:root{--accent: #3f7ac4;--accent-ink: #ffffff;--accent-wash: color-mix(in srgb, var(--accent) 8%, var(--surface));--accent-line: color-mix(in srgb, var(--accent) 30%, var(--border));--bg: #fbfbfc;--bg-deep: #f4f5f8;--surface: #ffffff;--surface-2: #f2f3f5;--surface-3: #e8eaef;--figure-bg: #ffffff;--text: #16181d;--text-dim: #5c626e;--text-faint: #868d9b;--border: #dfe2e8;--border-strong: #c8cdd7;--ok: #1f7a4d;--bad: #b3261e;--warn: #8a5a00;--ok-bg: #e8f5ee;--bad-bg: #fdecea;--warn-bg: #fdf3e0;--term-bg: #14171e;--term-ink: #dfe4ee;--term-dim: #838c9d;--term-accent: #7fd1a0;--radius: 14px;--radius-sm: 9px;--radius-lg: 20px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgb(16 24 40 / 6%);--shadow: 0 1px 2px rgb(16 24 40 / 6%), 0 4px 12px rgb(16 24 40 / 5%);--shadow-lg: 0 2px 4px rgb(16 24 40 / 6%), 0 12px 32px rgb(16 24 40 / 10%);--ring: 0 0 0 3px color-mix(in srgb, var(--accent) 28%, transparent);--speed: .17s;--speed-slow: .38s;--ease: cubic-bezier(.22, .68, .36, 1);--ease-pop: cubic-bezier(.2, 1.4, .4, 1);--read-width: 90ch;--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--dots: radial-gradient(color-mix(in srgb, var(--accent) 22%, transparent) 1px, transparent 1px)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0e1014;--bg-deep: #090b0e;--surface: #171a21;--surface-2: #1e222a;--surface-3: #262b35;--text: #e7e9ee;--text-dim: #a0a7b4;--text-faint: #79808d;--border: #2c313b;--border-strong: #3d4450;--ok: #6ee7a8;--bad: #ff9d94;--warn: #f0c674;--ok-bg: #12301f;--bad-bg: #331916;--warn-bg: #302512;--shadow-sm: 0 1px 2px rgb(0 0 0 / 40%);--shadow: 0 1px 2px rgb(0 0 0 / 40%), 0 4px 14px rgb(0 0 0 / 30%);--shadow-lg: 0 2px 6px rgb(0 0 0 / 45%), 0 16px 40px rgb(0 0 0 / 40%)}}:root[data-theme=dark]{--bg: #0e1014;--bg-deep: #090b0e;--surface: #171a21;--surface-2: #1e222a;--surface-3: #262b35;--text: #e7e9ee;--text-dim: #a0a7b4;--text-faint: #79808d;--border: #2c313b;--border-strong: #3d4450;--ok: #6ee7a8;--bad: #ff9d94;--warn: #f0c674;--ok-bg: #12301f;--bad-bg: #331916;--warn-bg: #302512;--shadow-sm: 0 1px 2px rgb(0 0 0 / 40%);--shadow: 0 1px 2px rgb(0 0 0 / 40%), 0 4px 14px rgb(0 0 0 / 30%);--shadow-lg: 0 2px 6px rgb(0 0 0 / 45%), 0 16px 40px rgb(0 0 0 / 40%)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:1.05rem/1.65 var(--font);overflow-wrap:break-word;scroll-padding-top:5.5rem}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}img,svg,canvas{max-width:100%;height:auto}a{color:var(--accent);text-underline-offset:2px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}.skip{position:absolute;left:-9999px}.skip:focus{left:8px;top:8px;z-index:100;padding:.6rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.wrap{width:min(100% - 2rem,74rem);margin-inline:auto}main.wrap{width:min(100% - 2rem,var(--read-width))}main.wrap--wide{width:min(100% - 2rem,74rem)}.site-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(10px) saturate(1.4);border-bottom:1px solid var(--border)}.site-header .wrap{display:flex;gap:1rem;align-items:center;min-height:3.5rem}.brand{font-weight:650;text-decoration:none;color:var(--text);display:flex;align-items:center;gap:.55rem;min-width:0}.brand__mark{width:1.6rem;height:1.6rem;flex:none;border-radius:7px;background:linear-gradient(140deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#ffffff));display:grid;place-items:center;color:var(--accent-ink);font-size:.8rem;font-weight:700;letter-spacing:-.02em;box-shadow:var(--shadow-sm)}.brand__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crumb{color:var(--text-dim);font-size:.9rem;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.readbar{position:absolute;left:0;bottom:-1px;height:2px;width:0;background:var(--accent);transition:width 90ms linear}.site-footer{margin-top:4rem;border-top:1px solid var(--border);padding:2rem 0 3rem;color:var(--text-dim);font-size:.95rem;background:var(--bg-deep)}main{padding-block:2rem 1rem}.btn{font:inherit;font-weight:550;cursor:pointer;padding:.55rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);display:inline-flex;align-items:center;gap:.45rem;transition:background var(--speed) var(--ease),border-color var(--speed) var(--ease),transform var(--speed) var(--ease),box-shadow var(--speed) var(--ease)}.btn:hover{background:var(--surface-2);border-color:var(--border-strong)}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--accent);color:var(--accent-ink);border-color:transparent;box-shadow:0 1px 2px color-mix(in srgb,var(--accent) 40%,transparent)}.btn--primary:hover{filter:brightness(1.08);background:var(--accent);box-shadow:0 2px 10px color-mix(in srgb,var(--accent) 38%,transparent)}.btn--quiet{background:none;border-color:transparent;color:var(--text-dim)}.btn--quiet:hover{background:var(--surface-2);border-color:transparent;color:var(--text)}.btn--sm{padding:.3rem .7rem;font-size:.85rem}.btn[disabled]{opacity:.55;cursor:not-allowed}.btn[aria-pressed=true]{background:var(--ok-bg);border-color:var(--ok);color:var(--ok)}h1{font-size:clamp(1.85rem,1.2rem + 2.4vw,2.7rem);line-height:1.12;letter-spacing:-.028em;margin:0 0 .5rem}h2{font-size:clamp(1.35rem,1.1rem + 1vw,1.75rem);line-height:1.22;margin:2.75rem 0 .75rem;letter-spacing:-.018em}h3{font-size:1.16rem;margin:1.85rem 0 .5rem;letter-spacing:-.01em}.lede{font-size:1.16rem;color:var(--text-dim);line-height:1.55}.reading>h2{position:relative;padding-left:.9rem}.reading>h2:before{content:"";position:absolute;left:0;top:.18em;bottom:.18em;width:4px;border-radius:99px;background:var(--accent)}.reading{max-width:100%}.reading>*+*{margin-top:1.1em}.reading>h2+*,.reading>h3+*{margin-top:.6em}code{font:.92em var(--mono);background:var(--surface-2);padding:.12em .38em;border-radius:5px;border:1px solid color-mix(in srgb,var(--border) 60%,transparent)}pre{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem;overflow-x:auto;position:relative;box-shadow:var(--shadow-sm)}pre code{background:none;padding:0;border:0;font-size:.89rem;line-height:1.6}.copy-btn{position:absolute;top:.5rem;right:.5rem;font-size:.8rem;padding:.25rem .55rem;opacity:0;transition:opacity var(--speed) var(--ease)}pre:hover .copy-btn,.copy-btn:focus-visible{opacity:1}@media(hover:none){.copy-btn{opacity:1}}.code-lang{position:absolute;top:.55rem;left:1rem;font:600 .7rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);pointer-events:none}pre:has(.code-lang) code{padding-top:1rem;display:block}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .astro-code,:root:not([data-theme=light]) .astro-code span{color:var(--shiki-dark)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;text-decoration:var(--shiki-dark-text-decoration)!important}}:root[data-theme=dark] .astro-code,:root[data-theme=dark] .astro-code span{color:var(--shiki-dark)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;text-decoration:var(--shiki-dark-text-decoration)!important}.astro-code{background:var(--surface-2)!important}blockquote{margin:1.75rem 0;padding:1rem 1.3rem;border:1px solid var(--border);border-left:4px solid var(--accent);background:var(--accent-wash);border-radius:0 var(--radius) var(--radius) 0}blockquote>:first-child{margin-top:0}blockquote>:last-child{margin-bottom:0}table{border-collapse:collapse;width:100%;font-size:.95rem}thead th{background:var(--surface-2)}th,td{text-align:left;padding:.6rem .75rem;border-bottom:1px solid var(--border);vertical-align:top}th{font-weight:600}tbody tr:hover{background:color-mix(in srgb,var(--accent) 4%,transparent)}td a,td code,th a,th code{overflow-wrap:anywhere}.scroll-x{overflow-x:auto}hr{border:0;height:1px;background:var(--border);margin:2.5rem 0}::selection{background:color-mix(in srgb,var(--accent) 28%,transparent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow)}.card--link{transition:transform var(--speed) var(--ease),box-shadow var(--speed) var(--ease),border-color var(--speed) var(--ease)}.card--link:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--accent-line)}.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}.grid--tight{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr))}.stack>*+*{margin-top:1rem}.callout{border:1px solid var(--border);border-left:4px solid var(--accent);background:var(--accent-wash);border-radius:var(--radius);padding:1.1rem 1.25rem}.callout h2,.callout h3{margin-top:0}.callout__title{font-size:.82rem;margin:0 0 .6rem;text-transform:uppercase;letter-spacing:.09em;font-weight:700;color:var(--accent);display:flex;align-items:center;gap:.45rem}.callout>:last-child{margin-bottom:0}.objectives{margin:0;padding:0;list-style:none;counter-reset:obj}.objectives li{margin:.45rem 0;padding-left:2rem;position:relative;counter-increment:obj}.objectives li:before{content:counter(obj);position:absolute;left:0;top:.1em;width:1.4rem;height:1.4rem;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-size:.78rem;font-weight:700;display:grid;place-items:center}.hero{position:relative;overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);padding:clamp(1.75rem,1rem + 3vw,3.25rem);margin-bottom:1.5rem}.hero:not(.hero--art):before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 88% -10%,color-mix(in srgb,var(--accent) 24%,transparent),transparent 62%),radial-gradient(90% 80% at -8% 108%,color-mix(in srgb,var(--accent) 14%,transparent),transparent 60%)}.hero:not(.hero--art):after{content:"";position:absolute;inset:0;pointer-events:none;background-image:var(--dots);background-size:22px 22px;mask-image:linear-gradient(160deg,#000 0%,transparent 58%);opacity:.5}.hero>*{position:relative}.hero--art{--hero-surface: #fbfbfc;--hero-ink: #16181d;--hero-dim: #4d535f;padding:0;display:grid;background:var(--hero-surface);color:var(--hero-ink);border-color:#dfe2e8;aspect-ratio:16 / 9}.hero--art h1{font-size:clamp(1.5rem,1rem + 1.7vw,2.1rem)}.hero--art .lede{font-size:1.02rem;line-height:1.5}.hero--art .chips{margin-top:1rem}.hero--art>*{grid-area:1 / 1}.hero__art{width:100%;height:100%;object-fit:cover;object-position:64% center}.hero--art:before{content:"";grid-area:1 / 1;z-index:1;pointer-events:none;background:linear-gradient(100deg,var(--hero-surface) 0%,var(--hero-surface) 34%,color-mix(in srgb,var(--hero-surface) 72%,transparent) 50%,transparent 76%)}.hero__copy{z-index:2;align-self:center;padding:clamp(1.5rem,1rem + 2.5vw,2.75rem);max-width:54%}.hero--art .lede{color:var(--hero-dim)}.hero--art code{background:#16181d0f;color:var(--hero-ink);border-color:#d5d9e0}.hero--art .chip{background:#ffffffb8;border-color:#d8dce3;color:var(--hero-ink)}.hero--art .chip span{color:var(--hero-dim)}@media(max-width:44rem){.hero--art{display:block}.hero--art:before{display:none}.hero__art{height:auto;aspect-ratio:16 / 9;object-position:72% center}.hero__copy{max-width:none}}.hero__eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.74rem;font-weight:700;color:var(--accent);margin:0 0 .75rem}.hero h1{margin-bottom:.6rem}.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.4rem 0 0;padding:0;list-style:none}.chip{display:inline-flex;align-items:baseline;gap:.35rem;padding:.4rem .8rem;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface) 80%,transparent);border:1px solid var(--border);font-size:.9rem;backdrop-filter:blur(4px)}.chip b{font-variant-numeric:tabular-nums;font-size:1.05rem}.chip span{color:var(--text-dim)}.resume{display:flex;align-items:center;gap:.9rem;text-decoration:none;color:inherit;border-left:4px solid var(--accent)}.resume__go{margin-left:auto;color:var(--accent);font-weight:600;flex:none}.resume small{display:block;color:var(--text-dim)}.dash{display:flex;gap:clamp(1rem,4vw,2.5rem);flex-wrap:wrap;align-items:center}.statgrid{display:grid;flex:1;min-width:14rem;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(6.5rem,1fr))}.statgrid>div{padding:.5rem .75rem;border-radius:var(--radius-sm);background:var(--surface-2)}.stat{font-size:1.5rem;font-weight:680;font-variant-numeric:tabular-nums;margin:0;line-height:1.2;letter-spacing:-.02em}.statgrid p:last-child{margin:.1rem 0 0;font-size:.85rem;color:var(--text-dim)}.ring{display:grid;place-items:center;flex:none}.ring svg{transform:rotate(-90deg);grid-area:1/1}.ring circle{fill:none;stroke-width:10;stroke-linecap:round}.ring .track{stroke:var(--surface-3)}.ring .value{stroke:var(--accent);transition:stroke-dashoffset .7s var(--ease);filter:drop-shadow(0 0 5px color-mix(in srgb,var(--accent) 45%,transparent))}.ring__label{grid-area:1/1;font-size:1.55rem;font-weight:700;margin:0;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.bar{height:7px;background:var(--surface-3);border-radius:99px;overflow:hidden}.bar>span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 72%,#ffffff),var(--accent));transition:width .5s var(--ease)}.dot{width:.6rem;height:.6rem;border-radius:50%;background:var(--surface-3);border:1px solid var(--border-strong);display:inline-block;flex:none;transition:background var(--speed) var(--ease),border-color var(--speed) var(--ease)}.dot--read{background:var(--accent);border-color:var(--accent)}.dot--quizzed{background:var(--ok);border-color:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 18%,transparent)}.topic-row{display:flex;gap:.7rem;align-items:center;padding:.5rem .6rem;border-radius:var(--radius-sm);margin-inline:-.6rem;transition:background var(--speed) var(--ease)}.topic-row:hover{background:var(--surface-2)}.topic-row a{flex:1}.topic-row .score{color:var(--text-dim);font-size:.82rem;font-variant-numeric:tabular-nums;padding:.1rem .5rem;border-radius:var(--radius-pill);background:var(--surface-2)}.unit-card{position:relative;padding-left:1.4rem;overflow:hidden}.unit-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--accent)}.unit-card__head{display:flex;gap:.9rem;align-items:flex-start}.unit-card__n{flex:none;width:2.6rem;height:2.6rem;border-radius:var(--radius-sm);display:grid;place-items:center;font-size:1.15rem;font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:-.03em;background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}.unit-card h3{margin:0 0 .15rem}.unit-card h3 a{text-decoration:none;color:var(--text)}.unit-card h3 a:hover{color:var(--accent)}.unit-card__desc{margin:0;color:var(--text-dim);font-size:.95rem}.unit-card__meta{display:flex;gap:.5rem;align-items:center;margin-top:.9rem;font-size:.85rem;color:var(--text-dim)}.unit-card__links{margin:.8rem 0 0;display:flex;gap:.5rem;flex-wrap:wrap}.tag{font-size:.8rem;padding:.25rem .7rem;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-2);text-decoration:none;color:var(--text-dim);transition:all var(--speed) var(--ease)}.tag:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.unit-head{display:flex;gap:1.1rem;align-items:center;margin-bottom:1rem}.unit-head__n{flex:none;width:3.6rem;height:3.6rem;border-radius:var(--radius);display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);font-size:1.6rem;font-weight:750;letter-spacing:-.04em;box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 40%,transparent)}.unit-head__n small{display:block;font-size:.55rem;text-transform:uppercase;letter-spacing:.12em;font-weight:600;opacity:.8;margin-bottom:-.2rem}.figure{margin:1.9rem 0}.figure>.figure__frame{background:var(--figure-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem;display:flex;justify-content:center;box-shadow:var(--shadow-sm);overflow-x:auto}.figure figcaption{color:var(--text-dim);font-size:.92rem;margin-top:.65rem;padding-left:.9rem;border-left:3px solid var(--accent-line)}.figure--placeholder .figure__frame{display:block;background:var(--surface-2);border-style:dashed;color:var(--text-dim)}.figure--hero>.figure__frame{padding:0;overflow:hidden}.figure--hero img{width:100%;height:auto;display:block;border-radius:inherit}.quiz{max-width:100%}.q{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:1.2rem 1.3rem;margin:1.1rem 0;box-shadow:var(--shadow-sm);transition:border-color var(--speed) var(--ease),box-shadow var(--speed) var(--ease)}.q legend{font-weight:700;padding:0;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint)}.q fieldset{border:0;margin:0;padding:0}.q[data-state=ok]{border-color:color-mix(in srgb,var(--ok) 55%,var(--border))}.q[data-state=bad]{border-color:color-mix(in srgb,var(--bad) 45%,var(--border))}.qstem{margin:.35rem 0 .8rem;font-weight:500}.qstem>:first-child{margin-top:0}.opt{display:flex;gap:.7rem;align-items:flex-start;padding:.6rem .8rem;margin:.35rem 0;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:var(--surface);transition:background var(--speed) var(--ease),border-color var(--speed) var(--ease),transform var(--speed) var(--ease)}.opt:hover{background:var(--surface-2);border-color:var(--border-strong)}.opt:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--surface))}.opt input{margin-top:.3rem;accent-color:var(--accent);flex:none}.q[data-locked] .opt{cursor:default}.q[data-locked] .opt:hover{background:var(--surface);border-color:var(--border)}.opt--correct{background:var(--ok-bg)!important;border-color:var(--ok)!important}.opt--chosen-wrong{background:var(--bad-bg)!important;border-color:var(--bad)!important}.opt--correct:after{content:"\2713";margin-left:auto;color:var(--ok);font-weight:700}.opt--chosen-wrong:after{content:"\2715";margin-left:auto;color:var(--bad);font-weight:700}.explain{margin-top:.95rem;padding:.85rem 1.05rem;border-radius:var(--radius-sm);background:var(--surface-2);font-size:.96rem;border-left:3px solid var(--border-strong);animation:slide-in .22s var(--ease)}.explain[data-state=ok]{background:var(--ok-bg);border-left-color:var(--ok)}.explain[data-state=bad]{background:var(--bad-bg);border-left-color:var(--bad)}.explain strong:first-child{display:block;margin-bottom:.3rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.explain>:last-child{margin-bottom:0}@keyframes slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.self-grade{display:flex;gap:.5rem;margin-top:.8rem;flex-wrap:wrap;align-items:center}.self-grade .note{color:var(--text-dim);font-size:.88rem;width:100%}textarea{width:100%;font:inherit;padding:.7rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text);resize:vertical}textarea:focus-visible{border-color:var(--accent)}.quiz__meter{position:sticky;top:3.5rem;z-index:9;display:flex;gap:.75rem;align-items:center;padding:.6rem 0;margin-bottom:.5rem;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(6px)}.quiz__meter .bar{flex:1}.quiz__meter span{font-size:.85rem;color:var(--text-dim);font-variant-numeric:tabular-nums}.quiz__reset{padding:.25rem .6rem;font-size:.82rem}.quiz__meter .bar>span{font-size:0}.quiz__reset{padding:.2rem .6rem;font-size:.8rem;flex:none}.quiz__result{margin-top:1.75rem}.result{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;border-radius:var(--radius);padding:1.4rem;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}.result--pass{border-color:color-mix(in srgb,var(--ok) 50%,var(--border));background:linear-gradient(160deg,var(--ok-bg),var(--surface) 70%)}.result--fail{border-color:color-mix(in srgb,var(--bad) 35%,var(--border))}.quiz__score{font-size:2.4rem;font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:-.04em;margin:0;line-height:1}.result__body{flex:1;min-width:14rem}.result__body>:first-child{margin-top:0}.review{margin:.75rem 0 0;padding-left:1.2rem}.deck{max-width:100%}.fc{perspective:1400px;position:relative}.fc:before,.fc:after{content:"";position:absolute;inset:0;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);z-index:-1}.fc:before{transform:translateY(6px) scale(.985);opacity:.7}.fc:after{transform:translateY(12px) scale(.97);opacity:.45}.fc__inner{position:relative;min-height:13rem;transform-style:preserve-3d;transition:transform var(--speed-slow) cubic-bezier(.2,.7,.3,1);cursor:pointer}.fc[data-flipped] .fc__inner{transform:rotateY(180deg)}.fc__face{position:absolute;inset:0;backface-visibility:hidden;display:grid;place-items:center;text-align:center;padding:1.75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow-y:auto;font-size:1.08rem}.fc__face--back{transform:rotateY(180deg);background:linear-gradient(160deg,var(--accent-wash),var(--surface) 75%);border-color:var(--accent-line)}.fc__face p{margin:0}.fc__hint{position:absolute;bottom:.6rem;left:0;right:0;text-align:center;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.deck__bar{display:flex;gap:.5rem;align-items:center;margin-top:1.1rem}.deck__count{color:var(--text-dim);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.9rem}@media(prefers-reduced-motion:reduce){.fc__inner{transition:none}}.no-js .fc__inner{min-height:0}.no-js .fc:before,.no-js .fc:after,.no-js .fc__hint{display:none}.no-js .fc__face{position:static;transform:none;margin-bottom:.5rem}.subnav{position:sticky;top:3.5rem;z-index:10;display:flex;gap:.3rem;flex-wrap:wrap;padding:.55rem 0;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);margin-bottom:1.75rem}.subnav a{padding:.35rem .85rem;border-radius:var(--radius-pill);text-decoration:none;color:var(--text-dim);font-size:.92rem;font-weight:500;transition:background var(--speed) var(--ease),color var(--speed) var(--ease)}.subnav a:hover{background:var(--surface-2);color:var(--text)}.subnav a[aria-current]{background:var(--accent);color:var(--accent-ink)}.search{position:relative}.search input{font:inherit;padding:.42rem .85rem;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text);width:12rem;transition:width var(--speed) var(--ease),box-shadow var(--speed) var(--ease)}.search input:focus-visible{width:15rem;box-shadow:var(--ring)}.search__results{position:absolute;right:0;top:2.6rem;width:min(26rem,80vw);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);max-height:60vh;overflow-y:auto;padding:.35rem;z-index:30}.search__results a{display:block;padding:.5rem .65rem;border-radius:var(--radius-sm);text-decoration:none;color:var(--text)}.search__results a:hover,.search__results a.is-active{background:color-mix(in srgb,var(--accent) 10%,var(--surface-2))}.search__results small{display:block;color:var(--text-dim)}[hidden]{display:none!important}dialog{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:1.6rem;max-width:30rem;box-shadow:var(--shadow-lg)}dialog::backdrop{background:#0000007f;backdrop-filter:blur(2px)}.dialog__actions{display:flex;gap:.6rem;justify-content:flex-end;margin-top:1.2rem}.banner{background:var(--warn-bg);border-bottom:1px solid var(--border);padding:.6rem 0;font-size:.93rem}.banner .wrap{display:flex;gap:1rem;align-items:center}#confetti{position:fixed;inset:0;pointer-events:none;z-index:50}.badge-pop{display:inline-block;animation:pop .26s var(--ease-pop)}@keyframes pop{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.checklist{list-style:none;margin:0;padding:0}.checklist li{display:flex;gap:.8rem;align-items:flex-start;padding:.7rem .6rem;border-bottom:1px solid var(--border);border-radius:var(--radius-sm);margin-inline:-.6rem;transition:background var(--speed) var(--ease)}.checklist li:hover{background:var(--surface-2)}.checklist li:has(input:checked){color:var(--text-dim)}.checklist li:has(input:checked)>div>strong{text-decoration:line-through}.checklist input{margin-top:.35rem;accent-color:var(--accent);flex:none;width:1.05rem;height:1.05rem}.checklist .criteria{display:block;color:var(--text-dim);font-size:.9rem;margin-top:.2rem}.filelist summary{cursor:pointer;font-weight:550}.cert{position:relative;overflow:hidden;background:var(--figure-bg);color:#16181d;border:1px solid #dfe2e8;border-radius:var(--radius-lg);padding:3rem 2.5rem;text-align:center;box-shadow:var(--shadow-lg)}.cert:before{content:"";position:absolute;inset:.75rem;border-radius:var(--radius);border:2px solid color-mix(in srgb,var(--accent) 45%,transparent);pointer-events:none}.cert:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(70% 60% at 0% 0%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 60%),radial-gradient(70% 60% at 100% 100%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 60%)}.cert>*{position:relative;z-index:1}.cert__eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;font-weight:700;color:var(--accent);margin:0 0 1rem}.cert h2{margin-top:0}.cert__name{font-size:2.1rem;font-weight:700;margin:.75rem 0;border-bottom:1px solid #c8cdd7;display:inline-block;padding:0 2.5rem .3rem}.cert__seal{width:4.5rem;height:4.5rem;margin:0 auto 1.25rem;border-radius:50%;display:grid;place-items:center;color:var(--accent-ink);background:linear-gradient(145deg,var(--accent),color-mix(in srgb,var(--accent) 60%,#000000));box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 45%,transparent);font-size:1.6rem}.cert__scores{margin:1.75rem auto 0;max-width:32rem}.cert__scores td,.cert__scores th{border-color:#dfe2e8}.cert__scores thead th{background:color-mix(in srgb,var(--accent) 8%,#ffffff)}.cert__disclaimer{margin-top:1.75rem;font-size:.82rem;color:#5c626e}.pager{display:flex;gap:1rem;justify-content:space-between}.pager a{text-decoration:none;font-weight:550}.pager a:hover{text-decoration:underline}.muted{color:var(--text-dim)}.wx{margin:1.9rem 0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.wx__head{display:flex;gap:.7rem;align-items:baseline;flex-wrap:wrap;padding:.7rem 1.1rem;border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--accent-wash),var(--surface))}.wx__kind{flex:none;font-size:.66rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent);padding:.2rem .55rem;border-radius:var(--radius-pill)}.wx__title{font-weight:640;letter-spacing:-.01em}.wx__body{padding:1.1rem}.wx__body>:first-child{margin-top:0}.wx__body>:last-child{margin-bottom:0}.wx__lead{margin:0 0 .9rem;color:var(--text-dim);font-size:.95rem}.wx__cap{margin:0;padding:.75rem 1.1rem;border-top:1px dashed var(--border);background:var(--surface-2);color:var(--text-dim);font-size:.9rem}.wx__cap>p{margin:0}.wx-fallback{margin-top:.25rem}[data-enhanced] .wx-fallback{display:none}.wx-string{display:flex;flex-wrap:wrap;align-items:stretch;gap:3px;font-family:var(--mono)}.wx-seg{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:var(--radius-sm);padding:.45rem .55rem .35rem;display:flex;flex-direction:column;gap:.15rem;align-items:center;transition:all var(--speed) var(--ease)}.wx-seg:hover{border-color:var(--accent);background:var(--accent-wash)}.wx-seg__text{font-size:1.02rem;white-space:pre}.wx-seg__label{font:600 .6rem var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);white-space:nowrap}.wx-seg--inert{display:flex;align-items:center;padding:.45rem .15rem;color:var(--text-faint);font-size:1.02rem;white-space:pre}.wx-seg[aria-pressed=true]{background:var(--accent);border-color:var(--accent)}.wx-seg[aria-pressed=true] .wx-seg__text{color:var(--accent-ink)}.wx-seg[aria-pressed=true] .wx-seg__label{color:var(--accent-ink);opacity:.8}.wx-notes{margin-top:1rem}.wx-note{padding:.6rem .8rem;border-radius:var(--radius-sm);background:var(--surface-2);margin-top:.4rem;border-left:3px solid var(--accent-line)}.wx-note b{margin-right:.5rem}.wx-note__body{margin-top:.3rem;font-size:.95rem}.wx-note__body>:first-child{margin-top:0}.wx-note__body>:last-child{margin-bottom:0}[data-enhanced] .wx-notes{min-height:5.5rem}[data-enhanced] .wx-note{display:none;margin-top:0}[data-enhanced] .wx-note[data-active]{display:block;animation:slide-in .2s var(--ease)}.wx-flow__steps{list-style:none;margin:0;padding:0;display:grid;gap:1.4rem}.wx-flow--row .wx-flow__steps{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr))}.wx-flow--column .wx-flow__steps{grid-template-columns:1fr;gap:1.6rem}.wx-step{position:relative;display:flex}.wx-step>.wx-step__head{flex:1}.wx-step:not(:last-child):after{content:"";position:absolute;background:var(--border-strong)}.wx-step:not(:last-child):before{content:"";position:absolute;border:5px solid transparent}.wx-flow--row .wx-step:not(:last-child):after{right:-1.1rem;top:1.5rem;width:.95rem;height:2px}.wx-flow--row .wx-step:not(:last-child):before{right:-1.1rem;top:1.05rem;border-left-color:var(--border-strong)}.wx-flow--column .wx-step:not(:last-child):after{left:1.4rem;bottom:-1.25rem;width:2px;height:1rem}.wx-flow--column .wx-step:not(:last-child):before{left:1rem;bottom:-1.3rem;border-top-color:var(--border-strong)}.wx-flow__details{margin-top:1.4rem}.wx-step__head{width:100%;text-align:left;font:inherit;cursor:pointer;display:flex;gap:.6rem;align-items:flex-start;padding:.7rem .8rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);transition:all var(--speed) var(--ease)}.wx-step__head:hover:not([disabled]){border-color:var(--accent);background:var(--accent-wash)}.wx-step__head[disabled]{cursor:default;opacity:1}.wx-step__n{flex:none;width:1.5rem;height:1.5rem;border-radius:50%;display:grid;place-items:center;font-size:.78rem;font-weight:700;background:var(--accent);color:var(--accent-ink)}.wx-step__label{font-weight:550;line-height:1.35}.wx-step__label small{display:block;font-weight:400;color:var(--text-dim);font-size:.82rem}.wx-step__detail{display:flex;gap:.6rem;align-items:flex-start;padding:.75rem .9rem;font-size:.94rem;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border)}.wx-step__detail+.wx-step__detail{margin-top:.5rem}.wx-step__detail-n{flex:none;width:1.5rem;height:1.5rem;border-radius:50%;display:grid;place-items:center;font-size:.78rem;font-weight:700;background:var(--accent);color:var(--accent-ink)}.wx-step__detail>div>:first-child{margin-top:0}.wx-step__detail>div>:last-child{margin-bottom:0}[data-enhanced] .wx-step__detail{display:none}[data-enhanced] .wx-step__detail[data-open]{display:flex;animation:slide-in .2s var(--ease)}[data-enhanced] .wx-step[data-open] .wx-step__head{border-color:var(--accent);background:var(--accent-wash);box-shadow:var(--ring)}.wx-compare{font-size:.95rem}.wx-compare thead td{border-bottom:0}.wx-compare th[data-tone=ok]{color:var(--ok)}.wx-compare th[data-tone=bad]{color:var(--bad)}.wx-compare td[data-tone=ok]{background:color-mix(in srgb,var(--ok) 7%,transparent)}.wx-compare td[data-tone=bad]{background:color-mix(in srgb,var(--bad) 7%,transparent)}.wx-compare tbody th{font-weight:600;color:var(--text-dim);width:30%}.wx-compare td>:first-child{margin-top:0}.wx-compare td>:last-child{margin-bottom:0}@media(max-width:34rem){.wx-compare,.wx-compare tbody,.wx-compare tr,.wx-compare th,.wx-compare td{display:block}.wx-compare thead{display:none}.wx-compare tr{margin-bottom:1rem;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.wx-compare tbody th{width:auto;background:var(--surface-2)}.wx-compare td:before{content:attr(data-col);display:block;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);margin-bottom:.15rem}}.wx-term{background:var(--term-bg);color:var(--term-ink);border-radius:var(--radius-sm);padding:.9rem 1rem;font-family:var(--mono);font-size:.87rem;line-height:1.55;overflow-x:auto}.wx-line+.wx-line{margin-top:.9rem;padding-top:.9rem;border-top:1px solid rgb(255 255 255 / 8%)}.wx-line__cmd{display:flex;gap:.5rem;align-items:baseline;flex-wrap:wrap}.wx-line__cmd code{background:none;border:0;padding:0;color:var(--term-ink);font-size:inherit;font-weight:600}.wx-prompt{color:var(--term-dim);white-space:nowrap}.wx-prompt__host{color:var(--term-accent)}.wx-prompt__cwd{margin-left:.4rem}.wx-prompt__sigil{margin-left:.4rem;color:var(--term-ink)}.wx-run{font:600 .72rem var(--font);letter-spacing:.05em;text-transform:uppercase;margin-left:auto;cursor:pointer;padding:.2rem .6rem;border-radius:var(--radius-pill);border:1px solid var(--term-accent);background:none;color:var(--term-accent);transition:all var(--speed) var(--ease)}.wx-run:hover{background:var(--term-accent);color:var(--term-bg)}.wx-line__out{margin:.45rem 0 0;padding:0;background:none;border:0;box-shadow:none;white-space:pre-wrap}.wx-line__out code{background:none;border:0;padding:0;color:var(--term-dim);font-size:inherit}.wx-line__note{margin-top:.5rem;font-family:var(--font);font-size:.88rem;color:var(--term-dim);border-left:2px solid var(--term-accent);padding-left:.7rem}.wx-line__note>:first-child{margin-top:0}.wx-line__note>:last-child{margin-bottom:0}[data-enhanced] .wx-line[data-hidden] .wx-line__out,[data-enhanced] .wx-line[data-hidden] .wx-line__note{display:none}.wx-tile{font:inherit;text-align:left;cursor:pointer;padding:.5rem .7rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font-size:.92rem;transition:all var(--speed) var(--ease)}.wx-tile:hover:not([disabled]){border-color:var(--accent);background:var(--accent-wash)}.wx-tile p{margin:0}.wx-tile[data-picked]{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.wx-tile[data-picked] code{background:#ffffff2e;border-color:transparent;color:inherit}.wx-tile[data-done]{border-color:var(--ok);background:var(--ok-bg);color:var(--text);cursor:default;opacity:.75}.wx-tile[data-wrong]{animation:shake .32s var(--ease);border-color:var(--bad);background:var(--bad-bg)}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.wx-match{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.wx-match__col{display:grid;gap:.45rem;align-content:start}.wx-match__status{margin:.9rem 0 0;font-size:.92rem;color:var(--text-dim)}.wx-match__status[data-done]{color:var(--ok);font-weight:600}.wx-order__pool{display:flex;flex-wrap:wrap;gap:.45rem;min-height:2.6rem}.wx-order__slots{list-style:none;counter-reset:slot;margin:1rem 0 0;padding:0;display:grid;gap:.45rem}.wx-order__slots li{counter-increment:slot;display:flex;gap:.6rem;align-items:center}.wx-order__slots li:before{content:counter(slot);flex:none;width:1.5rem;height:1.5rem;border-radius:50%;display:grid;place-items:center;font-size:.78rem;font-weight:700;background:var(--surface-3);color:var(--text-dim)}.wx-order__slots .wx-tile{flex:1}.wx-order__slots li[data-ok]:before{background:var(--ok);color:#fff}.wx-order__slots li[data-bad]:before{background:var(--bad);color:#fff}.wx-order__bar{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-top:1rem}.wx-order__status{font-size:.92rem;color:var(--text-dim)}.wx-seq__legend{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.wx-actor{font-size:.8rem;font-weight:600;padding:.22rem .6rem;border-radius:var(--radius-pill);background:var(--surface-3);color:var(--text-dim);white-space:nowrap}.wx-seq__legend .wx-actor{background:var(--accent-wash);color:var(--accent);border:1px solid var(--accent-line)}.wx-seq__msgs{list-style:none;margin:0;padding:0;display:grid;gap:.9rem;counter-reset:msg}.wx-msg{counter-increment:msg;padding-left:2rem;position:relative}.wx-msg:before{content:counter(msg);position:absolute;left:0;top:.1rem;width:1.4rem;height:1.4rem;border-radius:50%;display:grid;place-items:center;font-size:.72rem;font-weight:700;background:var(--accent);color:var(--accent-ink)}.wx-msg__wire{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.wx-msg__arrow{flex:1;min-width:2rem;height:2px;background:var(--border-strong);position:relative}.wx-msg__arrow:after{content:"";position:absolute;right:0;top:-3px;border:4px solid transparent;border-left-color:var(--border-strong)}.wx-msg[data-back] .wx-msg__arrow{background:var(--accent-line)}.wx-msg[data-back] .wx-msg__arrow:after{border-left-color:var(--accent-line)}.wx-msg[data-back]:before{background:var(--surface-3);color:var(--text-dim)}.wx-msg__label{margin-top:.3rem;font-size:.94rem}.wx-msg__label small{display:block;color:var(--text-dim);font-size:.85rem;margin-top:.15rem}.wx-seq__bar{display:flex;gap:.5rem;align-items:center;margin-top:1.1rem}[data-enhanced] .wx-msg[data-dim]{opacity:.3}[data-enhanced] .wx-msg{transition:opacity var(--speed) var(--ease)}.wx-tree,.wx-tree ul{list-style:none;margin:0;padding:0}.wx-tree ul{margin-left:.65rem;padding-left:.85rem;border-left:1px solid var(--border)}.wx-node{padding:.18rem 0}.wx-node summary{cursor:pointer;padding:.18rem 0;border-radius:var(--radius-sm)}.wx-node summary:hover{background:var(--surface-2)}.wx-node summary::marker{color:var(--text-faint)}.wx-node__name{font-size:.9rem}.wx-node__name[data-tone=ok]{color:var(--ok);border-color:var(--ok)}.wx-node__name[data-tone=bad]{color:var(--bad);border-color:var(--bad)}.wx-node__name[data-tone=accent]{color:var(--accent);border-color:var(--accent-line)}.wx-node__note{margin-left:.6rem;color:var(--text-dim);font-size:.87rem}@media print{.wx{break-inside:avoid;box-shadow:none}.wx-run,.wx-order__bar,.wx-seq__bar{display:none!important}[data-enhanced] .wx-note,[data-enhanced] .wx-step__detail,[data-enhanced] .wx-line[data-hidden] .wx-line__out{display:block!important}[data-enhanced] .wx-msg[data-dim]{opacity:1!important}}@media print{.site-header,.site-footer,.subnav,.no-print,#confetti,.banner{display:none!important}html,body{background:#fff!important;color:#000!important}.wrap{width:100%}main{padding:0}.cert{border-color:#333;box-shadow:none;page-break-inside:avoid}@page{size:landscape;margin:12mm}}
/* The published template keeps .hero--art at 16/9 + overflow:hidden on small
   screens, which clips the title under the artwork. Drop this once the
   template media query resets aspect-ratio and overflow. */
@media (max-width: 44rem) {
  .hero--art { aspect-ratio: auto; overflow: visible; }
}