/* The Whole Horn: one site menu (103_MOBILE_NAV/SPEC.md). Every selector starts with .twh- or is scoped
   under html[data-twh-family], so it cannot collide with page CSS. Written by site_nav.py; edit the copy in
   76_CURRICULUM_MAP/tools/site_nav_assets/, never /assets/nav.css. */
@font-face{font-family:"TWH Inter";src:url("/fonts/Inter-Medium.otf") format("opentype");font-weight:500;font-display:swap}
@font-face{font-family:"TWH Inter";src:url("/fonts/Inter-SemiBold.otf") format("opentype");font-weight:600;font-display:swap}
@font-face{font-family:"TWH Cinzel";src:url("/fonts/Cinzel-SemiBold.ttf") format("truetype");font-weight:600;font-display:swap}
:root{--twh-bar-h:calc(56px + env(safe-area-inset-top,0px));--twh-navy:#0A0F1E;--twh-navy2:#141B33;--twh-brass:#E0A43B;
 --twh-gold:#F4C66A;--twh-paper:#F8F6F0;--twh-rule:rgba(224,164,59,.18);
 --twh-sans:"TWH Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--twh-serif:"TWH Cinzel","Times New Roman",serif}
@media (min-width:1024px){:root{--twh-bar-h:calc(64px + env(safe-area-inset-top,0px))}}
html[data-twh-family]{scroll-padding-top:var(--twh-bar-h)}

/* skip link: logical offset + transform, never left:-9999px (that blanks /ar/ on phones) */
.twh-skip{position:absolute;top:8px;inset-inline-start:8px;z-index:60;transform:translateY(-200%);padding:14px 16px;border-radius:8px;
 background:var(--twh-gold);color:var(--twh-navy);font:600 15px/1 var(--twh-sans);text-decoration:none}
.twh-skip:focus{transform:none}
#twh-content{display:block;height:0;overflow:hidden;outline:none}

/* ── the bar ── */
.twh-bar{position:sticky;top:0;z-index:40;display:block;box-sizing:border-box;width:auto;height:var(--twh-bar-h);margin:0;
 padding:env(safe-area-inset-top,0px) max(12px,env(safe-area-inset-right,0px)) 0 max(12px,env(safe-area-inset-left,0px));
 background:rgba(10,15,30,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:0;
 border-bottom:1px solid var(--twh-rule);color:var(--twh-paper);font:500 15px/1 var(--twh-sans);text-align:start;
 letter-spacing:normal;text-transform:none}
.twh-bar *,.twh-sheet *{box-sizing:border-box}
.twh-bar ul,.twh-sheet ul{display:block;list-style:none;margin:0;padding:0;gap:0;max-width:none;border:0}
.twh-bar li,.twh-sheet li{display:list-item;margin:0;padding:0;max-width:none;border:0;background:none}
.twh-bar .twh-in{max-width:1180px;height:56px;margin:0 auto;display:flex;align-items:center;gap:6px}
.twh-bar a,.twh-bar a:hover,.twh-sheet a,.twh-sheet a:hover{margin:0;text-decoration:none;-webkit-tap-highlight-color:transparent}
.twh-bar .twh-home{display:flex;align-items:center;gap:10px;min-height:44px;min-width:0;flex:0 1 auto;padding:0 4px;color:var(--twh-paper)}
.twh-bar .twh-home img{width:32px;height:32px;max-width:none;border-radius:7px;display:block;flex:none;margin:0}
.twh-bar .twh-wm{font:600 13px/1 var(--twh-serif);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}
.twh-bar .twh-site{display:flex;align-items:center;gap:6px;margin:0;margin-inline-start:auto;padding:0;flex:none}
.twh-bar .twh-desk{display:none}
.twh-bar .twh-globe,.twh-bar .twh-menu{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:none;
 min-height:44px;min-width:44px;padding:0;border-radius:999px;color:var(--twh-gold);background:transparent;cursor:pointer;
 font:500 15px/1 var(--twh-sans)}
.twh-bar .twh-globe span{display:none}
.twh-bar .twh-menu{padding:0 13px 0 11px;border:1px solid rgba(224,164,59,.45)}
.twh-bar .twh-menu:hover,.twh-bar .twh-globe:hover{background:rgba(224,164,59,.10)}
.twh-bar svg,.twh-sheet svg{flex:none;display:block}
.twh-bar :focus-visible,.twh-sheet :focus-visible,.twh-skip:focus-visible{outline:2px solid var(--twh-gold);outline-offset:2px}
@media (max-width:399px){.twh-bar .twh-wm{font-size:12px;letter-spacing:.11em}.twh-bar .twh-home{gap:8px}}
@media (max-width:374px){.twh-bar .twh-wm{letter-spacing:.06em}.twh-bar .twh-in{gap:4px}.twh-bar .twh-site{gap:4px}
 .twh-bar .twh-menu{padding:0 11px 0 9px;gap:6px}}
@media (max-width:339px){.twh-bar .twh-home{min-width:44px;justify-content:center}.twh-bar .twh-wm{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%)}}
@media (min-width:560px){.twh-bar .twh-globe[data-native]{padding:0 14px 0 12px;border:1px solid rgba(224,164,59,.45)}
 .twh-bar .twh-globe[data-native] span{display:inline}}

/* ── desktop: compartments in the bar, click drop-downs (never hover) ── */
@media (min-width:1024px){
 .twh-bar .twh-in{height:64px;gap:10px}
 .twh-bar .twh-wm{font-size:14px;letter-spacing:.18em}
 .twh-bar .twh-desk{display:flex;align-items:center;gap:2px}
 .twh-bar .twh-menu{display:none}
 .twh-bar .twh-site{gap:8px}}
.twh-bar .twh-dd{position:relative}
.twh-bar .twh-dbtn,.twh-bar .twh-vid{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 10px;border-radius:8px;
 color:rgba(248,246,240,.86);font:500 15px/1 var(--twh-sans);white-space:nowrap;cursor:pointer}
.twh-bar .twh-dbtn:hover,.twh-bar .twh-vid:hover{color:var(--twh-gold);background:rgba(224,164,59,.08)}
.twh-bar .twh-dbtn[data-current],.twh-bar .twh-vid[aria-current]{color:var(--twh-gold)}
.twh-bar .twh-dbtn[aria-expanded=true]{color:var(--twh-gold);background:rgba(224,164,59,.10)}
.twh-bar .twh-dbtn .twh-chevd{transition:transform .12s}
.twh-bar .twh-dbtn[aria-expanded=true] .twh-chevd{transform:rotate(180deg)}
.twh-bar .twh-play{display:inline-flex;align-items:center;min-height:44px;margin-inline-start:6px;padding:0 18px;border-radius:999px;
 background:var(--twh-brass);color:var(--twh-navy);font:600 15px/1 var(--twh-sans);white-space:nowrap}
.twh-bar .twh-play:hover{background:var(--twh-gold)}
.twh-bar .twh-drop{position:absolute;top:calc(100% + 10px);inset-inline-start:0;display:block;min-width:280px;max-width:560px;
 padding:8px 0 10px;background:var(--twh-navy2);border:1px solid var(--twh-rule);border-radius:12px;
 box-shadow:0 18px 40px rgba(0,0,0,.45)}
.twh-bar .twh-drop[hidden]{display:none}
.twh-bar .twh-end .twh-drop{inset-inline:auto 0}
.twh-bar .twh-drop.twh-2{width:520px}
.twh-bar .twh-drop.twh-2 ul{display:grid;grid-template-columns:1fr 1fr}
.twh-bar .twh-cap{margin:0;padding:8px 18px 6px;font:500 13px/1.3 var(--twh-sans);color:rgba(248,246,240,.62)}
.twh-bar .twh-drop .twh-row{display:flex;align-items:center;min-height:44px;padding:8px 18px;color:rgba(248,246,240,.9);
 font:500 15px/1.25 var(--twh-sans)}
.twh-bar .twh-drop .twh-row:hover{background:rgba(224,164,59,.08);color:var(--twh-paper)}
.twh-bar .twh-drop .twh-row[aria-current]{color:var(--twh-gold);box-shadow:inset 3px 0 0 var(--twh-brass)}
.twh-bar .twh-drop .twh-row:focus-visible{outline-offset:-2px}
@media (prefers-reduced-motion:no-preference){.twh-bar .twh-drop:not([hidden]){animation:twh-fade .12s ease-out}}

/* ── the menu: one <dialog>. Phones: bottom sheet. Tablets: side panel. Desktop: centered panel. ── */
.twh-sheet{position:fixed;inset:auto 0 0 0;margin:0;padding:0;border:0;width:100%;max-width:100%;height:auto;
 max-height:88vh;max-height:88dvh;border-radius:20px 20px 0 0;background:var(--twh-navy2);color:var(--twh-paper);
 overflow:hidden;font:500 16px/1.3 var(--twh-sans);text-align:start;letter-spacing:normal;text-transform:none;
 box-shadow:0 -12px 40px rgba(0,0,0,.4)}
.twh-sheet[open]{display:flex;flex-direction:column}
.twh-sheet::backdrop{background:rgba(6,10,20,.6)}
html:has(.twh-sheet[open]){overflow:hidden}
.twh-sheet .twh-top{position:relative;flex:none;display:flex;align-items:center;justify-content:space-between;height:56px;
 padding:0 8px;padding-inline-start:20px;border-bottom:1px solid var(--twh-rule)}
.twh-sheet .twh-top::before{content:"";position:absolute;top:6px;left:50%;width:36px;height:5px;margin-left:-18px;border-radius:3px;
 background:rgba(248,246,240,.28)}
.twh-sheet h2{display:block;margin:0;padding:0;border:0;font:600 13px/1 var(--twh-serif);letter-spacing:.16em;text-transform:uppercase;color:var(--twh-paper)}
.twh-sheet h2::before,.twh-sheet h2::after{content:none;display:none}
.twh-sheet .twh-close{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:0;
 border-radius:999px;background:transparent;color:var(--twh-gold);cursor:pointer}
.twh-sheet .twh-close:hover{background:rgba(224,164,59,.10)}
.twh-sheet .twh-body{position:relative;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;
 -webkit-overflow-scrolling:touch;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));
 padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
.twh-sheet .twh-cta{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:8px 20px}
.twh-sheet .twh-cta a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 10px;border-radius:12px;
 text-align:center;font:600 15px/1.15 var(--twh-sans);border:1px solid var(--twh-brass);color:var(--twh-gold);background:transparent}
.twh-sheet .twh-cta a:first-child{background:var(--twh-brass);color:var(--twh-navy)}
.twh-sheet .twh-cta a:hover{filter:brightness(1.08)}
.twh-sheet a.twh-row{display:flex;align-items:center;min-height:48px;padding:10px 20px;color:rgba(248,246,240,.9);
 font:500 16px/1.25 var(--twh-sans)}
.twh-sheet a.twh-row:hover{background:rgba(224,164,59,.08)}
.twh-sheet a.twh-row[aria-current]{color:var(--twh-gold);box-shadow:inset 3px 0 0 var(--twh-brass)}
html[dir=rtl] .twh-sheet a.twh-row[aria-current],html[dir=rtl] .twh-bar .twh-drop .twh-row[aria-current]{box-shadow:inset -3px 0 0 var(--twh-brass)}
.twh-sheet a.twh-row:focus-visible,.twh-sheet summary:focus-visible{outline-offset:-2px}
.twh-sheet .twh-solo a.twh-row{font-weight:600}
.twh-sheet details.twh-grp{margin:0;padding:0;border:0;border-top:1px solid var(--twh-rule);background:none}
.twh-sheet summary{list-style:none;display:flex;align-items:center;gap:12px;min-height:60px;margin:0;padding:8px 16px;
 padding-inline-start:20px;cursor:pointer;color:var(--twh-paper);background:none;font:inherit}
.twh-sheet summary::-webkit-details-marker{display:none}
.twh-sheet summary::marker{content:""}
.twh-sheet summary .twh-gt{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}
.twh-sheet summary b{font:600 17px/1.2 var(--twh-sans);color:var(--twh-paper)}
.twh-sheet summary small{font:500 13px/1.25 var(--twh-sans);color:rgba(248,246,240,.62)}
.twh-sheet summary .twh-chev{color:var(--twh-brass);transition:transform .15s}
.twh-sheet details[open]>summary .twh-chev{transform:rotate(90deg)}
html[dir=rtl] .twh-sheet summary .twh-chev{transform:scaleX(-1)}
html[dir=rtl] .twh-sheet details[open]>summary .twh-chev{transform:rotate(90deg)}
.twh-sheet details.twh-grp[open]{padding-bottom:8px}
.twh-sheet details.twh-grp a.twh-row{padding-inline-start:32px}
.twh-sheet .twh-langs{display:grid;grid-template-columns:1fr 1fr}
.twh-sheet .twh-langs a.twh-row{min-height:44px;padding-top:6px;padding-bottom:6px}
@media (prefers-reduced-motion:no-preference){
 .twh-sheet[open]{animation:twh-up .22s cubic-bezier(.2,.8,.2,1)}
 .twh-sheet[open]::backdrop{animation:twh-fade .22s ease-out}}
@keyframes twh-up{from{transform:translateY(40px);opacity:.4}}
@keyframes twh-in{from{transform:translateX(40px);opacity:.4}}
@keyframes twh-in-rtl{from{transform:translateX(-40px);opacity:.4}}
@keyframes twh-fade{from{opacity:0}}

@media (min-width:720px){
 .twh-sheet{inset:0;inset-inline:auto 0;width:min(420px,100vw);height:100vh;height:100dvh;max-height:none;border-radius:0;
  box-shadow:-12px 0 40px rgba(0,0,0,.4)}
 .twh-sheet .twh-top::before{display:none}
 .twh-sheet .twh-body{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}
 @media (prefers-reduced-motion:no-preference){.twh-sheet[open]{animation-name:twh-in}html[dir=rtl] .twh-sheet[open]{animation-name:twh-in-rtl}}}
@media (min-width:1024px){
 .twh-sheet{inset:0;margin:auto;width:min(720px,calc(100vw - 48px));height:auto;max-height:calc(100dvh - 96px);
  border:1px solid rgba(224,164,59,.25);border-radius:14px}
 .twh-sheet .twh-langs{grid-template-columns:repeat(3,1fr)}
 @media (prefers-reduced-motion:no-preference){.twh-sheet[open],html[dir=rtl] .twh-sheet[open]{animation-name:twh-fade}}}

/* ── curriculum family: breadcrumb below the bar, chip rail docks under it and shows it scrolls ── */
html[data-twh-family=curriculum] .toc,html[data-twh-family=curriculum] .filters,html[data-twh-family] .picker{top:var(--twh-bar-h)}
html[data-twh-family=curriculum] nav.top a{padding-block:13px}
/* chips are a real 44 px (not a pseudo-element hit area): the rail becomes 6 + 44 + 6 = 56 px */
html[data-twh-family=curriculum]{--twh-rail-h:56px}
html[data-twh-family=curriculum] .toc ul{padding-block:6px;align-items:center;scroll-padding-inline-end:40px}
html[data-twh-family=curriculum] .toc a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;font-size:14px}
html[data-twh-family=curriculum] .toc a:focus-visible{outline:2px solid #d5ae67;outline-offset:-2px}
html[data-twh-family=curriculum]:has(.toc) [id]{scroll-margin-top:calc(var(--twh-rail-h) + 8px)}
html[data-twh-family=curriculum] .toc ul{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 36px),transparent);
 mask-image:linear-gradient(to right,#000 calc(100% - 36px),transparent)}
html[data-twh-family=curriculum][dir=rtl] .toc ul{-webkit-mask-image:linear-gradient(to left,#000 calc(100% - 36px),transparent);
 mask-image:linear-gradient(to left,#000 calc(100% - 36px),transparent)}
html[data-twh-family=curriculum] .toc[data-twh-end] ul{-webkit-mask-image:none;mask-image:none}

/* ── syllabus videos (SPEC §7): the pinned ▶ Videos chip, the strip, the chip badges, the menu counts ── */
.twh-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.twh-tri{display:inline-block;flex:none;width:10px;height:10px;vertical-align:-1px}
/* pinned: sticky inside the sideways rail; the shadow paints over the rail's side padding so no chip peeks out behind it */
html[data-twh-family=curriculum] .toc li.twh-vchip{position:sticky;inset-inline-start:0;z-index:1;padding-inline-end:12px;margin-inline-end:-4px;
 background:linear-gradient(to right,#060e1b calc(100% - 12px),rgba(6,14,27,0));box-shadow:-32px 0 0 #060e1b}
html[data-twh-family=curriculum][dir=rtl] .toc li.twh-vchip{background:linear-gradient(to left,#060e1b calc(100% - 12px),rgba(6,14,27,0));
 box-shadow:32px 0 0 #060e1b}
html[data-twh-family=curriculum] .toc li.twh-vchip.twh-vx{position:static;padding-inline-end:4px;margin-inline-end:0;background:none;box-shadow:none}
html[data-twh-family=curriculum] .toc .twh-vchip a{gap:7px;border:1.5px solid #d5ae67;color:#f6efe4;font-weight:600}
html[data-twh-family=curriculum] .toc .twh-vchip a:hover{color:#f6efe4;background:rgba(213,174,103,.12)}
html[data-twh-family=curriculum] .toc .twh-vchip .twh-tri{color:#d5ae67}
html[data-twh-family=curriculum] .toc .twh-n{display:inline-flex;align-items:center;min-width:22px;height:20px;padding:0 7px;border-radius:999px;
 background:#d5ae67;color:#060e1b;font:700 12px/1 var(--f-dm,sans-serif);justify-content:center}
html[data-twh-family=curriculum] .toc .twh-arr{color:#d5ae67;font-weight:700}
html[data-twh-family=curriculum] .toc a[data-twh-video]::before{content:"";flex:none;width:8px;height:9px;margin-inline-end:6px;
 background:#d5ae67;clip-path:polygon(0 0,100% 50%,0 100%)}
.twh-vstrip{display:block;margin:0;padding:12px 0;background:#060e1b;border-bottom:1px solid #1d2c44;
 font-family:var(--f-dm,"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);text-align:start}
.twh-vstrip .twh-vh{margin:0 0 10px;padding:0 max(16px,4.7vw);font:500 13px/1.3 var(--f-dm,sans-serif);letter-spacing:.14em;
 text-transform:uppercase;color:#aeb8c5;border:0;background:none}
.twh-vstrip ol,.twh-vidx ul{list-style:none;margin:0;padding:0}
.twh-vstrip ol{display:flex;gap:10px;padding:0 max(16px,4.7vw);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;
 scroll-padding-inline:max(16px,4.7vw) calc(max(16px,4.7vw) + 32px);scrollbar-width:none;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 32px),transparent);
 mask-image:linear-gradient(to right,#000 calc(100% - 32px),transparent)}
.twh-vstrip ol::-webkit-scrollbar{display:none}
.twh-vstrip ol::after{content:"";flex:0 0 1px}
.twh-vstrip li,.twh-vidx li{flex:none;margin:0;padding:0;border:0;scroll-snap-align:start}
a.twh-vcard{box-sizing:border-box;display:flex;align-items:center;gap:12px;width:232px;height:88px;padding:0 12px 0 0;overflow:hidden;
 border:1px solid #2a3b57;border-radius:14px;background:#0b1930;color:#f6efe4;text-decoration:none;-webkit-tap-highlight-color:transparent}
a.twh-vcard:hover,a.twh-vcard:focus-visible{border-color:#d5ae67;color:#f6efe4}
a.twh-vcard:focus-visible{outline:2px solid #d5ae67;outline-offset:2px}
a.twh-vcard:active{background:#11223d}
.twh-vcard .twh-vp{position:relative;flex:none;height:100%;aspect-ratio:9/16;background:#000;border-radius:13px 0 0 13px;overflow:hidden}
.twh-vcard .twh-vp img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;margin:0}
.twh-vcard .twh-ring{position:absolute;left:50%;top:50%;width:22px;height:22px;transform:translate(-50%,-50%)}
.twh-vcard .twh-vt{display:flex;flex-direction:column;gap:5px;min-width:0}
.twh-vcard b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font:600 15px/1.25 var(--f-dm,sans-serif);color:#f6efe4}
.twh-vcard small{display:flex;align-items:center;gap:6px;font:500 13px/1.2 var(--f-dm,sans-serif);color:#aeb8c5}
.twh-vcard small .twh-tri{width:8px;height:8px;color:#d5ae67}
.twh-vstrip[data-n="1"] li{flex:1 1 auto}
.twh-vstrip[data-n="1"] a.twh-vcard{width:100%;max-width:560px}
@media (min-width:400px){a.twh-vcard{width:248px}}
@media (min-width:720px){
 .twh-vstrip ol{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));overflow:visible;-webkit-mask-image:none;mask-image:none}
 .twh-vstrip ol::after{display:none}
 .twh-vstrip a.twh-vcard{width:auto}
 .twh-vstrip[data-n="1"] ol{grid-template-columns:minmax(248px,560px)}}
html[dir=rtl] .twh-vstrip ol{-webkit-mask-image:linear-gradient(to left,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(to left,#000 calc(100% - 32px),transparent)}
html[dir=rtl] .twh-vcard .twh-vp{border-radius:0 13px 13px 0}
@media (max-height:500px){html[data-twh-family=curriculum] figure[id^="video-"]{
 max-width:calc((100vh - var(--twh-bar-h) - var(--twh-rail-h,0px) - 28px) * 9 / 16);
 max-width:calc((100dvh - var(--twh-bar-h) - var(--twh-rail-h,0px) - 28px) * 9 / 16)}}
/* no own video: one row that leads to the nearest syllabus that has them */
.twh-vlink{margin:0;padding:6px max(16px,4.7vw);background:#060e1b;border-bottom:1px solid #1d2c44}
.twh-vlink a,.twh-vli a{display:inline-flex;align-items:center;gap:8px;min-height:48px;color:#f6efe4;text-decoration:none;
 font:600 15px/1.25 var(--f-dm,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif)}
.twh-vlink a:hover{color:#d5ae67}
.twh-vlink .twh-tri,.twh-vlink .twh-arr{color:#d5ae67}
.twh-vlink a:focus-visible{outline:2px solid #d5ae67;outline-offset:2px}
/* the old syllabi (light pages): rows at the top of their Contents box */
.toc li.twh-vli{margin:0 0 4px}
.twh-vli a{min-height:44px;color:inherit;font-family:inherit;font-size:1rem}
.twh-vli .twh-tri,.twh-vli .twh-arr{color:#b8862b}
.twh-vli .twh-arr{font-weight:700}
html[data-twh-yt] a[href*="youtu"]::before{content:"";display:inline-block;width:.62em;height:.7em;margin-inline-end:.4em;
 background:#b8862b;clip-path:polygon(0 0,100% 50%,0 100%);vertical-align:-.02em}
/* in the menu */
.twh-sheet a.twh-vrow{position:sticky;top:0;z-index:2;background:var(--twh-navy2);gap:10px;color:var(--twh-gold);font-weight:600;border-bottom:1px solid var(--twh-rule)}
.twh-sheet a.twh-vrow .twh-tri{color:var(--twh-brass)}
.twh-sheet .twh-body:has(>.twh-vrow){scroll-padding-top:52px}
.twh-cnt{display:inline-flex;align-items:center;gap:4px;margin-inline-start:auto;padding:3px 9px;border-radius:999px;
 border:1px solid rgba(224,164,59,.45);color:var(--twh-gold);font:600 13px/1 var(--twh-sans)}
.twh-cnt .twh-tri{width:8px;height:8px}
.twh-bar .twh-drop .twh-row .twh-cnt{margin-inline-start:12px}
/* /videos/: one card per syllabus */
.twh-vidx ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:10px;margin-top:6px}
.twh-vidx a.twh-vcard{width:auto;background:#0A0F1E;border-color:rgba(224,164,59,.35)}
.twh-vidx a.twh-vcard b{font-family:var(--twh-sans);color:#F8F6F0}
.twh-vidx a.twh-vcard small{color:var(--twh-gold)}
html[data-twh-family=bare] body>.wrap>div.top>span.wm:first-child{display:none}
@media print{.twh-vstrip,.twh-vchip,.twh-vlink,.twh-vli,.twh-vidx{display:none!important}
 html[data-twh-family] .toc a[data-twh-video]::before,html[data-twh-yt] a[href*="youtu"]::before{display:none}}
@media (prefers-reduced-motion:reduce){.twh-bar *,.twh-sheet *{transition:none!important;animation:none!important}}
@media print{.twh-bar,.twh-skip,.twh-sheet,#twh-content{display:none!important}}