.hoc-shell{background:var(--paper);color:var(--ink);--arcade-border-w:2px;--stage-grid:#1d2a360f;--flip:.84s;--hoc-radius-control:var(--radius-sm);--hoc-radius-card:var(--radius-xl);--hoc-tile:56px;--hoc-tile-boss:72px;--hoc-tile-trail-w:3px;--hoc-sprite-headroom:72px;--hoc-display-face:var(--font-brand), var(--font-archivo), var(--font-vietnam-pro), sans-serif;--hoc-heading-face:var(--font-archivo), var(--font-vietnam-pro), sans-serif;--hoc-consent-runway:calc(var(--space-96) + var(--space-80) + env(safe-area-inset-bottom));min-height:100dvh}@media (max-width:900px){body:has(.public-consent) .hoc-shell{padding-bottom:var(--hoc-consent-runway)}}@keyframes hxF2{0%,49.99%{opacity:0}50%,to{opacity:1}}@keyframes hxDash{to{stroke-dashoffset:-22px}}@keyframes hxXP{0%{width:0%}to{width:var(--hx-xp-final,64%)}}@keyframes hxBob{0%,49.99%{transform:translateY(0)}50%,to{transform:translateY(-4px)}}@keyframes hxRing{0%{box-shadow:0 0 #cda950bf}to{box-shadow:0 0 0 11px #cda95000}}.hoc-sprite{flex-shrink:0;display:inline-block}.px-flip{position:relative}.px-flip>*{position:absolute;inset:0}.px-flip>:last-child{animation:hxF2 var(--flip) steps(1) infinite}@media (prefers-reduced-motion:reduce){.hoc-shell *,.hoc-shell :before,.hoc-shell :after{animation:none!important}}.hoc-landing,.hoc-track-page,.hoc-course-page{max-width:var(--max-width);padding:var(--space-32) var(--space-16);margin:0 auto}.hoc-micro-label{color:var(--vermillion);font-family:var(--font-archivo), var(--font-vietnam-pro), sans-serif;margin:0 0 var(--space-12);font-size:12px;font-weight:800}.hoc-btn{background:var(--paper-bright);border:var(--arcade-border-w) solid var(--border);border-radius:var(--hoc-radius-control);box-shadow:var(--shadow-offset-ink);color:var(--ink);cursor:pointer;font-family:var(--font-archivo), var(--font-vietnam-pro), sans-serif;align-items:center;gap:var(--space-8);min-height:44px;padding:var(--space-8) var(--space-24);transition:transform var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out), background var(--motion-fast) var(--ease-out);justify-content:center;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}@media (hover:hover){.hoc-btn:hover:not(:disabled){box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.hoc-btn--gold:hover:not(:disabled){background:var(--gold-hover)}}.hoc-btn:active:not(:disabled){box-shadow:0 0 0 var(--ink);transform:translate(2px,2px)}.hoc-btn:disabled{box-shadow:var(--shadow-offset-sm);cursor:not-allowed;opacity:.55;transform:none}.hoc-btn:focus-visible{outline:var(--focus-ring);outline-offset:2px}.hoc-btn--gold{background:var(--gold);color:var(--navy)}.hoc-btn--ghost{border-width:var(--border-width);box-shadow:var(--shadow-offset-sm);font-weight:700}.hoc-btn--sm{padding:var(--space-8) var(--space-16);font-size:12px}.hoc-stage{background-color:var(--paper-tint);background-image:repeating-linear-gradient(0deg, var(--stage-grid) 0 1px, transparent 1px 14px), repeating-linear-gradient(90deg, var(--stage-grid) 0 1px, transparent 1px 14px);border:var(--arcade-border-w) solid var(--border);border-radius:var(--hoc-radius-card);box-shadow:var(--shadow-offset-gold)}.hoc-chip{background:var(--paper-bright);border:var(--arcade-border-w) solid var(--border);border-radius:var(--hoc-radius-control);box-shadow:var(--shadow-offset-sm);color:var(--ink);cursor:pointer;font-family:var(--font-archivo), var(--font-vietnam-pro), sans-serif;min-height:44px;padding:var(--space-8) var(--space-16);transition:transform var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out);font-size:12px;font-weight:800}@media (hover:hover){.hoc-chip:hover:not(:disabled):not([aria-disabled=true]){box-shadow:var(--shadow-offset-md);transform:translate(-1px,-1px)}}.hoc-chip:active:not(:disabled):not([aria-disabled=true]){box-shadow:none;transform:translate(2px,2px)}.hoc-chip:focus-visible{outline:var(--focus-ring);outline-offset:2px}.hoc-chip[aria-pressed=true]{background:var(--gold);box-shadow:var(--shadow-offset-ink);color:var(--navy)}.hoc-chip:disabled,.hoc-chip[aria-disabled=true]{border-color:var(--border-inert);box-shadow:none;color:var(--ink-soft);cursor:not-allowed;background:0 0;border-style:dashed}.hoc-header{background:var(--paper-bright);border-bottom:var(--arcade-border-w) solid var(--border);z-index:var(--z-sticky);position:sticky;top:0}.hoc-header-inner{align-items:center;gap:var(--space-16);max-width:var(--max-width);padding:var(--space-8) var(--space-24);justify-content:space-between;margin:0 auto;display:flex}.hoc-header-brand{align-items:center;gap:var(--space-12);min-width:0;display:flex}.hoc-logo{width:auto;height:36px;display:block}.hoc-logo-word{fill:var(--ink);font-family:var(--font-archivo), var(--font-vietnam-pro), sans-serif}.hoc-logo-block{fill:var(--gold);stroke:var(--ink)}.hoc-logo-block--empty{fill:var(--paper-tint)}.hoc-header-note{color:var(--ink-soft);font-family:var(--font-archivo), var(--font-vietnam-pro), sans-serif;font-size:12px;font-weight:800}.hoc-wordmark{color:var(--ink);align-items:center;gap:var(--space-8);min-height:44px;text-decoration:none;display:inline-flex}.hoc-wordmark-name{font-family:var(--hoc-display-face);letter-spacing:-.02em;font-size:26px;font-weight:800;line-height:1.1}.hoc-wordmark-host{border-left:var(--border-width) solid var(--border);color:var(--ink-soft);font-family:var(--hoc-display-face);letter-spacing:-.01em;padding-left:var(--space-8);font-size:14px;font-weight:500;line-height:1}.hoc-header-by{color:var(--ink-soft);font-family:var(--hoc-display-face);letter-spacing:-.01em;white-space:nowrap;align-items:center;min-height:44px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.hoc-header-by:hover{color:var(--ink);text-decoration:underline}.hoc-wordmark:focus-visible,.hoc-header-by:focus-visible,.hoc-header-link:focus-visible{outline:var(--focus-ring);outline-offset:2px}.hoc-header-nav{align-items:center;gap:var(--space-12);flex-wrap:nowrap;display:flex}.hoc-header-nav-links{background:var(--paper-tint);border:var(--border-width) solid var(--border);border-radius:var(--pill-radius);align-items:center;gap:2px;padding:0;display:flex}.hoc-header-nav-divider{background:var(--border-subtle);margin-block:var(--space-4);width:var(--border-width);flex:none;align-self:stretch}.hoc-header-link{border-radius:var(--pill-radius);color:var(--ink-soft);font-family:var(--font-archivo), var(--font-vietnam-pro), sans-serif;min-height:44px;padding-inline:var(--space-16);white-space:nowrap;justify-content:center;align-items:center;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}@media (prefers-reduced-motion:no-preference){.hoc-header-link{transition:background-color var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out)}}@media (hover:hover){.hoc-header-link:hover{background:var(--paper-accent);color:var(--ink)}}.hoc-header-link--active,.hoc-header-link--active:hover{background:var(--navy);box-shadow:inset 0 -2px 0 var(--gold);color:var(--on-invert)}.hoc-hero{align-items:center;gap:var(--space-48);padding:var(--space-48) 0 var(--space-64);grid-template-columns:minmax(0,1fr) minmax(0,420px);display:grid}.hoc-hero-title{font-family:var(--hoc-heading-face);letter-spacing:-.01em;margin:0 0 var(--space-16);font-size:clamp(34px,5vw,52px);font-weight:800;line-height:1.05}.hoc-hero-body{color:var(--ink-soft);margin:0 0 var(--space-24);max-width:460px;font-size:17px;line-height:1.6}.hoc-hero-ctas{gap:var(--space-12);margin-bottom:var(--space-24);flex-wrap:wrap;display:flex}.hoc-hero-stats{color:var(--ink-soft);font-family:var(--font-archivo), var(--font-vietnam-pro), sans-serif;margin:0;font-size:13px;font-weight:600}.hoc-picker{gap:var(--space-12);flex-direction:column;display:flex}.hoc-picker-stage{min-height:280px;padding:var(--space-32);place-items:center;display:grid}.hoc-picker-caption{gap:var(--space-8);display:grid}.hoc-picker-name{font-family:var(--hoc-heading-face);text-align:center;margin:0;font-size:18px;font-weight:800}.hoc-picker-subtitle{color:var(--vermillion);font-family:var(--font-archivo), var(--font-vietnam-pro), sans-serif;text-align:center;margin:0;font-size:12px;font-weight:600}.hoc-picker-chips{gap:var(--space-8);flex-wrap:wrap;justify-content:center;display:flex}.hoc-nghe{padding-bottom:var(--space-48);scroll-margin-top:var(--space-64)}.hoc-section-label{margin-bottom:var(--space-24)}.hoc-track-grid{gap:var(--space-16);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0;padding:0;list-style:none;display:grid}.hoc-track-card{background:var(--paper-bright);border:var(--border-width) solid var(--border);border-radius:var(--hoc-radius-card);box-shadow:var(--shadow-offset-sm);align-items:center;gap:var(--space-8);padding:var(--space-24) var(--space-16);text-align:center;flex-direction:column;display:flex}.hoc-track-card[data-status=coming_soon]{box-shadow:none;border-style:dashed}.hoc-track-card[data-status=coming_soon] .hoc-track-card-sprite{filter:grayscale(35%);opacity:.55}.hoc-track-card-name{font-family:var(--hoc-heading-face);margin:var(--space-8) 0 0;font-size:16px;font-weight:800}.hoc-track-card-subtitle{color:var(--vermillion);font-family:var(--font-archivo), var(--font-vietnam-pro), sans-serif;margin:0;font-size:12px;font-weight:600}.hoc-track-card-stats{color:var(--ink-soft);margin:0 0 var(--space-8);font-size:13px}.hoc-track-card-soon{border:var(--arcade-border-w) dashed var(--border-inert);border-radius:var(--hoc-radius-control);color:var(--gold-dim);font-family:var(--font-archivo), var(--font-vietnam-pro), sans-serif;padding:var(--space-8) var(--space-16);font-size:12px;font-weight:800}.hoc-boss-band{background:var(--navy);border:var(--arcade-border-w) solid var(--border);border-radius:var(--hoc-radius-card);box-shadow:var(--shadow-offset-gold);color:var(--on-invert);align-items:center;gap:var(--space-24);margin-bottom:var(--space-64);padding:var(--space-24) var(--space-32);display:flex}.hoc-boss-band-title{font-family:var(--hoc-heading-face);margin:0 0 var(--space-8);font-size:22px;font-weight:800}.hoc-boss-band-body{color:var(--on-invert-muted);margin:0;font-size:15px;line-height:1.55}.hoc-boss-band-sprite{animation:1.4s step-end infinite hxBob}.hoc-footer{background:var(--paper);border-top:var(--border-width) solid var(--border);margin-top:var(--space-48)}.hoc-footer-inner{gap:var(--space-24);max-width:var(--max-width);padding:var(--space-32) var(--space-16);grid-template-columns:repeat(2,minmax(0,1fr));margin:0 auto;display:grid}.hoc-footer-col{gap:var(--space-8);flex-direction:column;display:flex}.hoc-footer-label{font-family:var(--font-archivo), var(--font-vietnam-pro), sans-serif;font-size:12px;font-weight:800}.hoc-footer-col a{color:var(--ink-soft);width:fit-content;font-size:13px;text-decoration:none}.hoc-footer-col a:hover{color:var(--ink);text-decoration:underline}.hoc-footer-col a:focus-visible{outline:var(--focus-ring);outline-offset:2px}.hoc-footer-note{color:var(--ink-soft);grid-column:1/-1;max-width:62ch;margin:0;font-size:13px}@media (max-width:900px){.hoc-hero{gap:var(--space-32);padding:var(--space-32) 0 var(--space-48);grid-template-columns:1fr}.hoc-track-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.hoc-boss-band{gap:var(--space-16);padding:var(--space-24)}.hoc-shell{--hoc-tile:48px;--hoc-tile-boss:60px;--hoc-sprite-headroom:64px}}@media (max-width:640px){.hoc-landing,.hoc-track-page{padding:var(--space-24) var(--space-16)}.hoc-shell{--hoc-tile:44px;--hoc-tile-boss:54px;--hoc-sprite-headroom:52px}.hoc-map-tile{font-size:15px}.hoc-map-node-title{font-size:15px;line-height:1.35}.hoc-track-title{font-size:22px}.hoc-hero-title{line-height:1.1}.hoc-picker-stage{min-height:180px;padding:var(--space-24)}.hoc-loading-stage{min-height:180px}.hoc-boss-band{padding:var(--space-24) var(--space-16);text-align:center;flex-direction:column}.hoc-header-inner{gap:var(--space-8);padding:var(--space-8) var(--space-16)}.hoc-header-brand,.hoc-header-nav{gap:var(--space-8)}.hoc-header-nav-links{gap:0;padding:0}.hoc-wordmark-name{font-size:22px}.hoc-logo{height:30px}.hoc-header-by{font-size:12px}.hoc-header-link{padding-inline:var(--space-8);font-size:12px}.hoc-footer-inner{grid-template-columns:1fr}}@media (max-width:430px){.hoc-header-inner:has(.hoc-btn--sm) .hoc-header-by{display:none}}@media (max-width:359px){.hoc-header-by{display:none}}.hoc-track-title{font-family:var(--hoc-heading-face);margin:0 0 var(--space-24);font-size:28px}.hoc-map-header{margin-bottom:var(--space-32)}.hoc-map-course{margin-bottom:var(--space-48)}.hoc-map-course-head{background:var(--paper-bright);border:var(--arcade-border-w) solid var(--border);border-radius:var(--hoc-radius-card);border-top:4px solid var(--gold);box-shadow:var(--shadow-offset-sm);margin-bottom:var(--space-24);padding:var(--space-16) var(--space-16) var(--space-12)}.hoc-map-course-title{font-family:var(--hoc-heading-face);margin:0 0 var(--space-4);font-size:20px;font-weight:800}.hoc-map-course-tagline{color:var(--ink-soft);margin:0 0 var(--space-8);font-size:14px}.hoc-map-course-progress{color:var(--ink-soft);margin:0;font-size:13px;font-weight:700}.hoc-map-chapter{margin-bottom:var(--space-48)}.hoc-map-course .hoc-map-chapter:last-child{margin-bottom:0}.hoc-map-chapter-bar{background:var(--paper-bright);border:var(--arcade-border-w) solid var(--border);border-radius:var(--hoc-radius-card);box-shadow:var(--shadow-offset-sm);align-items:center;gap:var(--space-12);padding:var(--space-12) var(--space-16);flex-wrap:wrap;display:flex}.hoc-map-chapter-title{font-family:var(--hoc-heading-face);flex:240px;margin:0;font-size:16px;font-weight:800}.hoc-xp{background:var(--paper-tint);border:var(--arcade-border-w) solid var(--border);border-radius:var(--pill-radius);flex:160px;min-width:120px;height:12px;position:relative;overflow:hidden}.hoc-xp-fill{background:var(--gold);height:100%}@media (prefers-reduced-motion:no-preference){.hoc-xp-fill{animation:hxXP 1.4s var(--ease-out) var(--hx-xp-delay,0s) both}}.hoc-xp-meta{color:var(--ink-soft);font-family:var(--font-mono), monospace;letter-spacing:.06em;white-space:nowrap;font-size:12px;font-weight:600}.hoc-map-list{padding:var(--space-24) 0 0;flex-direction:column;margin:0;list-style:none;display:flex}.hoc-map-node{flex-direction:column;align-items:flex-start;display:flex}.hoc-trail-seg{margin:var(--space-4) 0 var(--space-4) calc((var(--hoc-tile) - 12px) / 2);display:block}.hoc-trail-path{animation:1.1s linear infinite hxDash}.hoc-map-node-row{border-radius:var(--hoc-radius-card);color:var(--ink);align-items:center;gap:var(--space-16);padding:var(--space-4) var(--space-8) var(--space-4) 0;width:100%;text-decoration:none;display:flex}.hoc-map-node--sprited .hoc-map-node-row{align-items:flex-end}@media (hover:hover){.hoc-map-node-row:hover .hoc-map-node-title{text-decoration:underline}}.hoc-map-node-row:focus-visible{outline:var(--focus-ring);outline-offset:2px}.hoc-map-tile-slot{min-width:var(--hoc-tile);justify-content:center;align-items:flex-end;display:inline-flex;position:relative}.hoc-map-node--sprited .hoc-map-tile-slot{padding-top:var(--hoc-sprite-headroom)}.hoc-map-node--sprited .hoc-map-tile-slot:before{background-image:repeating-linear-gradient(180deg, var(--gold) 0 7px, transparent 7px 14px);bottom:var(--hoc-tile);content:"";left:calc(50% - var(--hoc-tile-trail-w) / 2);width:var(--hoc-tile-trail-w);position:absolute;top:0}.hoc-map-node--sprited[data-kind=boss] .hoc-map-tile-slot:before{bottom:var(--hoc-tile-boss)}.hoc-map-tile{background:var(--paper-bright);border:var(--arcade-border-w) solid var(--border);border-radius:var(--hoc-radius-control);box-shadow:var(--shadow-offset-sm);color:var(--ink);font-family:var(--hoc-heading-face);height:var(--hoc-tile);width:var(--hoc-tile);flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:800;display:inline-flex}.hoc-map-node:not(.hoc-map-node--locked)[data-kind=boss] .hoc-map-tile,.hoc-map-node:not(.hoc-map-node--locked)[data-kind=mini_boss] .hoc-map-tile{background:var(--navy);color:var(--on-invert)}.hoc-map-node[data-kind=boss] .hoc-map-tile{height:var(--hoc-tile-boss);margin:0 calc((var(--hoc-tile) - var(--hoc-tile-boss)) / 2);width:var(--hoc-tile-boss)}.hoc-map-node--done .hoc-map-tile{background:var(--gold);color:var(--navy)}.hoc-map-node--current .hoc-map-tile{animation:hxRing 1.6s var(--ease-out) infinite;box-shadow:var(--shadow-offset-ink)}.hoc-map-node--locked .hoc-map-tile{border-color:var(--border-inert);box-shadow:none;color:var(--ink-soft);background:0 0;border-style:dashed}.hoc-map-node--locked .hoc-map-boss{filter:grayscale(70%);opacity:.45}.hoc-map-walker,.hoc-map-boss{bottom:var(--hoc-tile);z-index:var(--z-base);position:absolute;left:50%;transform:translate(-50%)}.hoc-map-node[data-kind=boss] .hoc-map-boss{bottom:var(--hoc-tile-boss)}.hoc-map-boss{animation:1.4s step-end infinite hxBob}.hoc-map-boss.hoc-sprite{margin-left:-30px;transform:none}.hoc-map-node-copy{gap:var(--space-2);padding:var(--space-4) 0;flex-direction:column;display:flex}.hoc-map-node-title{color:var(--ink);font-weight:600}.hoc-map-node--locked .hoc-map-node-title{color:var(--ink-soft)}.hoc-map-node-meta{color:var(--ink-soft);font-size:13px}.hoc-map-node-state{background:var(--paper-tint);border:var(--border-width) solid var(--border);border-radius:var(--pill-radius);color:var(--ink-soft);font-family:var(--font-archivo), var(--font-vietnam-pro), sans-serif;align-items:center;gap:var(--space-4);margin-top:var(--space-2);padding:var(--space-2) var(--space-12);width:fit-content;font-size:12px;font-weight:800;display:inline-flex}.hoc-map-node--done .hoc-map-node-state{border-color:var(--green);color:var(--green)}.hoc-map-node--locked .hoc-map-node-state{border-color:var(--border-inert);background:0 0;border-style:dashed}.hoc-map-node--current .hoc-map-node-state{background:var(--gold);border:var(--arcade-border-w) solid var(--border);color:var(--navy)}.hoc-map-node-badge{background:var(--navy);border-radius:var(--pill-radius);color:var(--on-invert);font-family:var(--hoc-heading-face);letter-spacing:.04em;padding:var(--space-2) var(--space-8);align-items:center;width:fit-content;font-size:12px;font-weight:800;display:inline-flex}@media (max-width:640px){.hoc-map-chapter-bar{align-items:stretch;gap:var(--space-8);flex-direction:column}.hoc-map-chapter-title,.hoc-xp{flex:none}.hoc-xp-meta{text-align:right}}.hoc-lesson-page{max-width:var(--max-width);padding:var(--space-32) var(--space-16);margin:0 auto}.hoc-lesson{max-width:62ch;margin:0 auto}.hoc-lesson-head{margin-bottom:var(--space-32)}.hoc-lesson-back{color:var(--ink-soft);text-underline-offset:3px;align-items:center;min-height:44px;font-size:14px;font-weight:500;text-decoration:underline;display:inline-flex}.hoc-lesson-back:hover{color:var(--ink)}.hoc-lesson-back:focus-visible{outline:var(--focus-ring);outline-offset:2px}.hoc-lesson-title{font-family:var(--hoc-heading-face);margin:var(--space-8) 0 var(--space-8);font-size:clamp(26px,4vw,34px);font-weight:800;line-height:1.15}.hoc-lesson-meta{color:var(--ink-soft);font-family:var(--font-archivo), var(--font-vietnam-pro), sans-serif;margin:0;font-size:12px;font-weight:600}.hoc-lesson-body{font-size:17px;line-height:1.7}.hoc-lesson-p{margin:0 0 var(--space-16)}.hoc-lesson-h2{font-family:var(--hoc-heading-face);margin:var(--space-32) 0 var(--space-12);font-size:20px;font-weight:800}.hoc-lesson-list{margin:0 0 var(--space-16);padding-left:var(--space-24)}.hoc-lesson-list li{margin-bottom:var(--space-8)}.hoc-lesson{--hoc-screen-chrome:336px;--hoc-screen-min:320px}.hoc-lesson[data-screen-mode=true] .hoc-lesson-head{margin-bottom:var(--space-16)}.hoc-lesson[data-screen-mode=true] .hoc-lesson-title{font-size:clamp(20px,3.2vw,26px)}.hoc-lesson[data-screen-mode=true] .hoc-lesson-meta{display:none}.hoc-lesson:not([data-screen-mode]) .hoc-screen+.hoc-screen{margin-top:var(--space-24)}.hoc-lesson[data-screen-mode=true] .hoc-lesson-stage{min-height:max(var(--hoc-screen-min), calc(100dvh - var(--hoc-screen-chrome)));touch-action:pan-y pinch-zoom;align-content:center;display:grid}.hoc-lesson[data-screen-mode=true] .hoc-lesson-stage:focus-visible{outline:var(--focus-ring);outline-offset:2px}.hoc-lesson[data-screen-mode=true] .hoc-screen:not([data-active]){display:none}.hoc-lesson[data-screen-mode=true] .hoc-screen{max-height:max(var(--hoc-screen-min), calc(100dvh - var(--hoc-screen-chrome)));overflow-y:auto}.hoc-lesson[data-screen-mode=true] .hoc-screen[data-kind=prose] .hoc-lesson-p{font-size:clamp(17px,2.4vw,20px)}.hoc-lesson[data-screen-mode=true] .hoc-screen .hoc-lesson-h2{margin-top:0}.hoc-screen-kicker{color:var(--gold-dim);font-family:var(--hoc-heading-face);margin:0 0 var(--space-8);font-size:12px;font-weight:800}.hoc-screen-progress{align-items:center;gap:var(--space-12);margin-bottom:var(--space-16);display:flex}.hoc-screen-segments{gap:var(--space-4);flex:1;min-width:0;margin:0;padding:0;list-style:none;display:flex}.hoc-screen-segment{background:var(--border-inert);border-radius:var(--radius-sm);flex:1 1 0;height:4px}.hoc-screen-segment[data-state=done]{background:var(--gold-dim)}.hoc-screen-segment[data-state=current]{background:var(--gold)}.hoc-screen-counter{color:var(--ink-soft);font-family:var(--hoc-heading-face);white-space:nowrap;margin:0;font-size:12px;font-weight:800}.hoc-screen-controls{border-top:var(--border-width) dashed var(--border);align-items:center;gap:var(--space-8);margin-top:var(--space-16);padding-top:var(--space-12);justify-content:space-between;display:flex}.hoc-screen-hint{color:var(--ink-soft);text-align:center;margin:0;font-size:12px;line-height:1.4}.hoc-lesson[data-screen-mode=true] .hoc-screen[data-kind=quiz] .hoc-mcq{box-shadow:none;border:0;margin-top:0;padding:0}.hoc-lesson[data-screen-mode=true] .hoc-screen[data-kind=quiz] .hoc-mcq-heading{display:none}.hoc-lesson[data-screen-mode=true] .hoc-screen[data-kind=quiz] .hoc-mcq-head{margin-bottom:var(--space-8)}.hoc-lesson[data-screen-mode=true] .hoc-screen[data-kind=quiz] .hoc-mcq-question{margin-bottom:var(--space-12);padding:var(--space-12)}.hoc-lesson[data-screen-mode=true] .hoc-screen[data-kind=quiz] .hoc-mcq-choice{padding:var(--space-8) var(--space-12)}.hoc-lesson[data-screen-mode=true] .hoc-screen .hoc-flow{margin-bottom:0}.hoc-lesson[data-screen-mode=true] .hoc-screen .hoc-flow-card{padding:var(--space-8) var(--space-12)}.hoc-lesson[data-screen-mode=true] .hoc-screen .hoc-flow-index{margin-bottom:var(--space-4)}.hoc-screen-completion{text-align:center}.hoc-screen-xp{color:var(--gold-dim);font-family:var(--hoc-heading-face);margin:0 0 var(--space-16);font-size:16px;font-weight:800}.hoc-screen-completion .hoc-lesson-nav{text-align:left}@keyframes hocScreenIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:no-preference){.hoc-lesson[data-screen-mode=true]:not([data-reduced-motion=true]) .hoc-screen[data-active]{animation:hocScreenIn var(--motion-fast) var(--ease-out) both}}@media (max-width:640px),(max-height:700px) and (max-width:900px){.hoc-lesson{--hoc-screen-chrome:300px}.hoc-lesson-page:has(.hoc-lesson[data-screen-mode=true]){padding:var(--space-16)}.hoc-screen-controls{flex-wrap:wrap}.hoc-screen-hint{flex:1 0 100%;order:3}}.hoc-callout{background:var(--paper-tint);border:var(--border-width) solid var(--border);border-left:4px solid var(--gold);border-radius:var(--hoc-radius-control);margin:0 0 var(--space-16);padding:var(--space-12) var(--space-16)}.hoc-callout[data-tone=warn]{border-left-color:var(--danger)}.hoc-callout-label{color:var(--gold-dim);font-family:var(--font-archivo), var(--font-vietnam-pro), sans-serif;margin-bottom:var(--space-4);font-size:12px;font-weight:800;display:block}.hoc-callout[data-tone=warn] .hoc-callout-label{color:var(--danger)}.hoc-callout-text{margin:0;font-size:15px;line-height:1.6}.hoc-code{background:var(--navy);border:var(--arcade-border-w) solid var(--border);border-radius:var(--hoc-radius-card);color:var(--on-invert);font-family:var(--font-mono), monospace;margin:0 0 var(--space-16);padding:var(--space-16);font-size:13px;line-height:1.6;overflow-x:auto}.hoc-side-quest{background:var(--paper-bright);border:var(--arcade-border-w) dashed var(--border);border-radius:var(--hoc-radius-card);color:var(--ink);margin:0 0 var(--space-16);padding:var(--space-12) var(--space-16);text-decoration:none;display:block}.hoc-side-quest:hover{box-shadow:var(--shadow-offset-sm);border-style:solid}.hoc-side-quest:focus-visible{outline:var(--focus-ring);outline-offset:2px}.hoc-side-quest-label{color:var(--vermillion);font-family:var(--font-archivo), var(--font-vietnam-pro), sans-serif;font-size:12px;font-weight:800;display:block}.hoc-side-quest-title{font-weight:700;display:block}.hoc-side-quest-note{color:var(--ink-soft);font-size:13px;display:block}.hoc-mentor-note{align-items:flex-start;gap:var(--space-12);margin:0 0 var(--space-16);display:flex}.hoc-mentor-note-figure{flex-shrink:0}.hoc-mentor-note-content{background:var(--paper-tint);border:var(--arcade-border-w) solid var(--border);border-radius:var(--hoc-radius-control);min-width:0;padding:var(--space-12) var(--space-16);flex:auto;position:relative}.hoc-mentor-note-content:before{background:var(--paper-tint);border-bottom:var(--arcade-border-w) solid var(--border);border-left:var(--arcade-border-w) solid var(--border);content:"";height:11px;left:-7px;top:var(--space-16);width:11px;position:absolute;transform:rotate(45deg)}.hoc-mentor-note-name{color:var(--gold-dim);font-family:var(--font-archivo), var(--font-vietnam-pro), sans-serif;margin-bottom:var(--space-4);font-size:12px;font-weight:800;display:block}.hoc-mentor-note-text{margin:0;font-size:15px;line-height:1.6}.hoc-visual-title{font-family:var(--hoc-heading-face);margin:0 0 var(--space-16);font-size:18px;font-weight:800}[data-rotate=a]{border-radius:255px 15px 225px/15px 225px 15px 255px;transform:rotate(-.6deg)}[data-rotate=b]{border-radius:15px 255px 15px 225px/225px 15px 255px;transform:rotate(.6deg)}.hoc-compare-columns,.hoc-stats-grid{padding-inline:var(--space-4)}.hoc-flow{margin:0 0 var(--space-24)}.hoc-flow-steps{align-items:stretch;gap:var(--space-8);padding:0 var(--space-4);flex-wrap:wrap;margin:0;list-style:none;display:flex}.hoc-flow-step{align-items:center;gap:var(--space-8);flex:170px;display:flex}.hoc-flow-card{background:var(--paper-bright);border:var(--arcade-border-w) solid var(--border);min-width:0;padding:var(--space-12);flex:auto}.hoc-flow-index{background:var(--gold);border:var(--border-width) solid var(--border);color:var(--ink);font-family:var(--font-archivo), var(--font-vietnam-pro), sans-serif;height:22px;margin-bottom:var(--space-8);border-radius:50%;justify-content:center;align-items:center;width:22px;font-size:12px;font-weight:800;display:inline-flex}.hoc-flow-label{margin:0;font-weight:700}.hoc-flow-detail{color:var(--ink-soft);margin:var(--space-4) 0 0;font-size:13px}.hoc-flow-arrow{color:var(--gold-dim);flex-shrink:0;width:32px;height:20px}.hoc-squiggle-line,.hoc-squiggle-head{stroke:currentColor;stroke-width:2px}@media (max-width:640px){.hoc-flow-steps{flex-direction:column}.hoc-flow-step{flex-direction:column;align-items:stretch}.hoc-flow-arrow{align-self:center;width:32px;transform:rotate(90deg)}}.hoc-compare{margin:0 0 var(--space-24)}.hoc-compare-columns{align-items:start;gap:var(--space-16);grid-template-columns:1fr auto 1fr;display:grid}.hoc-compare-col{background:var(--paper-bright);border:var(--arcade-border-w) solid var(--border);padding:var(--space-16)}.hoc-compare-col[data-side=left]{border-left:4px solid var(--gold)}.hoc-compare-col[data-side=right]{border-left:4px solid var(--vermillion)}.hoc-compare-heading{font-family:var(--hoc-heading-face);margin:0 0 var(--space-8);font-size:15px;font-weight:800}.hoc-compare-list{padding-left:var(--space-24);margin:0}.hoc-compare-list li{margin-bottom:var(--space-4)}.hoc-compare-versus{background:var(--navy);color:var(--on-invert);font-family:var(--hoc-heading-face);border-radius:50%;justify-content:center;align-self:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:inline-flex}@media (max-width:640px){.hoc-compare-columns{grid-template-columns:1fr}.hoc-compare-versus{justify-self:center}}.hoc-stats{margin:0 0 var(--space-24)}.hoc-stats-grid{gap:var(--space-16);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.hoc-stats-tile{background:var(--paper-tint);border:var(--arcade-border-w) solid var(--border);padding:var(--space-16);text-align:center}.hoc-stats-value{color:var(--ink);font-family:var(--hoc-heading-face);-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold);text-underline-offset:-2px;margin:0;font-size:clamp(28px,5vw,36px);font-weight:800;text-decoration-line:underline;text-decoration-thickness:6px}.hoc-stats-label{color:var(--ink-soft);margin:var(--space-8) 0 0;font-size:13px;font-weight:600}.hoc-stats-hint{color:var(--ink-soft);margin:var(--space-4) 0 0;font-size:12px}.hoc-mindmap{margin:0 0 var(--space-24)}.hoc-mindmap-center{background:var(--navy);border:var(--arcade-border-w) solid var(--border);border-radius:var(--hoc-radius-card);color:var(--on-invert);font-family:var(--hoc-heading-face);margin:0 auto var(--space-16);max-width:240px;padding:var(--space-12) var(--space-16);text-align:center;font-size:16px;font-weight:800}.hoc-mindmap-branches{gap:var(--space-12);padding:0 var(--space-4);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin:0;list-style:none;display:grid}.hoc-mindmap-branch{background:var(--paper-bright);border:var(--arcade-border-w) solid var(--border);padding:var(--space-12) var(--space-16)}.hoc-mindmap-branch-label{margin:0;font-weight:700}.hoc-mindmap-children{color:var(--ink-soft);margin:var(--space-8) 0 0;padding-left:var(--space-24);font-size:13px}.hoc-mindmap-children li{margin-bottom:var(--space-4)}@media (max-width:640px){.hoc-mindmap-branches{padding-left:var(--space-16);grid-template-columns:1fr}}.hoc-deck{background:var(--paper-bright);border:var(--arcade-border-w) solid var(--border);border-radius:var(--hoc-radius-card);margin:0 0 var(--space-24);padding:var(--space-16);touch-action:pan-y pinch-zoom}.hoc-deck:focus-visible{outline:var(--focus-ring);outline-offset:2px}.hoc-deck-head{border-bottom:var(--border-width) dashed var(--border);margin-bottom:var(--space-12);padding-bottom:var(--space-8)}.hoc-deck-label{color:var(--gold-dim);font-family:var(--hoc-heading-face);font-size:12px;font-weight:800;display:block}.hoc-deck-title{font-family:var(--hoc-heading-face);margin:var(--space-4) 0 0;font-size:18px;font-weight:800}.hoc-deck-slides{margin:0;padding:0;list-style:none}.hoc-deck-slide{min-height:208px}.hoc-deck:not([data-enhanced]) .hoc-deck-slide+.hoc-deck-slide{border-top:var(--border-width) solid var(--border);margin-top:var(--space-16);padding-top:var(--space-16)}.hoc-deck-slide-heading{font-family:var(--hoc-heading-face);margin:0 0 var(--space-8);font-size:16px;font-weight:800}.hoc-deck-slide-body{margin:0 0 var(--space-12);font-size:15px;line-height:1.6}.hoc-deck-slide-list{margin:0 0 var(--space-12);padding-left:var(--space-24)}.hoc-deck-slide-list li{margin-bottom:var(--space-4);font-size:15px;line-height:1.6}.hoc-deck-controls{border-top:var(--border-width) dashed var(--border);align-items:center;gap:var(--space-8);margin-top:var(--space-12);padding-top:var(--space-12);justify-content:space-between;display:flex}.hoc-deck-btn{background:var(--paper-tint);border:var(--arcade-border-w) solid var(--border);border-radius:var(--hoc-radius-control);color:var(--ink);font-family:var(--hoc-heading-face);min-height:44px;padding:var(--space-8) var(--space-12);font-size:13px;font-weight:700}.hoc-deck-btn:hover:not(:disabled){box-shadow:var(--shadow-offset-sm)}.hoc-deck-btn:focus-visible{outline:var(--focus-ring);outline-offset:2px}.hoc-deck-btn:disabled{border-color:var(--border-inert);color:var(--ink-soft)}.hoc-deck-counter{color:var(--ink-soft);font-family:var(--hoc-heading-face);margin:0;font-size:12px;font-weight:800}@keyframes hocDeckIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:no-preference){.hoc-deck[data-enhanced] .hoc-deck-slide[data-active]{animation:hocDeckIn var(--motion-fast) var(--ease-out) both}}.hoc-deck[data-reduced-motion=true] .hoc-deck-slide[data-active]{animation:none}.hoc-figure{margin:0 0 var(--space-24)}.hoc-figure-frame{background:var(--paper-tint);border:var(--arcade-border-w) solid var(--border);border-radius:var(--hoc-radius-card);max-width:480px;padding:var(--space-16);margin:0 auto}.hoc-figure-svg{width:100%;height:auto;display:block}.hoc-figure-svg .hoc-figure-ink{fill:none;stroke:var(--ink);stroke-linecap:round;stroke-width:1.4px}.hoc-figure-svg .hoc-figure-fill{fill:var(--gold)}.hoc-figure-svg .hoc-figure-plate{fill:var(--paper-tint)}.hoc-figure-svg .hoc-figure-label{fill:var(--ink);font-family:var(--hoc-heading-face);font-size:14px;font-weight:700}.hoc-figure-svg .hoc-figure-value,.hoc-figure-svg .hoc-figure-step{font-family:var(--hoc-heading-face);font-size:14px;font-weight:800}.hoc-figure-svg .hoc-figure-value{fill:var(--ink-soft)}.hoc-figure-svg .hoc-figure-step{fill:var(--gold-dim)}.hoc-figure-caption{color:var(--ink-soft);margin:var(--space-8) 0 0;text-align:center;font-size:13px;line-height:1.5}@media print{.hoc-lesson[data-screen-mode=true] .hoc-screen:not([data-active]){display:block}.hoc-lesson[data-screen-mode=true] .hoc-screen{break-inside:avoid;max-height:none;overflow-y:visible}.hoc-lesson[data-screen-mode=true] .hoc-lesson-stage{min-height:0;display:block}.hoc-screen-progress,.hoc-screen-controls{display:none}.hoc-deck-slide[hidden]{display:block}.hoc-deck-slide+.hoc-deck-slide{border-top:var(--border-width) solid var(--border);margin-top:var(--space-16);padding-top:var(--space-16)}.hoc-deck-slide{break-inside:avoid;min-height:0}.hoc-deck-controls{display:none}}.hoc-lesson-actions{margin:var(--space-32) 0}.hoc-lesson-done{color:var(--green);margin:0;font-weight:700}.hoc-lesson-error{color:var(--danger);margin:var(--space-12) 0 0;font-size:15px}.hoc-xp-toast{background:var(--gold);border:var(--arcade-border-w) solid var(--border);border-radius:var(--pill-radius);box-shadow:var(--shadow-offset-ink);color:var(--navy);font-family:var(--font-archivo), var(--font-vietnam-pro), sans-serif;margin:var(--space-24) 0 0;padding:var(--space-8) var(--space-16);width:fit-content;font-size:13px;font-weight:800}.hoc-lesson-nav{border-top:var(--border-width) solid var(--border);gap:var(--space-16);margin-top:var(--space-32);padding-top:var(--space-24);flex-wrap:wrap;justify-content:space-between;display:flex}.hoc-lesson-nav-link{color:var(--ink);gap:var(--space-2);flex-direction:column;max-width:40ch;min-height:44px;text-decoration:none;display:flex}.hoc-lesson-nav-link--next{text-align:right}.hoc-lesson-nav-link:hover .hoc-lesson-nav-title{text-decoration:underline}.hoc-lesson-nav-link:focus-visible{outline:var(--focus-ring);outline-offset:2px}.hoc-lesson-nav-label{color:var(--vermillion);font-family:var(--font-archivo), var(--font-vietnam-pro), sans-serif;font-size:12px;font-weight:800}.hoc-lesson-nav-title{font-weight:600}.hoc-mcq{background:var(--paper-accent);border:var(--arcade-border-w) solid var(--border);border-radius:var(--hoc-radius-card);box-shadow:var(--shadow-offset-gold);margin-top:var(--space-32);padding:var(--space-24)}.hoc-mcq-head{align-items:baseline;gap:var(--space-8) var(--space-16);margin:0 0 var(--space-16);flex-wrap:wrap;justify-content:space-between;display:flex}.hoc-mcq-heading{font-family:var(--hoc-heading-face);margin:0;font-size:20px;font-weight:800}.hoc-mcq-progress{color:var(--ink-soft);font-family:var(--font-archivo), var(--font-vietnam-pro), sans-serif;margin:0;font-size:13px;font-weight:700}.hoc-mcq-progress[data-complete=true]{color:var(--green)}.hoc-mcq-question{background:var(--paper-bright);border:var(--arcade-border-w) solid var(--border);border-radius:var(--hoc-radius-card);box-shadow:var(--shadow-offset-sm);margin:0 0 var(--space-16);padding:var(--space-16)}.hoc-mcq-question:focus-visible{outline:var(--focus-ring);outline-offset:3px}.hoc-mcq-question[data-state=correct]{background:var(--paper-bright);border-color:var(--green);box-shadow:3px 3px 0 0 var(--green)}.hoc-mcq-question[data-state=incorrect]{border-color:var(--danger);box-shadow:3px 3px 0 0 var(--danger)}.hoc-mcq-question[data-state=unanswered]{border-color:var(--gold-dim);box-shadow:3px 3px 0 0 var(--gold);border-style:dashed}.hoc-mcq-legend{color:var(--vermillion);font-family:var(--font-archivo), var(--font-vietnam-pro), sans-serif;padding:0 var(--space-4);font-size:12px;font-weight:800}.hoc-mcq-prompt{margin:0 0 var(--space-12);font-size:16px;font-weight:600;line-height:1.55}.hoc-mcq-choices{gap:var(--space-8);flex-direction:column;display:flex}.hoc-mcq-choice{background:var(--paper);border:var(--border-width) solid var(--border);border-radius:var(--hoc-radius-control);cursor:pointer;align-items:flex-start;gap:var(--space-12);min-height:44px;padding:var(--space-12);font-size:15px;line-height:1.5;display:flex}.hoc-mcq-choice input[type=radio]{accent-color:var(--gold);block-size:20px;inline-size:20px;margin:var(--space-2) 0 0;flex-shrink:0}.hoc-mcq-choice[data-selected=true]{background:var(--gold-soft);border-color:var(--gold-dim);box-shadow:var(--shadow-offset-sm);padding-right:var(--space-32);font-weight:700;position:relative}.hoc-mcq-choice[data-selected=true]:after{color:var(--gold-dim);content:"✓";right:var(--space-12);top:var(--space-12);font-size:16px;font-weight:800;position:absolute}.hoc-mcq-choice:has(input:disabled){cursor:default;opacity:.72}.hoc-mcq-choice[data-selected=true]:has(input:disabled){background:var(--paper-tint);border-color:var(--border);box-shadow:none}.hoc-mcq-choice[data-selected=true]:has(input:disabled):after{color:var(--ink-soft)}.hoc-mcq-choice:focus-within{outline:var(--focus-ring);outline-offset:2px}.hoc-mcq-verdict{border-top:var(--border-width) solid var(--border);margin:var(--space-12) 0 0;padding-top:var(--space-12);font-size:15px;line-height:1.6}.hoc-mcq-verdict-label{font-family:var(--font-archivo), var(--font-vietnam-pro), sans-serif;font-weight:800}.hoc-mcq-question[data-state=correct] .hoc-mcq-verdict-label{color:var(--green)}.hoc-mcq-question[data-state=incorrect] .hoc-mcq-verdict-label{color:var(--danger)}.hoc-mcq-banner{border:var(--arcade-border-w) solid var(--border);border-radius:var(--hoc-radius-card);font-family:var(--font-archivo), var(--font-vietnam-pro), sans-serif;margin:0 0 var(--space-16);padding:var(--space-12) var(--space-16);font-size:15px;font-weight:800;line-height:1.5}.hoc-mcq-banner[data-tone=pass]{background:var(--gold);color:var(--navy)}.hoc-mcq-banner[data-tone=fail]{background:var(--paper-tint);color:var(--danger)}.hoc-mcq-banner[data-tone=neutral]{background:var(--paper-bright);color:var(--ink);font-weight:700}.hoc-mcq-error{color:var(--danger);margin:0 0 var(--space-12);font-size:15px}.hoc-mcq-actions{align-items:stretch;gap:var(--space-12);flex-wrap:wrap;display:flex}.hoc-mcq-submit{flex:100%;justify-content:center}.hoc-mcq-submit[data-incomplete=true]{background:var(--paper-tint);color:var(--ink-soft);border-style:dashed}.hoc-mcq-next{margin-left:auto}.hoc-paywall{background:var(--paper-bright);border:var(--arcade-border-w) solid var(--border);border-radius:var(--hoc-radius-card);box-shadow:var(--shadow-offset-gold);align-items:flex-start;gap:var(--space-8);max-width:min(680px,100%);padding:var(--space-32) var(--space-24);flex-direction:column;margin:0 auto;display:flex}.hoc-lesson-page:has(>.hoc-paywall){align-content:center;min-height:72dvh;display:grid}.hoc-paywall-title{font-family:var(--hoc-heading-face);margin:0;font-size:clamp(20px,5.4vw,26px);font-weight:800}.hoc-paywall-lock{color:var(--danger);font-family:var(--font-archivo), var(--font-vietnam-pro), sans-serif;margin:0;font-size:13px;font-weight:800}.hoc-paywall-body{color:var(--ink-soft);margin:0 0 var(--space-8);font-size:15px;line-height:1.6}.hoc-paywall .hoc-offer{margin-bottom:var(--space-8);width:100%}@media (max-width:640px){.hoc-lesson-page{padding:var(--space-24) var(--space-16)}.hoc-lesson-body{font-size:16px;line-height:1.72}.hoc-lesson-h2{margin-top:var(--space-24)}.hoc-mcq{padding:var(--space-16)}.hoc-mcq-question,.hoc-deck{padding:var(--space-12)}.hoc-deck-slide{min-height:240px}.hoc-figure-frame{padding:var(--space-8)}.hoc-mcq-choice[data-selected=true]{padding-right:var(--space-24)}.hoc-mcq-choice[data-selected=true]:after{right:var(--space-8)}.hoc-mcq-actions .hoc-btn,.hoc-mcq-signin .hoc-btn{flex:auto;width:100%}.hoc-mcq-next{margin-left:0}.hoc-lesson-nav{flex-direction:column}.hoc-lesson-nav-link--next{text-align:left}.hoc-mentor-note{flex-direction:column}.hoc-mentor-note-content:before{content:none}}.hoc-capstone{border-top:var(--border-width) solid var(--border);margin-top:var(--space-32);padding-top:var(--space-24)}.hoc-capstone-heading{font-family:var(--hoc-heading-face);margin:0 0 var(--space-16);font-size:20px;font-weight:800}.hoc-capstone-subheading{font-family:var(--hoc-heading-face);margin:var(--space-24) 0 var(--space-8);font-size:16px;font-weight:800}.hoc-capstone-brief>*+*{margin-top:var(--space-12)}.hoc-capstone-deliverables{color:var(--ink);gap:var(--space-8);padding-left:var(--space-24);flex-direction:column;margin:0;font-size:15px;line-height:1.6;display:flex}.hoc-capstone-rubric{border:var(--arcade-border-w) solid var(--border);border-collapse:separate;border-radius:var(--hoc-radius-card);border-spacing:0;width:100%;font-size:15px;overflow:hidden}.hoc-capstone-rubric th,.hoc-capstone-rubric td{border-bottom:var(--border-width) solid var(--border);padding:var(--space-12);text-align:left;vertical-align:top}.hoc-capstone-rubric thead th{background:var(--paper-tint);font-family:var(--font-archivo), var(--font-vietnam-pro), sans-serif;font-size:13px;font-weight:800}.hoc-capstone-rubric tbody tr:last-child th,.hoc-capstone-rubric tbody tr:last-child td{border-bottom:0}.hoc-capstone-rubric-label{font-weight:700;display:block}.hoc-capstone-rubric-desc{color:var(--ink-soft);margin-top:var(--space-4);font-size:14px;font-weight:400;line-height:1.5;display:block}.hoc-capstone-form{margin-top:var(--space-24);flex-direction:column;display:flex}.hoc-capstone-label{font-family:var(--font-archivo), var(--font-vietnam-pro), sans-serif;margin:var(--space-16) 0 var(--space-8);font-size:13px;font-weight:800}.hoc-capstone-textarea{background:var(--paper-bright);border:var(--arcade-border-w) solid var(--border);border-radius:var(--hoc-radius-control);color:var(--ink);font-family:var(--font-vietnam-pro), sans-serif;padding:var(--space-12);resize:vertical;width:100%;font-size:15px;line-height:1.6}.hoc-capstone-textarea:focus-visible,.hoc-capstone-link-input:focus-visible{outline:var(--focus-ring);outline-offset:2px}.hoc-capstone-textarea:disabled,.hoc-capstone-link-input:disabled{background:var(--paper-tint);color:var(--ink-soft);cursor:not-allowed;opacity:.7}.hoc-capstone-counter{color:var(--ink-soft);margin:var(--space-4) 0 0;text-align:right;font-size:13px}.hoc-capstone-links{gap:var(--space-8);flex-direction:column;display:flex}.hoc-capstone-link-input{background:var(--paper-bright);border:var(--border-width) solid var(--border);border-radius:var(--hoc-radius-control);color:var(--ink);font-family:var(--font-vietnam-pro), sans-serif;min-height:44px;padding:var(--space-8) var(--space-12);width:100%;font-size:15px}@media (pointer:coarse){.hoc-capstone-textarea,.hoc-capstone-link-input{font-size:16px}}.hoc-capstone-error{color:var(--danger);margin:var(--space-12) 0 0;font-size:15px}.hoc-capstone-actions{gap:var(--space-12);margin-top:var(--space-16);display:flex}.hoc-capstone-waiting,.hoc-capstone-failed{background:var(--paper-tint);border:var(--arcade-border-w) solid var(--border);border-radius:var(--hoc-radius-card);margin-top:var(--space-24);padding:var(--space-16)}.hoc-capstone-waiting-title,.hoc-capstone-failed-title{font-family:var(--hoc-heading-face);margin:0 0 var(--space-8);font-size:16px;font-weight:800}.hoc-capstone-failed-title{color:var(--danger)}.hoc-capstone-waiting-body,.hoc-capstone-failed-body{color:var(--ink-soft);margin:0;font-size:15px;line-height:1.6}.hoc-capstone-dims,.hoc-scorecard-dims{gap:var(--space-16);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.hoc-capstone-dim,.hoc-scorecard-dim{gap:var(--space-4);grid-template-columns:1fr auto;display:grid}.hoc-capstone-dim-label,.hoc-scorecard-dim-label{font-size:15px;font-weight:700}.hoc-capstone-dim-score,.hoc-scorecard-dim-score{font-family:var(--font-archivo), var(--font-vietnam-pro), sans-serif;text-align:right;font-size:13px;font-weight:800}.hoc-capstone-bar,.hoc-scorecard-bar{background:var(--paper-tint);border:var(--border-width) solid var(--border);border-radius:var(--hoc-radius-control);grid-column:1/-1;height:12px;display:block;overflow:hidden}.hoc-capstone-bar-fill,.hoc-scorecard-bar-fill{background:var(--gold);height:100%;display:block}.hoc-capstone-dim-feedback{color:var(--ink-soft);grid-column:1/-1;font-size:14px;line-height:1.6}.hoc-capstone-total,.hoc-scorecard-total{font-family:var(--hoc-heading-face);margin:var(--space-16) 0 0;font-size:18px;font-weight:800}.hoc-capstone-overall{background:var(--paper-tint);border:var(--border-width) solid var(--border);border-radius:var(--hoc-radius-card);margin-top:var(--space-16);padding:var(--space-16)}.hoc-capstone-overall-title{font-family:var(--font-archivo), var(--font-vietnam-pro), sans-serif;margin:0 0 var(--space-8);font-size:13px;font-weight:800}.hoc-capstone-overall-body{color:var(--ink-soft);margin:0;font-size:15px;line-height:1.6}.hoc-capstone-share{align-items:flex-start;gap:var(--space-8);margin-top:var(--space-16);flex-direction:column;display:flex}.hoc-capstone-share-link{color:var(--ink);overflow-wrap:anywhere;font-size:15px}.hoc-capstone-share-hint{color:var(--ink-soft);margin:0;font-size:14px;line-height:1.6}.hoc-scorecard{background:var(--paper-bright);border:var(--arcade-border-w) solid var(--border);border-radius:var(--hoc-radius-card);box-shadow:var(--shadow-offset-gold);margin-top:var(--space-24);padding:var(--space-24)}.hoc-scorecard-head{border-bottom:var(--border-width) solid var(--border);margin-bottom:var(--space-16);padding-bottom:var(--space-12)}.hoc-scorecard-brand{color:var(--ink-soft);align-items:center;gap:var(--space-8);margin:0 0 var(--space-8);display:flex}.hoc-scorecard-brand .hoc-wordmark-name{font-size:20px}.hoc-scorecard-title{font-family:var(--hoc-heading-face);margin:0;font-size:22px;font-weight:800}.hoc-scorecard-track{color:var(--ink-soft);margin:var(--space-4) 0 0;font-size:15px}.hoc-share-page{max-width:56ch;padding:var(--space-32) var(--space-24);margin:0 auto}.hoc-share-cta{align-items:flex-start;gap:var(--space-12);margin-top:var(--space-32);flex-direction:column;display:flex}.hoc-share-title{font-family:var(--hoc-heading-face);margin:0;font-size:22px;font-weight:800}.hoc-share-body{color:var(--ink-soft);margin:0;font-size:15px;line-height:1.6}@media (max-width:640px){.hoc-capstone-rubric{font-size:14px}.hoc-capstone-rubric th,.hoc-capstone-rubric td{padding:var(--space-8)}.hoc-capstone-rubric thead th:last-child,.hoc-capstone-rubric td:last-child{text-align:right;white-space:nowrap;width:1%}.hoc-capstone-actions{flex-direction:column}.hoc-capstone-actions .hoc-btn{width:100%}.hoc-scorecard{padding:var(--space-16)}.hoc-share-page{padding:var(--space-24) var(--space-16)}}.hoc-loading-stack{gap:var(--space-12);flex-direction:column;display:flex}.hoc-loading-row{gap:var(--space-12);flex-wrap:wrap;display:flex}.hoc-loading-stage{min-height:280px;display:grid}.hoc-loading-track-head{margin-bottom:var(--space-32)}.hoc-loading-summary{gap:var(--space-12);margin-bottom:var(--space-24);padding:var(--space-16);flex-direction:column;display:flex}.hoc-loading-chapter{margin-bottom:var(--space-48)}.hoc-loading-chapter-bar{align-items:center;gap:var(--space-12);margin-bottom:var(--space-24);padding:var(--space-12) var(--space-16);flex-wrap:wrap;display:flex}.hoc-loading-node{align-items:center;gap:var(--space-16);padding:var(--space-8) 0;display:flex}.hoc-loading-lesson-head{margin-bottom:var(--space-32)}.hoc-state-card{background:var(--paper-bright);border:var(--arcade-border-w) solid var(--border);border-radius:var(--hoc-radius-card);box-shadow:var(--shadow-offset-gold);gap:var(--space-8);max-width:min(560px,100%);padding:var(--space-32) var(--space-24);text-align:center;flex-direction:column;margin:0 auto;display:flex}.hoc-lesson-page:has(>.hoc-state-card){align-content:center;min-height:60dvh;display:grid}.hoc-state-title{font-family:var(--hoc-heading-face);margin:0;font-size:clamp(22px,5vw,28px);font-weight:800}.hoc-state-body{color:var(--ink-soft);margin:0 0 var(--space-8);font-size:15px;line-height:1.6}.hoc-state-actions{gap:var(--space-12);flex-wrap:wrap;justify-content:center;display:flex}.hoc-offer{border:var(--border-width) solid var(--border);border-radius:var(--hoc-radius-card);padding:var(--space-16)}.hoc-offer-price{align-items:baseline;gap:var(--space-8);flex-wrap:wrap;margin:0;display:flex}.hoc-offer-amount{font-family:var(--font-archivo), var(--font-vietnam-pro), sans-serif;font-size:28px;font-weight:800;line-height:1.1}.hoc-offer-once{color:var(--ink-soft);font-size:13px;font-weight:600}.hoc-offer-name{color:var(--ink-soft);margin:var(--space-4) 0 0;font-size:14px}.hoc-offer-includes-label{font-family:var(--font-archivo), var(--font-vietnam-pro), sans-serif;margin:var(--space-16) 0 var(--space-8);font-size:12px;font-weight:800}.hoc-offer-includes{gap:var(--space-8);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.hoc-offer-includes li{color:var(--ink-soft);padding-left:var(--space-24);font-size:14px;line-height:1.5;position:relative}.hoc-offer-includes li:before{color:var(--gold-dim);content:"+";font-weight:800;position:absolute;left:0}.hoc-offer-terms{margin:var(--space-16) 0 0}.hoc-offer-terms a{color:var(--ink-soft);text-underline-offset:3px;font-size:13px;text-decoration:underline}.hoc-offer-terms a:hover{color:var(--ink)}.hoc-offer-terms a:focus-visible{outline:var(--focus-ring);outline-offset:2px}.hoc-track-summary{background:var(--paper-bright);border:var(--arcade-border-w) solid var(--border);border-radius:var(--hoc-radius-card);box-shadow:var(--shadow-offset-sm);align-items:center;gap:var(--space-12);margin-bottom:var(--space-24);padding:var(--space-16);flex-wrap:wrap;display:flex}.hoc-track-summary-heading{flex:0 0 100%;margin:0}.hoc-track-summary-stats{gap:var(--space-16);flex-wrap:wrap;flex:260px;margin:0;padding:0;list-style:none;display:flex}.hoc-track-summary-stats li{color:var(--ink-soft);font-size:14px;font-weight:600}.hoc-track-summary-cta{flex:none}.hoc-track-summary-done{color:var(--ink-soft);margin:0;font-size:14px}.hoc-track-unlock{background:var(--paper-tint);border:var(--arcade-border-w) solid var(--border);border-radius:var(--hoc-radius-card);box-shadow:var(--shadow-offset-gold);gap:var(--space-16);margin-bottom:var(--space-48);padding:var(--space-24);scroll-margin-top:var(--space-96);display:flex}.hoc-track-unlock-sprite{flex:none}.hoc-track-unlock-copy{gap:var(--space-8);flex-direction:column;flex:auto;align-items:flex-start;display:flex}.hoc-track-unlock-title{font-family:var(--hoc-heading-face);margin:0;font-size:20px;font-weight:800}.hoc-track-unlock-body{color:var(--ink-soft);margin:0;font-size:15px;line-height:1.6}.hoc-track-unlock .hoc-offer{background:var(--paper-bright);width:100%;max-width:560px}.hoc-pricing{margin-bottom:var(--space-64)}.hoc-pricing-lede{color:var(--ink-soft);margin:0 0 var(--space-24);max-width:60ch;font-size:15px;line-height:1.6}.hoc-pricing-grid{gap:var(--space-16);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0;padding:0;list-style:none;display:grid}.hoc-pricing-card{background:var(--paper-bright);border:var(--arcade-border-w) solid var(--border);border-radius:var(--hoc-radius-card);box-shadow:var(--shadow-offset-sm);align-items:flex-start;gap:var(--space-12);padding:var(--space-24);flex-direction:column;display:flex}.hoc-pricing-card-title{font-family:var(--hoc-heading-face);margin:0;font-size:20px;font-weight:800}.hoc-pricing-split{color:var(--ink-soft);margin:0;font-size:13px;font-weight:600}.hoc-pricing-card .hoc-offer{width:100%}.hoc-closing{align-items:center;gap:var(--space-16);margin-bottom:var(--space-64);flex-wrap:wrap;justify-content:space-between;display:flex}.hoc-closing-title{font-family:var(--hoc-heading-face);max-width:40ch;margin:0;font-size:22px;font-weight:800}.hoc-closing-ctas{gap:var(--space-12);flex-wrap:wrap;display:flex}@media (max-width:640px){.hoc-track-unlock{padding:var(--space-16);flex-direction:column}.hoc-track-summary-cta{width:100%}.hoc-offer-amount{font-size:24px}.hoc-pricing-card{padding:var(--space-16)}.hoc-closing-ctas .hoc-btn{flex:auto}}.hoc-course-section{margin-bottom:var(--space-48)}.hoc-course-section-lede{color:var(--ink-soft);margin:0 0 var(--space-16);font-size:14px}.hoc-course-grid{gap:var(--space-16);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:0;padding:0;list-style:none;display:grid}.hoc-course-card{background:var(--paper-bright);border:var(--border-width) solid var(--border);border-radius:var(--hoc-radius-card);box-shadow:var(--shadow-offset-sm)}.hoc-course-card-link{color:var(--ink);gap:var(--space-8);padding:var(--space-24) var(--space-16);flex-direction:column;text-decoration:none;display:flex}.hoc-course-card-link:focus-visible{outline:var(--focus-ring);outline-offset:2px}.hoc-course-card-sprite{margin-bottom:var(--space-4)}.hoc-course-card-title{font-family:var(--hoc-heading-face);margin:0;font-size:17px;font-weight:800}.hoc-course-card-tagline{color:var(--ink-soft);margin:0;font-size:14px;line-height:1.5}.hoc-course-card-meta{color:var(--ink-soft);font-family:var(--font-mono), monospace;letter-spacing:.04em;margin:0;font-size:12px;font-weight:600}.hoc-course-card-cta{background:var(--gold-soft);border:var(--arcade-border-w) solid var(--gold-dim);border-radius:var(--pill-radius);color:var(--ink);font-family:var(--font-archivo), var(--font-vietnam-pro), sans-serif;margin-top:var(--space-8);padding:var(--space-8) var(--space-16);text-align:center;width:fit-content;font-size:13px;font-weight:800}.hoc-course-card-cta--enrolled{background:var(--gold);border-color:var(--border)}.hoc-course-tagline{color:var(--ink-soft);margin:0 0 var(--space-8);max-width:62ch;font-size:16px;line-height:1.6}.hoc-course-meta-line{color:var(--ink-soft);font-family:var(--font-mono), monospace;letter-spacing:.04em;margin:0 0 var(--space-24);font-size:13px;font-weight:600}.hoc-course-lesson-list{gap:var(--space-8);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.hoc-course-lesson-row{background:var(--paper-bright);border:var(--border-width) solid var(--border);border-radius:var(--hoc-radius-card);color:var(--ink);align-items:center;gap:var(--space-16);padding:var(--space-12) var(--space-16);text-decoration:none;display:flex}@media (hover:hover){.hoc-course-lesson-row:hover .hoc-course-lesson-title{text-decoration:underline}}.hoc-course-lesson-row:focus-visible{outline:var(--focus-ring);outline-offset:2px}.hoc-course-lesson-item[data-state=locked] .hoc-course-lesson-row{box-shadow:none;border-style:dashed}.hoc-course-lesson-item[data-state=done] .hoc-course-lesson-index{background:var(--gold);color:var(--navy)}.hoc-course-lesson-item[data-state=done] .hoc-course-lesson-state{color:var(--green)}.hoc-course-lesson-index{background:var(--paper-tint);border:var(--arcade-border-w) solid var(--border);border-radius:var(--hoc-radius-control);font-family:var(--hoc-heading-face);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;font-weight:800;display:inline-flex}.hoc-course-lesson-copy{flex-direction:column;flex:auto;gap:2px;display:flex}.hoc-course-lesson-title{font-family:var(--hoc-heading-face);font-size:15px;font-weight:700}.hoc-course-lesson-meta{color:var(--ink-soft);font-size:12px}.hoc-course-lesson-state{color:var(--gold-dim);font-family:var(--font-archivo), var(--font-vietnam-pro), sans-serif;flex-shrink:0;font-size:12px;font-weight:700}.hoc-course-lesson-item[data-state=locked] .hoc-course-lesson-state{color:var(--ink-soft)}@media (max-width:640px){.hoc-course-lesson-row{padding:var(--space-8) var(--space-12)}.hoc-course-lesson-state{display:none}}