/* OverlayScrollbars 2.16.0: macOS-style overlay handles, tuned to the black/gold site. */
.os-theme-macos{
 --os-size:12px;
 --os-padding-perpendicular:3px;
 --os-padding-axis:5px;
 --os-track-border-radius:999px;
 --os-track-bg:transparent;
 --os-track-bg-hover:rgba(225,209,184,.04);
 --os-track-bg-active:rgba(225,209,184,.06);
 --os-handle-border-radius:999px;
 --os-handle-bg:rgba(219,207,186,.38);
 --os-handle-bg-hover:rgba(235,220,198,.62);
 --os-handle-bg-active:rgba(244,220,185,.78);
 --os-handle-min-size:36px;
 --os-handle-perpendicular-size:67%;
 --os-handle-perpendicular-size-hover:100%;
 --os-handle-perpendicular-size-active:100%;
 --os-handle-interactive-area-offset:4px;
}
body>.os-scrollbar{z-index:20}
dialog>.os-scrollbar{z-index:2}
html[data-overlayscrollbars-viewport]{scrollbar-gutter:auto}
html[data-overlayscrollbars-viewport]:has(dialog[open]){overflow:hidden!important;overscroll-behavior:none}
/* Lock only the document viewport; a second scroll container on body resets scroll snapping. */
html[data-overlayscrollbars-viewport]:has(dialog[open])>body{overflow:visible!important}
body:has(dialog[open])>.os-scrollbar{visibility:hidden}
/* Keep native showModal/backdrop behavior while only the inner viewport scrolls. */
dialog[data-overlayscrollbars~=host]{position:fixed;padding:0!important;overscroll-behavior:contain;--dialog-padding:28px}
dialog[data-overlayscrollbars~=host]:not([open]){display:none!important}
dialog[data-overlayscrollbars~=host]>.dialog-scroll{min-height:0;max-height:calc(90svh - 2px);overscroll-behavior:contain}
.dialog-scroll>.dialog-content{padding:var(--dialog-padding);box-sizing:border-box}
#consulting-dialog[data-overlayscrollbars~=host]{--dialog-padding:30px}
@media(max-width:800px){dialog[data-overlayscrollbars~=host]{--dialog-padding:18px}#consulting-dialog[data-overlayscrollbars~=host]{--dialog-padding:18px}dialog[data-overlayscrollbars~=host]>.dialog-scroll{max-height:calc(92svh - 2px)}}
.scroll-field{position:relative;margin-top:12px;min-width:0;height:120px;min-height:120px;resize:vertical;background:#080807;border:1px solid #ffffff22;border-radius:4px}
.scroll-field textarea{margin:0;border:0;border-radius:0;background:transparent;resize:none;overflow:hidden;overscroll-behavior:auto}
.scroll-field [data-overlayscrollbars-viewport]{overscroll-behavior:contain}
@media(prefers-reduced-motion:reduce){.os-theme-macos,.os-theme-macos .os-scrollbar-handle{transition:none!important}}
@media(forced-colors:active){.os-theme-macos{--os-handle-bg:ButtonText;--os-handle-bg-hover:Highlight;--os-handle-bg-active:Highlight;--os-track-bg:Canvas}}

/* Keep the existing close control visible inside every independently scrolling modal. */
.dialog-content>.dialog-head{
 position:sticky;top:0;z-index:3;
 margin:calc(-1 * var(--dialog-padding)) calc(-1 * var(--dialog-padding)) 24px;
 padding:var(--dialog-padding);padding-bottom:16px;
 gap:16px;background:#0f0e0c;border-bottom:1px solid #d7ac6526;
}
.dialog-head>div{min-width:0}
dialog .dialog-head>button{width:44px;height:44px;flex:0 0 44px;touch-action:manipulation}