/* Shared Exercises-inspired chrome. Reading and artwork typography stay local. */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500;600&display=swap');
:root{--nav-accent:#e89a2c;--nav-ink:#f1eae2;--nav-ground:#110f0e;--nav-line:#44392f;--nav-display:Oswald,'Arial Narrow',sans-serif}
.mast{flex-wrap:wrap;gap:20px;padding-block:22px}
.mast nav[aria-label="Sections"],nav.tabs .wrap{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;width:100%;min-width:0}
.mast nav[aria-label="Sections"]{flex-basis:100%;padding-top:16px;border-top:1px solid var(--line,var(--nav-line))}
.mast nav[aria-label="Sections"] a,nav.tabs .wrap>a,nav.tabs .wrap>button{
 display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-height:44px;
 padding:9px 18px;border:1px solid var(--line,var(--nav-line));border-radius:0;
 background:transparent;color:var(--nav-accent);font:600 15px/1.4 var(--nav-display);
 letter-spacing:.035em;text-transform:uppercase;text-decoration:none;white-space:nowrap;
 transition:background-color .16s,border-color .16s,color .16s
}
.mast nav[aria-label="Sections"] a:hover,nav.tabs .wrap>a:hover,nav.tabs .wrap>button:hover{
 border-color:var(--nav-accent);background:#e89a2c10
}
.mast nav[aria-label="Sections"] a[aria-current]:not([aria-current="false"]),nav.tabs .wrap>button[aria-pressed="true"]{
 background:var(--nav-ink);border-color:var(--nav-ink);color:var(--nav-ground)
}
nav.tabs .wrap>button[aria-pressed="false"]{color:var(--muted,#afa298)}
.mast nav[aria-label="Sections"] a:focus-visible,nav.tabs .wrap>:focus-visible{
 outline:2px solid var(--nav-accent);outline-offset:3px
}
/* Secondary topic / mode controls share the exercise filter's pill treatment. */
.media-tabs,.graph-view-tabs{gap:8px;flex-wrap:wrap}
.scope-switch{border:0;padding:0;gap:8px;background:transparent;flex-wrap:wrap}
.media-tabs button,.graph-view-tabs button,.scope-switch button,.tags button,.chips .chip,nav.filters-ex button{
 min-height:36px;padding:7px 15px;border:1px solid var(--line,var(--nav-line));border-radius:999px;
 background:transparent;color:var(--muted,#afa298);font:500 13px/1.45 Hind,system-ui,sans-serif
}
.media-tabs button[aria-pressed="true"],.graph-view-tabs button[aria-pressed="true"],.scope-switch button[aria-pressed="true"],nav.filters-ex button[aria-pressed="true"]{
 background:var(--nav-accent);border-color:var(--nav-accent);color:var(--nav-ground)
}
.media-tabs button:hover,.graph-view-tabs button:hover,.scope-switch button:hover,.tags button:hover,.chips .chip:hover{
 border-color:var(--nav-accent);color:var(--ink,var(--nav-ink))
}
.media-tabs button[aria-pressed="true"]:hover,.graph-view-tabs button[aria-pressed="true"]:hover,.scope-switch button[aria-pressed="true"]:hover{color:var(--nav-ground)}
/* Explicit control groups only: never restyle transcript cues, artwork or cards. */
.filter-row button,.knowledge-tools button,.comic-controls button,.comic-bottom button,.reader-toolbar button,
.video-actions button,.library-tools button,.personal-actions button,.account-nav button,#close,#item-close,#comic-close,#portrait-close,#close-photo{
 min-height:40px;border:1px solid var(--line,var(--nav-line));border-radius:5px;padding:9px 15px;
 background:var(--panel,#1b1816);color:var(--ink,var(--nav-ink));font:500 13px/1.5 Hind,system-ui,sans-serif;
 cursor:pointer;transition:border-color .16s,background-color .16s
}
.filter-row button:hover,.knowledge-tools button:hover,.comic-controls button:hover,.comic-bottom button:hover,
.reader-toolbar button:hover,.video-actions button:hover,.library-tools button:hover,.account-nav button:hover{
 border-color:var(--nav-accent);background:#e89a2c10
}
.filter-row button:focus-visible,.knowledge-tools button:focus-visible,.comic-controls button:focus-visible,
.comic-bottom button:focus-visible,.reader-toolbar button:focus-visible,.media-tabs button:focus-visible,
.graph-view-tabs button:focus-visible,.scope-switch button:focus-visible,.account-nav :focus-visible{
 outline:2px solid var(--nav-accent);outline-offset:3px
}
.account-nav{gap:8px 14px}.account-nav>a{padding:6px 0;border-bottom:2px solid transparent}
.account-nav>a[aria-current="page"]{color:var(--nav-accent);border-bottom-color:var(--nav-accent)}
@media(max-width:760px){
 .mast{gap:14px;padding-block:18px}
 .mast nav[aria-label="Sections"],nav.tabs .wrap{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--nav-line) transparent;justify-content:flex-start;padding-bottom:10px;scroll-padding-inline:8px}
 .mast nav[aria-label="Sections"]{max-width:100%;padding-top:14px}
 .mast nav[aria-label="Sections"] a,nav.tabs .wrap>a,nav.tabs .wrap>button{font-size:14px;padding:9px 15px;min-height:44px}
 nav.tabs .wrap{padding-block:12px}
 .media-tabs button,.graph-view-tabs button,.scope-switch button,.tags button,.chips .chip,nav.filters-ex button{min-height:40px}
}
@media(prefers-reduced-motion:reduce){.mast nav[aria-label="Sections"] a,nav.tabs .wrap>*,.filter-row button,.knowledge-tools button,.comic-controls button,.comic-bottom button,.reader-toolbar button,.video-actions button,.library-tools button,.account-nav button{transition:none}}