/* Shared editorial shell; clinical canvases keep their original colors and pixels. */
@font-face{font-family:Manrope;font-weight:400;font-display:swap;src:url('/mycodexes/assets/manrope-latin-400-normal-PaqtzbVb.woff2')}
@font-face{font-family:Manrope;font-weight:500;font-display:swap;src:url('/mycodexes/assets/manrope-latin-500-normal-BYYD-dBL.woff2')}
@font-face{font-family:Manrope;font-weight:600;font-display:swap;src:url('/mycodexes/assets/manrope-latin-600-normal-4f0koTD-.woff2')}
@font-face{font-family:Manrope;font-weight:700;font-display:swap;src:url('/mycodexes/assets/manrope-latin-700-normal-BZp_XxE4.woff2')}
@font-face{font-family:'Instrument Serif';font-weight:400;font-display:swap;src:url('/mycodexes/assets/instrument-serif-latin-400-normal-DnYpCC2O.woff2')}
@font-face{font-family:'Instrument Serif';font-weight:400;font-style:italic;font-display:swap;src:url('/mycodexes/assets/instrument-serif-latin-400-italic-DKMiL14s.woff2')}
@font-face{font-family:Lora;font-weight:500;font-display:swap;src:url('/mycodexes/assets/lora-latin-500-normal-Dh16O2IA.woff2')}
:root{--codex-paper:#f8f6f0;--codex-surface:#fffefa;--codex-ink:#132e30;--codex-muted:#55675f;--codex-line:#d9ddd2;--codex-track:#0b4a3d;--codex-soft:#e8eee7;--codex-serif:'Instrument Serif',Georgia,serif;--codex-sans:Manrope,Arial,sans-serif;--codex-reading:Lora,Georgia,serif;--codex-relief:0 8px 24px -16px #132e3055}
html[data-codex-track='step1']{--codex-track:#0c2a4c;--codex-soft:#e8ecf1}
body[data-codex-family]{margin:0;background-color:var(--codex-paper);background-image:linear-gradient(#f8f6f0a6,#f8f6f0a6),url('/assets/codex-hex.svg');background-size:auto,55.4256258422px 96px;background-repeat:repeat;color:var(--codex-ink);font-family:var(--codex-sans);-webkit-font-smoothing:antialiased}
body[data-codex-family] :focus-visible{outline:3px solid var(--codex-track);outline-offset:3px}
body[data-codex-family] button,body[data-codex-family] a{touch-action:manipulation}
body[data-codex-family] input,body[data-codex-family] select,body[data-codex-family] textarea{font-size:16px}
.codex-wordmark .codex-brand-core{font-weight:700;color:var(--codex-track)}
.codex-skip{position:absolute;left:16px;top:-100px;z-index:9999;background:var(--codex-surface);color:var(--codex-track);padding:12px 18px;border-radius:8px}
.codex-skip:focus{top:12px}
.codex-home{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 15px;border:1px solid #b5c4ba;border-radius:99px;background:var(--codex-surface);color:var(--codex-track)!important;font:600 13px/1.2 var(--codex-sans);text-decoration:none!important;white-space:nowrap;box-shadow:var(--codex-relief)}
.codex-home:before{content:'↗';font-size:17px}
.codex-context-links{display:flex;align-items:center;gap:16px}
body[data-codex-family] .brand{color:var(--codex-ink);letter-spacing:-.02em}
body[data-codex-family] .brand .codex-wordmark{font:400 25px/1 var(--codex-serif)}
body[data-codex-family] .brand small{font:600 10px/1.3 var(--codex-sans);letter-spacing:.13em;color:var(--codex-track)}
body[data-codex-family] .brand svg{flex:none;width:18px;height:22px;color:var(--codex-track)}
body[data-codex-family] .bar,body[data-codex-family] .topbar,body[data-codex-family] .top{background:rgba(248,246,240,.94);color:var(--codex-ink);border-bottom:1px solid var(--codex-line);backdrop-filter:blur(12px)}
body[data-codex-family] .bar,body[data-codex-family] .topbar{min-height:74px;height:auto}
body[data-codex-family] .bar nav{gap:17px}
body[data-codex-family] .bank-switch{border-radius:99px;border-color:#bdc8be;box-shadow:var(--codex-relief)}
body[data-codex-family] .bank-tab{min-height:42px!important;border-radius:99px!important}
body[data-codex-family] .bank-tab.is-active{background:var(--codex-track)!important;color:white!important;box-shadow:0 4px 12px -7px var(--codex-track)!important}
body[data-codex-family] .free-pill,body[data-codex-family] .freepill{background:var(--codex-soft);color:var(--codex-track);border:1px solid #b5c4ba;box-shadow:none;font-size:10px}
body[data-codex-family] .free-pill:before{background:var(--codex-track);animation:none;box-shadow:none}
body[data-codex-family='library'],body[data-codex-family='step1'],body[data-codex-family='flashcards'],body[data-codex-family='guide'],body[data-codex-family='legacy-hub']{--sans:var(--codex-sans);--serif:var(--codex-reading);--display:var(--codex-serif);--cream:var(--codex-paper);--cream-2:#eeeade;--ink:var(--codex-ink);--ink-2:var(--codex-ink);--slate:var(--codex-muted);--line:var(--codex-line);--emerald:var(--codex-track);--emerald-d:var(--codex-track);--emerald-dd:var(--codex-track);--gut:clamp(18px,3.5vw,48px);--barh:74px;--shadow:var(--codex-relief)}
body[data-codex-family='library'] .hero,body[data-codex-family='step1'] .hero{background:transparent;color:var(--codex-ink);padding:40px var(--gut) 24px;border-bottom:1px solid var(--codex-line)}
body[data-codex-family='library'] .hero:before,body[data-codex-family='library'] .hero:after,body[data-codex-family='step1'] .hero:before,body[data-codex-family='step1'] .hero:after{display:none}
body[data-codex-family='library'] .hero-in{grid-template-columns:minmax(0,1.5fr) minmax(220px,.65fr);gap:40px;max-width:1248px}
body[data-codex-family='library'] .hero h1,body[data-codex-family='step1'] .hero h1{font:400 clamp(46px,5.3vw,76px)/1.04 var(--codex-serif);color:var(--codex-ink);margin:15px 0 17px;letter-spacing:-.02em}
body[data-codex-family='library'] .hero h1 em,body[data-codex-family='step1'] .hero h1 em{color:var(--codex-track)}
body[data-codex-family='library'] .hero .eyebrow,body[data-codex-family='step1'] .hero .eyebrow{color:var(--codex-track);font:700 11px/1.6 var(--codex-sans);letter-spacing:.14em}
body[data-codex-family='library'] .hero .lede,body[data-codex-family='step1'] .hero .lede{font:400 16px/1.65 var(--codex-sans);color:var(--codex-muted);max-width:650px;margin:0 0 17px}
body[data-codex-family='library'] .free-banner,body[data-codex-family='step1'] .freebox{background:rgba(255,254,250,.75);border:1px solid var(--codex-line);border-left:3px solid var(--codex-track);box-shadow:none;backdrop-filter:none;border-radius:10px;padding:12px 16px;margin:0 0 19px;gap:15px;color:var(--codex-muted)}
body[data-codex-family='library'] .free-banner strong,body[data-codex-family='step1'] .freebox b{color:var(--codex-track);font:italic 400 32px/1 var(--codex-serif);border-color:var(--codex-line)}
body[data-codex-family='library'] .free-banner span,body[data-codex-family='step1'] .freebox span{font:400 13px/1.55 var(--codex-sans);color:var(--codex-muted)}
body[data-codex-family='library'] .search,body[data-codex-family='step1'] .search{background:var(--codex-surface);border:1px solid #8b9d91;box-shadow:var(--codex-relief);border-radius:12px}
body[data-codex-family='library'] .search input,body[data-codex-family='step1'] .search input{font:400 16px/1.4 var(--codex-sans);min-height:48px}
body[data-codex-family='library'] .try,body[data-codex-family='step1'] .try{color:var(--codex-muted);font-family:var(--codex-sans)}
body[data-codex-family='library'] .try button,body[data-codex-family='step1'] .try button{background:var(--codex-surface);border:1px solid #a7b9ac;color:var(--codex-track);font:600 12px/1.3 var(--codex-sans);min-height:38px}
body[data-codex-family='library'] .plate{color:var(--codex-track)}
body[data-codex-family='library'] .plate:before{display:none}
body[data-codex-family='library'] .plate .emb{width:min(320px,100%);filter:drop-shadow(0 12px 12px #132e3022);animation:none}
body[data-codex-family='library'] .plate small{color:var(--codex-muted);font-size:10px;letter-spacing:.12em;line-height:1.7}
.codex-art-credit{display:block;margin-top:10px;font:400 11px/1.5 var(--codex-sans);color:var(--codex-muted);text-decoration:underline;text-underline-offset:3px}
.codex-hero-art{height:260px;position:relative;width:320px;max-width:100%;margin:auto}
.codex-hero-art img{position:absolute;width:155px;height:205px;object-fit:contain;padding:7px;background:#fffefa;border:1px solid #bbc7bd;border-radius:10px;box-shadow:0 15px 30px -16px #132e3066;top:24px;left:0}
.codex-hero-art img:nth-child(1){transform:rotate(-8deg);z-index:3}
.codex-hero-art img:nth-child(2){left:78px;top:8px;transform:rotate(3deg);z-index:2}
.codex-hero-art img:nth-child(3){left:152px;top:37px;transform:rotate(11deg);z-index:1}
body[data-codex-family='credits'] main{max-width:760px;margin:48px auto;padding:0 24px;font:400 15px/1.8 var(--codex-sans)}
body[data-codex-family='credits'] h1{font:400 48px/1.1 var(--codex-serif)}
body[data-codex-family='diagrams'] .codex-mark svg{width:22px;height:28px}
body[data-codex-family='library'] .stats{max-width:1248px;margin:24px auto 0;gap:16px}
body[data-codex-family='library'] .stats div,body[data-codex-family='step1'] .stat{background:rgba(255,254,250,.66);border:1px solid var(--codex-line);border-radius:10px;backdrop-filter:none;padding:12px 18px;box-shadow:none}
body[data-codex-family='library'] .stats b,body[data-codex-family='step1'] .stat b{color:var(--codex-track);font:400 32px/1 var(--codex-serif)}
body[data-codex-family='library'] .stats span,body[data-codex-family='step1'] .stat span{color:var(--codex-muted);font:600 10px/1.5 var(--codex-sans);letter-spacing:.1em}
body[data-codex-family='library'] .wrap,body[data-codex-family='library'] .eco{max-width:1344px}
body[data-codex-family='library'] .toolbar{background:rgba(248,246,240,.96);position:relative;top:auto;border-bottom:1px solid var(--codex-line);padding:22px 0}
body[data-codex-family='library'] .card{border:1px solid var(--codex-line);border-radius:12px;box-shadow:0 2px 8px -4px #132e3022;animation:none}
body[data-codex-family='library'] .body{padding:19px 20px;gap:9px}
body[data-codex-family='library'] .body h3{font:400 24px/1.15 var(--codex-serif)}
body[data-codex-family='library'] .body p{font:400 13px/1.6 var(--codex-sans);color:var(--codex-muted)}
body[data-codex-family='library'] .thumb img{object-fit:contain;background:#11262d}
body[data-codex-family='library'] .chipbtn,body[data-codex-family='library'] select.sel,body[data-codex-family='library'] .random-btn,body[data-codex-family='library'] .quiz-toggle{min-height:44px;border-color:#a7b4a8}
body[data-codex-family='library'] .chipbtn[aria-pressed=true]{background:var(--codex-track);border-color:var(--codex-track)}
body[data-codex-family='library'] .info{background:var(--codex-surface)}
body[data-codex-family='library'] .info h2{font-family:var(--codex-serif);line-height:1.12}
body[data-codex-family='library'] footer.hexbg{background:var(--codex-paper);background-image:none;color:var(--codex-ink);border-top:1px solid var(--codex-line)}
body[data-codex-family='library'] footer .fin p,body[data-codex-family='library'] footer .legal,body[data-codex-family='library'] footer h4{color:var(--codex-muted)}
body[data-codex-family='library'] footer .footer-free{color:var(--codex-track)}
body[data-codex-family='step1'] .top .wrap{height:auto;min-height:74px}
body[data-codex-family='step1'] .hero>.wrap{grid-template-columns:minmax(0,1.5fr) minmax(200px,.7fr)}
body[data-codex-family='step1'] .hero .seal{color:var(--codex-track);opacity:.7;animation:none;filter:none}
body[data-codex-family='step1'] .chips{padding-block:12px;gap:7px}
body[data-codex-family='step1'] .chip,body[data-codex-family='step1'] .toggle,body[data-codex-family='step1'] select{min-height:44px}
body[data-codex-family='step1'] .card{border-color:var(--codex-line);box-shadow:var(--codex-relief)}
body[data-codex-family='step1'] .th img{object-fit:contain}
body[data-codex-family='step1'] .cb h3{font-family:var(--codex-serif);font-size:24px;font-weight:400}
body[data-codex-family='plates']{--serif:var(--codex-serif);--sans:var(--codex-sans);--paper:var(--codex-paper);--ink:var(--codex-ink);--green:var(--codex-track);--muted:var(--codex-muted);--mint:var(--codex-soft);--line:var(--codex-line)}
body[data-codex-family='plates'] .topbar{padding-inline:max(24px,calc((100vw - 1344px)/2));gap:20px}
body[data-codex-family='plates'] .brand{display:flex;align-items:center;gap:9px}
body[data-codex-family='plates'] .back{min-height:44px;display:inline-flex;align-items:center;font-size:11px;letter-spacing:.06em}
body[data-codex-family='plates'] .plate-shell,body[data-codex-family='plates'] .index-shell{max-width:1344px;padding-inline:32px}
body[data-codex-family='plates'] .index-hero{padding:44px 0 32px}
body[data-codex-family='plates'] .index-hero h1{font-size:clamp(44px,5.5vw,72px);font-weight:400;letter-spacing:-.02em}
body[data-codex-family='plates'] .index-hero>p,body[data-codex-family='plates'] .dek{font:400 16px/1.65 var(--codex-sans);color:var(--codex-muted)}
body[data-codex-family='plates'] .hero h1{font-weight:400;font-size:clamp(40px,4.8vw,64px);letter-spacing:-.02em}
body[data-codex-family='plates'] .hero{padding-bottom:24px}
body[data-codex-family='plates'] .source-site{font-size:12px;padding:9px 12px;min-height:38px;background:var(--codex-surface)}
body[data-codex-family='plates'] .toolbar{background:rgba(255,254,250,.88);border-color:var(--codex-line);box-shadow:var(--codex-relief)}
body[data-codex-family='plates'] .toolbar input,body[data-codex-family='plates'] .toolbar select{height:48px;border-color:#8b9d91;font-size:16px}
body[data-codex-family='plates'] .tile{box-shadow:0 2px 8px -4px #132e3022}
body[data-codex-family='plates'] .tile-media img{object-fit:contain}
body[data-codex-family='plates'] .tile-body h2{font-weight:400;font-size:25px}
body[data-codex-family='plates'] .tile-body small{font-size:11px}
body[data-codex-family='plates'] .tile-body p{font-size:13px;line-height:1.6}
body[data-codex-family='plates'] .tile-action{display:inline-flex;align-items:center;min-height:30px}
body[data-codex-family='plates'] .plate-grid{gap:28px}
body[data-codex-family='plates'] .study-card{border-left:3px solid var(--codex-track);box-shadow:var(--codex-relief)}
body[data-codex-family='plates'] .study-card.watch{border-left-color:#9a5b27}
body[data-codex-family='plates'] .asset-info h3{font-size:28px;font-weight:400}
body[data-codex-family='plates'] .asset-info details p{font-size:12px}
body[data-codex-family='plates'] .asset-links{flex-wrap:wrap;gap:8px 18px}
body[data-codex-family='plates'] .asset-links a,body[data-codex-family='plates'] summary{min-height:36px;display:inline-flex;align-items:center}
body[data-codex-family='plates'] .takeaway{background:#112b32}
body[data-codex-family='plates'] .takeaway .section-label{color:#b0dac6}
body[data-codex-family='plates'] .study-card p{font:400 14px/1.7 var(--codex-sans)}
body[data-codex-family='plates'] .takeaway p{font:400 26px/1.3 var(--codex-serif)}
body[data-codex-family='plates'] .study-link small{font-size:12px;line-height:1.55}
body[data-codex-family='flashcards'] .fc-hero{background:transparent;color:var(--codex-ink);border-bottom:1px solid var(--codex-line);padding-block:44px 36px}
body[data-codex-family='flashcards'] .fc-hero:before{display:none}
body[data-codex-family='flashcards'] .fc-hero h1{font:400 clamp(48px,5.4vw,78px)/1.03 var(--codex-serif);color:var(--codex-ink)}
body[data-codex-family='flashcards'] .fc-hero h1 i,body[data-codex-family='flashcards'] .fc-eyebrow{color:var(--codex-track)}
body[data-codex-family='flashcards'] .fc-hero .lede{font:400 16px/1.7 var(--codex-sans);color:var(--codex-muted)}
body[data-codex-family='flashcards'] .fc-hero .fc-stat{background:var(--codex-surface);border-color:var(--codex-line);backdrop-filter:none}
body[data-codex-family='flashcards'] .fc-hero .fc-stat b{color:var(--codex-track)}
body[data-codex-family='flashcards'] .fc-hero .fc-stat span,body[data-codex-family='flashcards'] .fc-free-note{color:var(--codex-muted)}
body[data-codex-family='flashcards'] .fc-hero .fc-btn.pri{background:var(--codex-track);color:white}
body[data-codex-family='flashcards'] .fc-hero .fc-btn.ghost{background:var(--codex-surface);border-color:#8b9d91;color:var(--codex-track)}
body[data-codex-family='flashcards'] .fc-btn{min-height:46px}
body[data-codex-family='flashcards'] .fc-ch{border-left:3px solid var(--codex-track);box-shadow:var(--codex-relief)}
body[data-codex-family='flashcards'] .fc-ch h3{font:400 25px/1.15 var(--codex-serif)}
body[data-codex-family='flashcards'] .fc-study-shell{background:var(--codex-paper)}
body[data-codex-family='flashcards'] .fc-q{font:500 21px/1.65 var(--codex-reading);max-width:65ch}
body[data-codex-family='flashcards'] .fc-card .wm{opacity:.025}
body[data-codex-family='flashcards'] .fc-side select{font-size:16px;min-height:44px}
body[data-codex-family='flashcards'] .fc-card-tools button{min-height:44px}
body[data-codex-family='flashcards'] .fc-study-close{min-width:44px;min-height:44px}
body[data-codex-family='book-tools']{background-image:none;font:400 15px/1.65 var(--codex-sans)}
body[data-codex-family='book-tools'] h1,body[data-codex-family='book-tools'] h2{font-family:var(--codex-serif);font-weight:400;color:var(--codex-track)}
body[data-codex-family='book-tools'] header{border-color:var(--codex-track)}
body[data-codex-family='book-tools'] table{background:var(--codex-surface);border:1px solid var(--codex-line);table-layout:fixed;width:100%}
body[data-codex-family='book-tools'] td,body[data-codex-family='book-tools'] th{padding:13px 12px}
body[data-codex-family='book-tools'] td.id{width:130px;white-space:nowrap}
body[data-codex-family='book-tools'] table:has(td.page){table-layout:auto}
body[data-codex-family='book-tools'] table:has(td.page) td:last-child{overflow-wrap:anywhere;white-space:normal}
body[data-codex-family='book-tools'] input{min-height:48px;border:1px solid #8b9d91;border-radius:8px;font-size:16px}
body[data-codex-family='diagrams']{--navy:#0c2a4c;--teal:var(--codex-track);--deep:var(--codex-track);--cream:var(--codex-paper);--ink:var(--codex-ink);--muted:var(--codex-muted);font:400 16px/1.6 var(--codex-sans)}
body[data-codex-family='diagrams'] .bar{background:var(--codex-paper);color:var(--codex-ink);border-bottom:1px solid var(--codex-line)}
body[data-codex-family='diagrams'] .barin{width:100%;max-width:1344px;min-height:74px}
body[data-codex-family='diagrams'] .brand{font:400 28px/1 var(--codex-serif)}
body[data-codex-family='diagrams'] .mark{color:var(--codex-track);border-color:var(--codex-track)}
body[data-codex-family='diagrams'] h1,body[data-codex-family='diagrams'] h2{font-family:var(--codex-serif);font-weight:400}
body[data-codex-family='diagrams'] button{min-width:44px;min-height:44px}
body[data-codex-family='diagrams'] .shell{max-width:1344px}
body[data-codex-family='pending']{font:400 16px/1.65 var(--codex-sans)}
body[data-codex-family='pending'] header{display:flex;align-items:center;justify-content:space-between;gap:18px;font:400 28px/1 var(--codex-serif)}
body[data-codex-family='pending'] h1{font:400 clamp(48px,6vw,78px)/1.08 var(--codex-serif);letter-spacing:-.025em}
body[data-codex-family='pending'] .card{border-left:4px solid var(--codex-track);box-shadow:var(--codex-relief)}
body[data-codex-family='guide'] .guide h1{line-height:1.08}
body[data-codex-family='guide'] .guide p{font:400 15px/1.75 var(--codex-sans)}
body[data-codex-family='guide'] .guide article{border-left:3px solid var(--codex-track)}
body[data-codex-family='legacy-hub'] .ctx{background:var(--codex-track)}
@media(hover:hover) and (pointer:fine){body[data-codex-family='library'] .card:hover,body[data-codex-family='step1'] .card:hover,body[data-codex-family='plates'] .tile:hover,body[data-codex-family='flashcards'] .fc-ch:hover{transform:translateY(-2px);box-shadow:inset 3px 0 var(--codex-track),0 10px 25px -15px #132e3055}body[data-codex-family='library'] .card:hover .thumb img{transform:none}.codex-home:hover{background:var(--codex-soft)}}
body[data-codex-family='library'] .card:focus-visible,body[data-codex-family='plates'] .tile:focus-visible,body[data-codex-family='flashcards'] .fc-ch:focus-visible{box-shadow:inset 3px 0 var(--codex-track),var(--codex-relief)}
@media(max-width:1050px){body[data-codex-family='library'] .bar nav>a:not(.codex-home):not(.bank-tab){display:none}body[data-codex-family='library'] .bar nav{gap:10px}body[data-codex-family='library'] .free-pill{display:none}body[data-codex-family='plates'] .tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){body[data-codex-family='library'] .hero-in,body[data-codex-family='step1'] .hero>.wrap{grid-template-columns:1fr}body[data-codex-family='library'] .plate,body[data-codex-family='step1'] .hero .seal{display:none}body[data-codex-family='plates'] .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-codex-family='plates'] .plate-shell,body[data-codex-family='plates'] .index-shell{padding-inline:20px}body[data-codex-family='library'] .bar,body[data-codex-family='flashcards'] .bar{flex-wrap:wrap;gap:8px;padding:12px 18px}body[data-codex-family='library'] .bar nav,body[data-codex-family='flashcards'] .bar nav{width:100%;justify-content:space-between}body[data-codex-family='step1'] .top .wrap{flex-wrap:wrap;padding:12px 18px;gap:10px}body[data-codex-family='step1'] .top nav{width:100%;justify-content:space-between}body[data-codex-family='step1'] .top nav>a:not(.codex-home){display:none}body[data-codex-family='step1'] .freepill{display:none}body[data-codex-family='plates'] .topbar{flex-wrap:wrap;padding:14px 18px;gap:12px}body[data-codex-family='plates'] .codex-context-links{width:100%;justify-content:space-between}body[data-codex-family='diagrams'] .barin{flex-wrap:wrap}body[data-codex-family='diagrams'] .barin .codex-home{margin-left:auto}body[data-codex-family='diagrams'] .barin>span:last-of-type{display:none}body[data-codex-family='library'] .hero,body[data-codex-family='step1'] .hero{padding:26px 18px 20px}body[data-codex-family='library'] .stats{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}body[data-codex-family='flashcards'] .fc-hero{padding-top:30px}body[data-codex-family='pending'] header{font-size:23px;flex-wrap:wrap}body[data-codex-family='book-tools'] td,body[data-codex-family='book-tools'] th{padding:10px 7px;font-size:12px}body[data-codex-family='book-tools'] td:last-child{white-space:normal;overflow-wrap:anywhere}}
@media(max-width:480px){body[data-codex-family='library'] .brand small,body[data-codex-family='step1'] .brand small{display:none}body[data-codex-family='library'] .hero h1,body[data-codex-family='step1'] .hero h1{font-size:44px}body[data-codex-family='library'] .hero .lede,body[data-codex-family='step1'] .hero .lede{font-size:14px;line-height:1.65}body[data-codex-family='library'] .try,body[data-codex-family='step1'] .try{gap:6px}body[data-codex-family='library'] .try button,body[data-codex-family='step1'] .try button{padding-inline:9px}body[data-codex-family='plates'] .tiles{grid-template-columns:1fr}body[data-codex-family='plates'] .hero h1{font-size:40px}body[data-codex-family='plates'] .index-hero{padding-top:30px}body[data-codex-family='plates'] .crumb{margin:20px 0 15px}body[data-codex-family='plates'] .hero{gap:15px}.codex-home{padding-inline:12px;font-size:12px}body[data-codex-family='library'] .bar nav .bank-tab,body[data-codex-family='step1'] .top nav .bank-tab{padding-inline:10px;min-height:38px!important}body[data-codex-family='flashcards'] .bar nav .hide-sm{display:none}body[data-codex-family='flashcards'] .fc-q{font-size:18px;line-height:1.7}}
@media(prefers-reduced-motion:reduce){body[data-codex-family] *,body[data-codex-family] *:before,body[data-codex-family] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Latest owner direction: persistent RIGHT relief on every study/card wrapper. */
.codex-home{margin:0}
body[data-codex-family='library'] footer a,body[data-codex-family='library'] footer small{color:var(--codex-track)}
body[data-codex-family='library'] footer .legal{color:var(--codex-muted)}
body[data-codex-family='flashcards'] footer{background:transparent;color:var(--codex-muted);border-top:1px solid var(--codex-line)}
body[data-codex-family='step1'] .hero>.wrap{padding-top:0;padding-bottom:0}
body[data-codex-family='step1'] .seal text{fill:var(--codex-track)}
body[data-codex-family='diagrams'] .step{color:var(--codex-track)}
body[data-codex-family='diagrams'] .barin .codex-home{margin-left:auto}
body[data-codex-family='plates'] .takeaway p{font:500 18px/1.65 var(--codex-reading)}
body[data-codex-family='library'] .card,body[data-codex-family='step1'] .card,body[data-codex-family='plates'] .tile,body[data-codex-family='plates'] .asset,body[data-codex-family='flashcards'] .fc-card,body[data-codex-family='flashcards'] .fc-ch,body[data-codex-family='flashcards'] .fc-tile{box-shadow:inset -3px 0 0 var(--codex-track),7px 4px 18px -13px var(--codex-track);border-right:2px solid var(--codex-track)}
body[data-codex-family='plates'] .study-card,body[data-codex-family='guide'] .guide article,body[data-codex-family='pending'] .card,body[data-codex-family='flashcards'] .fc-ch{border-left:1px solid var(--codex-line);border-right:3px solid var(--codex-track);box-shadow:7px 4px 18px -13px var(--codex-track)}
body[data-codex-family='plates'] .study-card.watch{border-right-color:#9a5b27}
body[data-codex-family='library'] .card:focus-visible,body[data-codex-family='step1'] .card:focus-visible,body[data-codex-family='plates'] .tile:focus-visible,body[data-codex-family='plates'] .asset:focus-within,body[data-codex-family='flashcards'] .fc-card:focus-within,body[data-codex-family='flashcards'] .fc-ch:focus-visible,body[data-codex-family='flashcards'] .fc-tile:focus-visible{box-shadow:inset -4px 0 0 var(--codex-track),10px 6px 24px -13px var(--codex-track)}
@media(hover:hover) and (pointer:fine){body[data-codex-family='library'] .card:hover,body[data-codex-family='step1'] .card:hover,body[data-codex-family='plates'] .tile:hover,body[data-codex-family='flashcards'] .fc-ch:hover{box-shadow:inset -4px 0 0 var(--codex-track),10px 6px 24px -13px var(--codex-track)}}
@media(max-width:960px){body[data-codex-family='library'] .hero-in{grid-template-columns:1fr}}
@media(max-width:760px){body[data-codex-family='book-tools'] td.id{white-space:normal;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html[data-codex-track]{scroll-behavior:auto}}
.codex-resources{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:24px;padding:22px 18px;color:var(--codex-track);font:600 13px/1.5 var(--codex-sans)}
.codex-resources a{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:8px 10px;margin:0;color:var(--codex-track)!important;text-decoration:none}
.codex-utility{display:inline-block;width:24px;height:24px;background-color:currentColor;mask-size:contain;mask-position:center;mask-repeat:no-repeat}
.codex-updates{mask-image:url('/assets/codex-updates-ui.svg')}
.codex-report{mask-image:url('/assets/codex-report-error-ui.svg')}
body[data-codex-family='plates'] footer{flex-wrap:wrap}
body[data-codex-family='plates'] footer .codex-resources{width:100%}
body[data-codex-family='pending'] footer .codex-resources{font-size:13px}
body[data-codex-family='book-tools'] table th:last-child{width:auto}
.codex-utility{width:36px;height:36px}
@media(max-width:760px){.codex-utility{width:32px;height:32px}}
body[data-codex-family='flashcards'] .fc-buy :focus-visible{outline-color:#f8f6f0}
body[data-codex-family='credits']{max-width:none;padding:0}
body[data-codex-family='plates'] .tile[data-exam='Step 1']{--codex-track:#0c2a4c;--green:#0c2a4c;--mint:#e8ecf1}
@media(max-width:760px){body[data-codex-family='library'] .seg{width:100%;max-width:100%;min-width:0}body[data-codex-family='library'] .free-banner{display:block;padding:11px 13px}body[data-codex-family='library'] .free-banner strong{display:inline;font-size:25px;padding-right:8px;border:0}body[data-codex-family='library'] .free-banner span{display:inline;font-size:12px}body[data-codex-family='library'] .stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}body[data-codex-family='library'] .stats div{padding:10px 7px}body[data-codex-family='library'] .stats b{font-size:27px}body[data-codex-family='library'] .stats span{font-size:9px;letter-spacing:.025em;line-height:1.45}}
body[data-codex-family='book-tools'] table{table-layout:auto}
body[data-codex-family='book-tools'] th:last-child:has(+ *),body[data-codex-family='book-tools'] td.id{width:130px}
body[data-codex-family='flashcards'] .fc-launch-preview,body[data-codex-family='plates'] .takeaway{border-right:3px solid var(--codex-track);box-shadow:6px 3px 16px -8px color-mix(in srgb,var(--codex-track) 32%,transparent)}
body[data-codex-family='library'] .card,body[data-codex-family='step1'] .card,body[data-codex-family='plates'] .tile,body[data-codex-family='plates'] .asset,body[data-codex-family='flashcards'] .fc-card,body[data-codex-family='flashcards'] .fc-ch,body[data-codex-family='flashcards'] .fc-tile{box-shadow:inset -3px 0 0 var(--codex-track),6px 3px 16px -8px color-mix(in srgb,var(--codex-track) 32%,transparent)}
@media(max-width:760px){body[data-codex-family='library'] .toolbar .seg,body[data-codex-family='library'] .toolbar .filters{width:100%;max-width:100%;min-width:0;margin-inline:0}}

/* Current Astra audit: explicit child contrast, track tokens and shared navigation. */
body[data-codex-family]{--track:var(--codex-track)}
.codex-wordmark .codex-brand-core{font-weight:800}
.codex-home{color:var(--codex-ink)!important}
.codex-home:before{color:var(--codex-track)}
body[data-codex-family] .plate-brand-name{font-family:var(--codex-serif)!important}
body[data-codex-family='plates'] .takeaway{background:var(--codex-track)}
body[data-codex-family='plates'] .takeaway p{color:#fffefa}
body[data-codex-family='plates'] .takeaway .section-label{color:#e6eee9}
body[data-codex-family='plates'] .study-card.watch{border-right-color:var(--codex-track)}
body[data-codex-family='plates'] .tile-body p{display:block;-webkit-line-clamp:unset;overflow:visible;min-height:0;font:400 13px/1.65 var(--codex-sans)}
body[data-codex-family='step1'] .md .matters{background:var(--codex-soft);color:var(--codex-track)}
body[data-codex-family='step1'] .md .matters h4,body[data-codex-family='step1'] .md .matters p{color:var(--codex-track)}
body[data-codex-family='step1'] .md .side{background:var(--codex-surface);padding:24px}
body[data-codex-family='step1'] .md{grid-template-columns:minmax(0,1fr) minmax(340px,390px);max-width:1344px}
body[data-codex-family='step1'] .md :is(.box,.sec,.sc){border-left:1px solid var(--codex-line);border-right:3px solid var(--codex-track);box-shadow:6px 3px 16px -8px color-mix(in srgb,var(--codex-track) 32%,transparent)}
body[data-codex-family='step1'] .md .sec{margin-block:14px;padding:18px}
body[data-codex-family='step1'] .md .box{padding:18px;margin-block:14px}
body[data-codex-family='library'] .info> :is(.exam,.look,.watch,.note,.related,.companions,.credit){margin-block:14px!important;padding:18px!important}
body[data-codex-family='library'] .info .top{background:transparent}
body[data-codex-family='library'] dialog:not([open]){display:none}
body[data-codex-family='library'] dialog[open]{background:var(--codex-surface);border:1px solid var(--codex-line);border-radius:18px}
body[data-codex-family='library'] dialog .comp{border-right:2px solid var(--codex-track);box-shadow:4px 2px 12px -8px color-mix(in srgb,var(--codex-track) 32%,transparent)}
.viewer-zoom{position:absolute;left:14px;top:14px;z-index:5;border:1px solid #b7c4bc;border-radius:9px;background:#fffefa;color:var(--codex-track,#0b4a3d);padding:10px 14px;min-height:44px;font:600 12px var(--codex-sans,system-ui)}
.codex-site-menu{position:relative;font:600 12px/1.4 var(--codex-sans);flex:none}
.codex-site-menu summary{cursor:pointer;min-height:44px;display:flex!important;align-items:center;padding:8px 13px;background:var(--codex-surface);border:1px solid #b5c4ba;border-radius:99px;color:var(--codex-ink);gap:8px}
.codex-site-menu summary:after{content:'⌄';color:var(--codex-track)}
.codex-site-menu nav{position:absolute;right:0;top:calc(100% + 8px);z-index:80;min-width:225px;display:grid!important;gap:2px!important;padding:10px!important;background:var(--codex-surface);border:1px solid var(--codex-line);border-radius:12px;box-shadow:0 12px 32px -14px #132e3066}
.codex-site-menu nav a{display:block!important;min-height:44px;padding:11px 12px!important;margin:0!important;border-radius:7px;color:var(--codex-ink)!important;text-decoration:none!important;font:600 13px/1.5 var(--codex-sans)!important;letter-spacing:0!important;text-transform:none!important}
.codex-site-menu nav a:hover{background:var(--codex-soft)}
.codex-header-links{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
body[data-codex-family] .bar nav>.codex-site-menu{margin-left:0}
body[data-codex-family='book-tools'] .codex-tool-header,body[data-codex-family='credits'] .codex-tool-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;min-height:74px;padding:16px max(24px,calc((100vw - 1344px)/2));margin:0;background:#f8f6f0e8;border-bottom:1px solid var(--codex-line)}
body[data-codex-family='book-tools']{background-image:linear-gradient(#f8f6f0c9,#f8f6f0c9),url('/assets/codex-hex.svg')}
body[data-codex-family='book-tools'] main{background:var(--codex-paper)}
body[data-codex-family='book-tools'] table{font-size:14px}
body[data-codex-family='book-tools'] .codex-tool-header .brand,body[data-codex-family='credits'] .codex-tool-header .brand{display:flex;align-items:center;gap:8px;font:400 25px var(--codex-serif);text-decoration:none;margin:0}
body[data-codex-family='book-tools'] .codex-tool-header .brand svg,body[data-codex-family='credits'] .codex-tool-header .brand svg{width:23px;height:23px}
body[data-codex-family='chooser'] main{max-width:1000px;margin:56px auto;padding:0 24px}
body[data-codex-family='chooser'] h1{font:400 clamp(42px,5vw,64px)/1.1 var(--codex-serif);margin:12px 0 20px}
.codex-track-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:32px 0}
.codex-track-card{display:block;padding:28px;background:var(--codex-surface);border:1px solid var(--codex-line);border-right:3px solid var(--codex-track);border-radius:12px;text-decoration:none;color:var(--codex-ink);box-shadow:6px 3px 16px -8px color-mix(in srgb,var(--codex-track) 32%,transparent)}
.codex-track-card[data-track='step1']{--codex-track:#0c2a4c}
.codex-track-card h2{font:400 32px/1.1 var(--codex-serif);color:var(--codex-track)}
.codex-track-card p{font:400 15px/1.7 var(--codex-sans);color:var(--codex-muted)}
.codex-track-card strong{color:var(--codex-track)}
@media(max-width:1280px){body[data-codex-family='library'] .bar nav>a:not(.codex-home):not(.bank-tab){display:none}body[data-codex-family='library'] .bar nav{gap:10px}body[data-codex-family='library'] .free-pill{display:none}}
@media(max-width:760px){body[data-codex-family='step1'] .md{display:flex;flex-direction:column;max-width:100%;height:100svh}body[data-codex-family='step1'] .md .side{padding:20px}body[data-codex-family='step1'] .md .side :is(.box,.sec){padding:17px}.codex-track-grid{grid-template-columns:1fr}body[data-codex-family='chooser'] main{margin-top:32px}.codex-site-menu nav{max-width:calc(100vw - 30px)}body[data-codex-family='book-tools'] table{font-size:12px}}
@media print{body[data-codex-family]{background-image:none}.codex-site-menu,.codex-resources,.viewer-zoom{display:none!important}.codex-wordmark .codex-brand-core{print-color-adjust:exact;-webkit-print-color-adjust:exact}}

body[data-codex-family='diagrams'] .pane :is(.factbox,.section,.tip){border-right:3px solid var(--codex-track);border-radius:10px;padding:18px;background:var(--codex-surface);box-shadow:6px 3px 16px -8px color-mix(in srgb,var(--codex-track) 32%,transparent)}
body[data-codex-family='book-tools'] td.id{width:145px;min-width:145px;white-space:nowrap}

body[data-codex-family='plates'] .tile-body{display:flex;flex-direction:column;height:auto;min-height:210px}body[data-codex-family='plates'] .tile-body p{height:auto;min-height:0;margin-bottom:18px}body[data-codex-family='plates'] .tile-action{position:static;margin-top:auto;display:block}
body[data-codex-family='flashcards'] :is(.answer,.trap){border-right:3px solid var(--codex-track);box-shadow:6px 3px 16px -8px color-mix(in srgb,var(--codex-track) 32%,transparent)}
body[data-codex-family='chooser'] .codex-tool-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;min-height:74px;padding:16px max(24px,calc((100vw - 1344px)/2));background:#f8f6f0e8;border-bottom:1px solid var(--codex-line)}
body[data-codex-family='chooser'] .codex-tool-header .brand{display:flex;align-items:center;gap:8px;font:400 25px var(--codex-serif);text-decoration:none;margin:0}
body[data-codex-family='chooser'] .codex-tool-header .brand svg{width:23px;height:23px}
body[data-codex-family='diagrams'] .pane .factbox{border-left:0}
body[data-codex-family='flashcards'] .fc-box{border-left:0;border-right:3px solid var(--codex-track);box-shadow:6px 3px 16px -8px color-mix(in srgb,var(--codex-track) 32%,transparent)}
body[data-codex-family='step1'] .chips button.active,body[data-codex-family='step1'] .chips button.on{background:var(--codex-track);color:#fff}
body[data-codex-family='step1'] .badge{background:var(--codex-track)}
@media(max-width:1280px){body[data-codex-family='step1'] .top nav>a:not(.codex-home){display:none}body[data-codex-family='step1'] .freepill{display:none}}
@media(max-width:760px){body[data-codex-family='step1'] .top nav .codex-home{display:inline-flex!important;padding:9px 10px;font-size:12px}body[data-codex-family='step1'] .top nav{gap:6px;flex-wrap:nowrap}body[data-codex-family='step1'] .codex-site-menu summary{padding-inline:12px;font-size:12px}body[data-codex-family='step1'] .hero .wrap{padding:28px 18px}body[data-codex-family='step1'] .hero h1{font-size:42px;line-height:1.06}body[data-codex-family='step1'] .hero .codex-hero-art{display:none}body[data-codex-family='step1'] .stats{margin-top:20px}body[data-codex-family='book-tools'] td.id{min-width:105px;width:105px;font-size:10px}}

.codex-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}body[data-codex-family='book-tools'] main{min-width:0}body[data-codex-family='book-tools'] td.id{overflow-wrap:normal}@media(max-width:760px){body[data-codex-family='step1'] .top .wrap{padding-inline:12px}body[data-codex-family='step1'] .top nav .codex-home{padding-inline:8px;font-size:11px}body[data-codex-family='step1'] .codex-site-menu summary{padding-inline:8px;font-size:11px}body[data-codex-family='step1'] .bank-tab{padding-inline:8px}body[data-codex-family='step1'] .hero h1{font-size:38px}body[data-codex-family='step1'] .hero>.wrap{padding:28px 18px;gap:18px}body[data-codex-family='step1'] .hero .lede{font-size:14px;line-height:1.6}body[data-codex-family='step1'] .hero .freebox{margin-top:16px}}
body[data-codex-family='plates'] .tile-body p{max-height:none;flex-shrink:0;overflow:visible}body[data-codex-family='plates'] .tile-body>:is(small,h2,.tile-action){flex-shrink:0}

/* preship-10-28-2026 */
body[data-codex-family]{font-size:0.9375rem}
body[data-codex-family] header a.brand{display:inline-flex;align-items:center;min-height:44px}
body[data-codex-family] .bank-tab,.qb-track-tab{min-height:44px!important}
@keyframes codexMenuIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.codex-site-menu[open] nav{animation:codexMenuIn .14s ease-out}
@media(max-width:1100px){
  body[data-codex-family='qbank'] .bar nav>a:not(.codex-home):not(.bank-tab){display:none}
  body[data-codex-family='qbank'] .bar nav{gap:8px;min-width:0}
  body[data-codex-family='qbank'] .bank-long{display:none}
  body[data-codex-family='qbank'] .bank-short{display:inline}
}
@media(max-width:760px){
  body[data-codex-family='qbank'] .bar{flex-wrap:wrap;gap:8px;padding:10px 14px}
  body[data-codex-family='qbank'] .bar nav{width:100%;justify-content:space-between;gap:6px;flex-wrap:wrap}
  body[data-codex-family='qbank'] .bar nav .codex-home{padding:8px 10px;font-size:12px}
  body[data-codex-family='qbank'] .codex-site-menu summary{padding-inline:10px;font-size:12px}
  body[data-codex-family='step1'] .top .wrap,body[data-codex-family='step1'] .top nav{flex-wrap:wrap}
}
@media(max-width:480px){
  body[data-codex-family='qbank'] .brand small{display:none}
  body[data-codex-family='qbank'] .bar nav .bank-tab{padding-inline:8px;min-height:40px!important}
}


/* mobile-all-pages-10-28-2026 */
html, body[data-codex-family] { max-width: 100vw; overflow-x: hidden; }
@media (max-width: 760px) {
  body[data-codex-family] .bar nav, body[data-codex-family='step1'] .top nav { flex-wrap: wrap !important; gap: 6px !important; }
  body[data-codex-family] .bank-switch { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; width: 100% !important; max-width: 100% !important; order: 10 !important; padding: 3px !important; gap: 3px !important; overflow: hidden !important; box-sizing: border-box !important; }
  body[data-codex-family] .bank-tab { min-height: 36px !important; padding: 6px 4px !important; font-size: 11.5px !important; white-space: nowrap !important; justify-content: center !important; text-align: center !important; display: inline-flex !important; align-items: center !important; }
  body[data-codex-family] .bank-long { display: none !important; }
  body[data-codex-family] .bank-short { display: inline !important; }
  .cx-library-intro { padding: 14px 16px 10px !important; }
  .cx-library-intro h1 { font-size: clamp(28px, 7.5vw, 36px) !important; }
}