/* Common static chrome. App-specific article TOC and map panels stay separate. */
body.setsu-shell-static { --shell-ink:#26313d; --shell-muted:#707a86; --shell-line:#e4e7eb; --shell-accent:#276b8a; }
.setsu-shell-static .setsu-shell__header { border-bottom:1px solid var(--shell-line); color:var(--shell-ink); }
.setsu-shell-static .setsu-shell__sidebar { border-right:1px solid var(--shell-line); z-index:20; background:#fff; }
.setsu-shell-static .setsu-shell__control { align-items:center; justify-content:center; padding:0; border:0; border-radius:4px; background:transparent; color:var(--shell-muted); flex:none; cursor:pointer; }
.setsu-shell-static .setsu-shell__control:hover { background:#f3f6f8; }
.setsu-shell-static .setsu-shell__control svg { width:14px; height:14px; }
.setsu-shell-static .static-shell-brand { min-height:44px; display:flex; align-items:center; gap:8px; color:var(--shell-ink); text-decoration:none; white-space:nowrap; font-size:18px; font-weight:700; }
.setsu-shell-static .static-shell-brand small { font-size:10px; color:var(--shell-muted); font-weight:500; }
.setsu-shell-static .static-shell-context { min-width:0; margin:0 0 0 auto; display:flex; align-items:center; min-height:44px; font-size:12px; color:var(--shell-muted); }
.setsu-shell-static .setsu-shell__header-action { display:inline-flex; align-items:center; justify-content:center; padding:0 12px; color:var(--shell-accent); font-size:11px; white-space:nowrap; text-decoration:none; }
.setsu-shell-static .static-shell-navigation { display:flex; flex-direction:column; height:100%; background:#fff; color:var(--shell-ink); }
.setsu-shell-static .static-shell-close-row { flex:none; display:flex; align-items:center; justify-content:flex-end; height:58px; padding:7px 5px; border-bottom:1px solid var(--shell-line); }
.setsu-shell-static .static-shell-close-row > button { display:inline-flex; }
.setsu-shell-static .static-shell-nav-scroll { display:block; overflow-y:auto; overscroll-behavior:contain; min-height:0; flex:1; padding:13px 9px; }
.setsu-shell-static .static-shell-nav-heading { font-size:10px; font-weight:600; color:var(--shell-muted); margin:12px 10px 8px; }
.setsu-shell-static .setsu-shell__nav-link { display:flex; align-items:center; gap:12px; padding:9px 10px; border-radius:4px; text-decoration:none; color:inherit; font-size:12px; line-height:1.65; overflow-wrap:anywhere; }
.setsu-shell-static .setsu-shell__nav-link img { width:12px; height:12px; flex:none; }
.setsu-shell-static .setsu-shell__nav-link:hover { background:#f5f8fa; color:var(--shell-accent); }
.setsu-shell-static .setsu-shell__nav-link.is-current { background:#eef4f7; color:var(--shell-accent); font-weight:700; }
.setsu-shell-static .static-shell-bottom { flex:none; border-top:1px solid var(--shell-line); padding:8px 9px; }
.setsu-shell-static.is-nav-collapsed .setsu-shell__sidebar :is(.static-shell-nav-label,.static-shell-nav-heading) { display:none; }
.setsu-shell-static.is-nav-collapsed .setsu-shell__sidebar .setsu-shell__nav-link { justify-content:center; padding-inline:0; }
.setsu-shell-static :is(.setsu-shell__control,.setsu-shell__nav-link,.static-shell-brand,.setsu-shell__header-action):focus-visible { outline:2px solid var(--shell-accent); outline-offset:2px; }
.setsu-shell-static .setsu-shell__drawer { color:var(--shell-ink); }
.setsu-shell-static .setsu-shell__workspace { min-width:0; }
.setsu-shell-static :is(#article-body h2,#article-body h3,#career-comic,#main-content > section,#article-view-container) { scroll-margin-top:calc(var(--site-header-height) + 24px); }
/* Keep the article reading rail inside its application workspace. */
body.setsu-shell-static.article-page .blog-layout { grid-template-columns:minmax(0,1fr) 240px; gap:32px; }
body.setsu-shell-static.article-page .sidebar-sticky-group { top:calc(var(--site-header-height) + 26px); }
body.setsu-shell-static[data-reading-preview="sekokan-kitui"] .reading-rail-stack { top:calc(var(--site-header-height) + 26px); }
body.setsu-shell-static[data-reading-preview="sekokan-kitui"] :is(.article-main-body h2,.article-main-body h3,#career-comic) { scroll-margin-top:calc(var(--site-header-height) + 24px); }
/* The existing map settings panel is an app panel, not global navigation. */
body.setsu-shell-static.map-sidebar-layout .map-sidebar:not(:modal) { top:calc(var(--site-header-height) + 16px); }
@media(max-width:1230px) {
 body.setsu-shell-static.article-page .blog-layout { grid-template-columns:minmax(0,1fr); }
 body.setsu-shell-static[data-reading-preview="sekokan-kitui"] .main-wrapper { max-width:690px; width:calc(100% - 40px); }
 body.setsu-shell-static[data-reading-preview="sekokan-kitui"] .reading-rail-stack { position:static; }
}
@media(max-width:820px), (max-width:1024px) and (max-height:500px) and (pointer:coarse) {
 .setsu-shell-static .static-shell-brand { font-size:16px; gap:5px; }
 .setsu-shell-static .static-shell-brand small { font-size:9px; }
 .setsu-shell-static .static-shell-context { order:4; flex:1 1 calc(100% - 98px); margin-left:0; font-size:11px; }
 .setsu-shell-static .setsu-shell__header-action { padding:0; }
 body.setsu-shell-static.map-sidebar-layout .map-sidebar:not(:modal) { top:auto; }
}
/* Preserve legacy tracking class without inheriting its old mobile hide rule. */
@media(max-width:768px) {
 .setsu-shell-static .setsu-shell__header-action.nav-menu { display:inline-flex !important; }
}