/* Scoped additions: preserve the existing forum and editor layout. */
.gulf-spoiler { border:1px solid #bac5ce; margin:8px 0; background:#fff; color:inherit; }
.gulf-spoiler > summary { cursor:pointer; padding:5px 8px; background:#edf1f4; color:#314b5e; font-size:12px; line-height:18px; font-weight:600; list-style:none; }
.gulf-spoiler > summary:focus-visible { outline:2px solid #527b99; outline-offset:-2px; }
.gulf-spoiler-content { padding:10px; overflow-wrap:anywhere; }
.sceditor-button-gulfspoiler,.sceditor-button-gulfemoji { width:16px!important; }
.sceditor-button-gulfspoiler div,.sceditor-button-gulfemoji div { width:16px!important; height:16px!important; padding:0!important; text-indent:-9999px!important; background-size:16px 16px!important; background-position:center!important; background-repeat:no-repeat!important; }
.sceditor-button-gulfspoiler div { background-image:url('../images/editor-spoiler.svg')!important; }
.sceditor-button-gulfemoji div { background-image:url('../images/editor-smileys.svg')!important; }
.sceditor-gulfemoji { left:auto!important; right:0!important; max-width:calc(100vw - 24px); box-sizing:border-box; }
.gulf-editor-picker { width:280px; max-width:100%; box-sizing:border-box; }
.gulf-editor-picker input { width:100%; box-sizing:border-box; margin-bottom:8px; }
.gulf-editor-picker-grid { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:3px; max-height:230px; overflow-y:auto; margin-bottom:8px; }
.gulf-editor-picker-grid button { min-width:0; height:34px; border:1px solid #d1d9df; background:#fff; color:#243644; cursor:pointer; padding:4px; font-size:20px; line-height:24px; }
.gulf-editor-picker-grid button[hidden] { display:none; }
.gulf-editor-picker-grid button:hover,.gulf-editor-picker-grid button:focus-visible { background:#e6edf3; outline:2px solid #527b99; outline-offset:-2px; }
.gulf-editor-picker-grid img { max-width:24px; max-height:24px; vertical-align:middle; }
@media(max-width:480px) { .sceditor-gulfemoji { left:12px!important; right:12px!important; width:auto!important; } .gulf-editor-picker { width:100%; } }
@media print { .gulf-spoiler > .gulf-spoiler-content { display:block!important; } }

.gulf-spoiler > summary::-webkit-details-marker { display:none; }
.gulf-spoiler > summary::before { content:''; display:inline-block; width:0; height:0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:5px solid #476477; margin-right:8px; vertical-align:0; }
.gulf-spoiler[open] > summary::before { transform:rotate(90deg); }
img.smiley[src*="/gc-"],.sceditor-dropdown img[src*="/gc-"],.sceditor-smileyPopup img[src*="/gc-"] { width:22px; height:22px; vertical-align:middle; }
.gulf-smiley-credit { display:block; margin:4px 0 8px; font-size:11px; }


/* The searchable image picker replaces SMF's duplicate More button. */
.sceditor-container .sceditor-more-button { display:none!important; }