/* Article-only integration; no changes to the shared header, footer or reading width. */
body.sbx-articles-refined{background:var(--background);color:var(--ink)}
body.sbx-articles-refined.category-articles{--sbx-articles-width:90%}
body.sbx-articles-refined.category-articles main>.wrap,
body.sbx-articles-refined.category-articles .sbx-articles-toolbar.wrap{
 width:var(--sbx-articles-width);max-width:none;padding-inline:0;margin-inline:auto;
}
body.sbx-articles-refined .sbx-articles-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px 24px;padding-top:24px;padding-bottom:0}
body.sbx-articles-refined .sbx-articles-toolbar .sb-about{padding:0;min-width:0}
body.sbx-articles-refined .sb-about-list a[aria-current]{color:var(--link);font-weight:700;border-bottom:2px solid var(--amber)}
body.sbx-articles-refined .sbx-articles-theme{display:flex;align-items:center;gap:9px;color:var(--muted-foreground);font-size:var(--sbx-ui-small,14px);margin-left:auto}
body.sbx-articles-refined .theme-switch{display:flex;gap:3px;padding:3px;border:1px solid var(--border);border-radius:3px}
body.sbx-articles-refined .theme-switch button{font:inherit;min-height:36px;}
body.sbx-articles-refined .theme-switch button[aria-pressed=true]{}
body.sbx-articles-refined .theme-switch button[aria-pressed=true]:before{content:'✓ '}
body.sbx-articles-refined .reading :is(h2,h3){scroll-margin-top:calc(var(--header-offset,80px) + 20px)}
body.sbx-articles-refined .toc{max-height:calc(100dvh - var(--header-offset,80px) - var(--bottom-height,56px) - 48px);overflow-y:auto}
@media(max-width:767px){
 body.sbx-articles-refined.category-articles{--sbx-articles-width:calc(100% - 40px)}
 body.sbx-articles-refined .sbx-articles-toolbar{gap:12px;padding-top:16px}
 body.sbx-articles-refined .sbx-articles-toolbar .sb-about{width:100%}
 body.sbx-articles-refined .sb-about-toggle{font-size:14px}
 body.sbx-articles-refined .theme-switch button{min-height:38px}
}
/* Same DEV dark palette; fixed menu surfaces retain their approved colours. */
body.sbx-articles-refined.dark{
 --background:#232226;--foreground:#eeedf0;--ink:#eeedf0;
 --card:#2d2c31;--card-foreground:#eeedf0;--popover:#2d2c31;--popover-foreground:#eeedf0;
 --secondary:#343238;--secondary-foreground:#eeedf0;--muted:#343238;--muted-foreground:#b9b6bf;
 --border:#514e57;--input:#77717e;--ring:#fbad18;--paper:#302f34;--link:#e5b85d;
 color-scheme:dark;
}
body.sbx-articles-refined.dark :is(header,footer,.bottom-nav,.bottom-mobile nav,.main-nav.open){background:#2a2630;color:#fff}
body.sbx-articles-refined.dark .primary{}
body.sbx-articles-refined.dark .feature-card{background:#2a2630;color:#fff}
body.sbx-articles-refined.dark .feature-card p{color:#d5cfda}
body.sbx-articles-refined.dark :is(.intro-row p,.section-kicker,.section-title>span,.eyebrow,.card p,.featured-grid .feature-side .card p,.page-row>span,.next-step p,.breadcrumbs,.metadata,.source-note,.toc a,.toc a span,.mobile-toc a span,.editor-note,figcaption,.article-updated-note,.gallery-intro,.document-example>p,.document-example dd,.document-example .small-note,.article-local-nav a,.share-note,.share-bar [role=status],.sb-ivr-label){color:var(--muted-foreground)}
body.sbx-articles-refined.dark .feature-card .eyebrow{color:var(--amber)}
body.sbx-articles-refined.dark .metadata strong{color:var(--ink)}
body.sbx-articles-refined.dark .article-header h1 span{color:var(--muted-foreground)}
body.sbx-articles-refined.dark .topic-nav a{background:var(--card);color:var(--ink);border-color:var(--border)}
body.sbx-articles-refined.dark .topic-nav a:hover{background:var(--secondary);border-color:#918999}
body.sbx-articles-refined.dark .topic-nav a[aria-current=true],
body.sbx-articles-refined.dark .pagination .current{background:#eeedf0;color:#2a2630;border-color:#eeedf0}
body.sbx-articles-refined.dark .pagination a:hover{background:var(--secondary)}
body.sbx-articles-refined.dark :is(.reading .cards>div,.reading>aside,.sb-voice-card,.sb-video-card,.sb-revisions-card,.sb-ivr-card,.sb-ivr-example){background:var(--paper);color:var(--ink)}
body.sbx-articles-refined.dark :is(.sb-voice-breakout,.sb-revisions-accent,.sb-ivr-accent){background:#343238;color:#eeedf0}
body.sbx-articles-refined.dark .reading th{background:var(--secondary)}
body.sbx-articles-refined.dark :is(.share-buttons a,.share-buttons button):not(.share-vk):not(.share-tg):not(.share-max){background:var(--card);color:var(--ink);border-color:#918999}
body.sbx-articles-refined.dark .share-buttons :is(a,button):hover{outline:1px solid var(--link);outline-offset:1px}
body.sbx-articles-refined.dark :is(.share-fallback,.reading input,.reading textarea,.reading select){background:var(--card);color:var(--ink);border:1px solid var(--input)}
body.sbx-articles-refined.dark dialog{background:#2a2630;color:#fff;border:1px solid var(--border)}
body.sbx-articles-refined.dark dialog :is(input:not([type=checkbox]),textarea,select){background:#343238;color:#eeedf0;border:1px solid #918999}
body.sbx-articles-refined.dark mark{background:#62481a;color:#fff}
body.sbx-articles-refined.dark ::selection{background:#795510;color:#fff}