@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{--cb-teal-950: #00343D;--cb-teal-800: #014A56;--cb-teal-700: #026B7A;--cb-teal-500: #3CA0A3;--cb-teal-300: #8FC6C8;--cb-teal-100: #D8EAEC;--cb-cream-500: #F2D97A;--cb-cream-400: #F5E3A1;--cb-cream-200: #FBEFC4;--cb-cream-100: #FDF7E0;--cb-sky-200: #D9E9EE;--cb-sky-100: #EAF2F5;--cb-ink: #0E2428;--cb-ink-soft: #3A4E52;--cb-muted: #6E8084;--cb-line: #D8DEDF;--cb-surface: #FFFFFF;--cb-page: #FFFFFF;--cb-page-alt: #FBFBFA;--cb-bg: var(--cb-page);--cb-bg-soft: var(--cb-cream-100);--cb-bg-band: var(--cb-cream-400);--cb-bg-cta: var(--cb-sky-200);--cb-fg: var(--cb-ink);--cb-fg-soft: var(--cb-ink-soft);--cb-fg-muted: var(--cb-muted);--cb-fg-invert: #FFFFFF;--cb-primary: var(--cb-teal-700);--cb-primary-ink:var(--cb-teal-950);--cb-accent: var(--cb-teal-500);--cb-link: var(--cb-teal-700);--cb-focus: var(--cb-teal-500);--cb-success: #3D8A6B;--cb-warning: #C78A1F;--cb-danger: #B4473A;--cb-info: var(--cb-teal-700);--cb-shadow-card: 0 1px 2px rgba(0, 52, 61, .06), 0 4px 14px rgba(0, 52, 61, .06);--cb-shadow-soft: 0 1px 2px rgba(0, 52, 61, .05);--cb-shadow-raised: 0 8px 28px rgba(0, 52, 61, .12);--cb-focus-ring: 0 0 0 3px rgba(60, 160, 163, .35);--cb-radius-xs: 6px;--cb-radius-sm: 10px;--cb-radius-md: 14px;--cb-radius-lg: 20px;--cb-radius-xl: 28px;--cb-radius-pill: 999px;--cb-space-1: 4px;--cb-space-2: 8px;--cb-space-3: 12px;--cb-space-4: 16px;--cb-space-5: 20px;--cb-space-6: 24px;--cb-space-8: 32px;--cb-space-10: 40px;--cb-space-12: 48px;--cb-space-16: 64px;--cb-space-20: 80px;--cb-space-24: 96px;--cb-font-display: "Poppins", "Segoe UI", system-ui, sans-serif;--cb-font-text: "Inter", "Segoe UI", system-ui, sans-serif;--cb-font-mono: ui-monospace, "JetBrains Mono", Menlo, Consolas, monospace;--cb-fs-display: 56px;--cb-fs-h1: 44px;--cb-fs-h2: 32px;--cb-fs-h3: 24px;--cb-fs-h4: 20px;--cb-fs-lead: 19px;--cb-fs-body: 17px;--cb-fs-small: 15px;--cb-fs-meta: 13px;--cb-lh-tight: 1.15;--cb-lh-snug: 1.3;--cb-lh-body: 1.6;--cb-lh-loose: 1.75;--cb-tracking-tight: -.01em;--cb-tracking-normal: 0;--cb-tracking-wide: .02em;--cb-tracking-caps: .12em;--cb-ease: cubic-bezier(.2, .7, .2, 1);--cb-dur-fast: .12s;--cb-dur: .2s;--cb-dur-slow: .32s}html{color-scheme:light}body{font-family:var(--cb-font-text);font-size:var(--cb-fs-body);line-height:var(--cb-lh-body);color:var(--cb-fg);background:var(--cb-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5{font-family:var(--cb-font-display);color:var(--cb-primary-ink);font-weight:500;letter-spacing:var(--cb-tracking-tight);line-height:var(--cb-lh-tight);text-wrap:balance;margin:0 0 var(--cb-space-4)}h1{font-size:var(--cb-fs-h1)}h2{font-size:var(--cb-fs-h2);line-height:var(--cb-lh-snug)}h3{font-size:var(--cb-fs-h3);line-height:var(--cb-lh-snug)}h4{font-size:var(--cb-fs-h4);line-height:var(--cb-lh-snug);font-weight:600}.cb-display{font-family:var(--cb-font-display);font-size:var(--cb-fs-display);font-weight:500;line-height:1.1;letter-spacing:-.015em;color:var(--cb-primary-ink)}.cb-eyebrow{font-family:var(--cb-font-text);font-size:var(--cb-fs-meta);font-weight:600;letter-spacing:var(--cb-tracking-caps);text-transform:uppercase;color:var(--cb-primary)}.cb-lead{font-size:var(--cb-fs-lead);line-height:var(--cb-lh-body);color:var(--cb-fg-soft);text-wrap:pretty}p{margin:0 0 var(--cb-space-4);text-wrap:pretty}small,.cb-small{font-size:var(--cb-fs-small);color:var(--cb-fg-soft)}.cb-meta{font-size:var(--cb-fs-meta);color:var(--cb-fg-muted)}a{color:var(--cb-link);text-decoration-color:#026b7a59;text-underline-offset:3px;text-decoration-thickness:1.5px;transition:color var(--cb-dur) var(--cb-ease),text-decoration-color var(--cb-dur) var(--cb-ease)}a:hover{color:var(--cb-teal-950);text-decoration-color:currentColor}a:focus-visible{outline:none;box-shadow:var(--cb-focus-ring);border-radius:4px}code,kbd,samp{font-family:var(--cb-font-mono);font-size:.92em;background:var(--cb-sky-100);padding:.12em .36em;border-radius:var(--cb-radius-xs);color:var(--cb-teal-950)}hr{border:none;border-top:1px solid var(--cb-line);margin:var(--cb-space-8) 0}::selection{background:var(--cb-teal-300);color:var(--cb-teal-950)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--cb-page-alt)}img{max-width:100%;display:block}button{font:inherit;cursor:pointer}ul{margin:0;padding:0;list-style:none}.app{min-height:100vh;display:grid;grid-template-columns:296px 1fr;grid-template-rows:72px 1fr;grid-template-areas:"brand topbar" "side  main"}.app--mobile{display:block;min-height:0}.brandbar{grid-area:brand;display:flex;align-items:center;gap:var(--cb-space-3);padding:0 var(--cb-space-6);background:var(--cb-surface);border-right:1px solid var(--cb-line);border-bottom:1px solid var(--cb-line)}.brandbar img{height:34px;width:auto}.topbar{grid-area:topbar;display:flex;align-items:center;justify-content:space-between;gap:var(--cb-space-6);padding:0 var(--cb-space-8);background:var(--cb-surface);border-bottom:1px solid var(--cb-line)}.topbar__course{display:flex;flex-direction:column;gap:2px;min-width:0}.topbar__crumb{font-size:var(--cb-fs-meta);font-weight:600;letter-spacing:var(--cb-tracking-caps);text-transform:uppercase;color:var(--cb-fg-muted)}.topbar__title{font-family:var(--cb-font-display);font-size:var(--cb-fs-h4);font-weight:600;color:var(--cb-primary-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar__right{display:flex;align-items:center;gap:var(--cb-space-6);flex-shrink:0}.topbar__ham{display:none}.meter{display:flex;align-items:center;gap:var(--cb-space-3)}.meter__label{font-size:var(--cb-fs-small);color:var(--cb-fg-soft);white-space:nowrap}.meter__label strong{color:var(--cb-primary-ink);font-weight:600}.meter__track{width:132px;height:8px;border-radius:var(--cb-radius-pill);background:var(--cb-teal-100);overflow:hidden}.meter__fill{height:100%;border-radius:inherit;background:var(--cb-teal-700)}.iconbtn{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--cb-line);background:var(--cb-surface);border-radius:var(--cb-radius-sm);color:var(--cb-primary-ink);transition:background var(--cb-dur) var(--cb-ease)}.iconbtn:hover{background:var(--cb-teal-100)}.iconbtn :where(svg){width:20px;height:20px}.sidebar{grid-area:side;background:var(--cb-surface);border-right:1px solid var(--cb-line);padding:var(--cb-space-6) var(--cb-space-5) var(--cb-space-10);overflow-y:auto}.sidebar__heading{font-size:var(--cb-fs-meta);font-weight:600;letter-spacing:var(--cb-tracking-caps);text-transform:uppercase;color:var(--cb-fg-muted);padding:0 var(--cb-space-3);margin-bottom:var(--cb-space-3)}.lessonlist{display:flex;flex-direction:column;gap:2px}.lessonlink{display:flex;align-items:center;gap:var(--cb-space-3);padding:var(--cb-space-3) var(--cb-space-3);border-radius:var(--cb-radius-sm);color:var(--cb-fg-soft);text-decoration:none;font-size:var(--cb-fs-small);line-height:1.35;min-height:44px;transition:background var(--cb-dur) var(--cb-ease),color var(--cb-dur) var(--cb-ease)}.lessonlink:hover{background:var(--cb-sky-100);color:var(--cb-primary-ink)}.lessonlink__icon{width:24px;height:24px;flex-shrink:0;display:grid;place-items:center;border-radius:var(--cb-radius-pill)}.lessonlink__icon svg{width:15px;height:15px}.lessonlink--done .lessonlink__icon{background:var(--cb-teal-700);color:#fff}.lessonlink--todo .lessonlink__icon{border:1.5px solid var(--cb-line);color:var(--cb-fg-muted)}.lessonlink--current{background:var(--cb-teal-100);color:var(--cb-primary-ink);font-weight:600}.lessonlink--current .lessonlink__icon{border:1.5px solid var(--cb-teal-700);color:var(--cb-teal-700)}.lessonlink__count{margin-left:auto;font-size:var(--cb-fs-meta);color:var(--cb-fg-muted)}.module-group{margin-bottom:var(--cb-space-6)}.module-group__name{display:flex;align-items:baseline;gap:var(--cb-space-2);padding:0 var(--cb-space-3);margin-bottom:var(--cb-space-2)}.module-group__name b{font-family:var(--cb-font-display);font-size:var(--cb-fs-small);color:var(--cb-primary-ink);font-weight:600}.module-group__name span{font-size:var(--cb-fs-meta);color:var(--cb-fg-muted)}@media (max-width: 499px){.app{grid-template-columns:1fr;grid-template-rows:72px 1fr;grid-template-areas:"topbar" "main"}.brandbar{display:none}.topbar__ham{display:grid}.sidebar{position:fixed;left:0;top:72px;width:100%;max-width:280px;height:calc(100vh - 72px);background:var(--cb-surface);border-right:1px solid var(--cb-line);border-bottom:none;padding:var(--cb-space-6) var(--cb-space-5) var(--cb-space-10);overflow-y:auto;z-index:9;transform:translate(-100%);transition:transform var(--cb-dur) var(--cb-ease)}.sidebar.is-open{transform:translate(0)}.sidebar.is-open:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:-1}}@media (max-width: 499px){.sidebar--builder{top:60px;height:calc(100vh - 60px)}}.builder-mobile-bar{display:none}@media (max-width: 499px){.builder-mobile-bar{display:flex;align-items:center;gap:var(--cb-space-3);padding:0 var(--cb-space-5);height:48px;background:var(--cb-surface);border-bottom:1px solid var(--cb-line);position:sticky;top:0;z-index:5;flex-shrink:0}.builder-mobile-bar__title{font-size:var(--cb-fs-small);font-weight:600;color:var(--cb-primary-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.main{grid-area:main;overflow-y:auto}.lesson{max-width:760px;margin:0 auto;padding:var(--cb-space-12) var(--cb-space-8) var(--cb-space-24)}.lesson__eyebrow{font-size:var(--cb-fs-meta);font-weight:600;letter-spacing:var(--cb-tracking-caps);text-transform:uppercase;color:var(--cb-primary);margin-bottom:var(--cb-space-3)}.lesson__title{font-size:var(--cb-fs-h1);margin-bottom:var(--cb-space-4)}.lesson__lead{font-size:var(--cb-fs-lead);color:var(--cb-fg-soft);line-height:var(--cb-lh-body);margin-bottom:var(--cb-space-6)}.metarow{display:flex;flex-wrap:wrap;gap:var(--cb-space-3);margin-bottom:var(--cb-space-10)}.chip{display:inline-flex;align-items:center;gap:var(--cb-space-2);padding:var(--cb-space-2) var(--cb-space-4);background:var(--cb-surface);border:1px solid var(--cb-line);border-radius:var(--cb-radius-pill);font-size:var(--cb-fs-small);color:var(--cb-fg-soft);font-weight:500}.chip svg{width:16px;height:16px;color:var(--cb-primary)}.lesson section{margin-top:var(--cb-space-12)}.lesson h2{font-size:var(--cb-fs-h2);margin-bottom:var(--cb-space-4)}.lesson h3{font-size:var(--cb-fs-h3);margin-bottom:var(--cb-space-3)}.lesson p{color:var(--cb-fg);line-height:var(--cb-lh-body)}.lesson p+p{margin-top:var(--cb-space-4)}.lesson ul,.lesson ol{margin:0 0 var(--cb-space-4);padding-left:var(--cb-space-6)}.lesson ul{list-style:disc}.lesson ol{list-style:decimal}.lesson ul ::marker{color:var(--cb-teal-700)}.lesson ol ::marker{color:var(--cb-teal-700);font-weight:600}.lesson li{color:var(--cb-fg);line-height:var(--cb-lh-body);margin-bottom:var(--cb-space-2)}.lesson li:last-child{margin-bottom:0}.lesson li p{margin-bottom:0}.section-label{display:inline-flex;align-items:center;gap:var(--cb-space-2);font-size:var(--cb-fs-meta);font-weight:600;letter-spacing:var(--cb-tracking-caps);text-transform:uppercase;color:var(--cb-primary);margin-bottom:var(--cb-space-3)}.section-label svg{width:16px;height:16px}.media{position:relative;aspect-ratio:16 / 9;background:var(--cb-teal-950);border-radius:var(--cb-radius-lg);overflow:hidden;display:grid;place-items:center;box-shadow:var(--cb-shadow-card)}.media__arch{position:absolute;left:50%;bottom:-38%;transform:translate(-50%);width:150%;aspect-ratio:1;border-radius:50%;border:56px solid var(--cb-teal-800);opacity:.5}.media__play{position:relative;z-index:1;width:84px;height:84px;border-radius:var(--cb-radius-pill);border:2px solid rgba(255,255,255,.9);background:#ffffff14;display:grid;place-items:center;color:#fff;transition:transform var(--cb-dur) var(--cb-ease),background var(--cb-dur) var(--cb-ease)}.media__play:hover{background:#ffffff2e}.media__play svg{width:30px;height:30px;margin-left:4px}.media__dur{position:absolute;z-index:1;right:var(--cb-space-4);bottom:var(--cb-space-4);background:#00343dc7;color:#fff;font-size:var(--cb-fs-meta);font-weight:600;font-variant-numeric:tabular-nums;padding:4px 10px;border-radius:var(--cb-radius-pill)}.media__cc{position:absolute;z-index:1;left:var(--cb-space-4);bottom:var(--cb-space-4);display:flex;gap:var(--cb-space-2)}.media__cc span{background:#ffffff24;color:#fff;border:1px solid rgba(255,255,255,.3);font-size:var(--cb-fs-meta);font-weight:600;padding:4px 9px;border-radius:var(--cb-radius-xs)}.media-caption{font-size:var(--cb-fs-small);color:var(--cb-fg-muted);margin-top:var(--cb-space-3)}.objectives{background:var(--cb-surface);border:1px solid var(--cb-line);border-radius:var(--cb-radius-md);box-shadow:var(--cb-shadow-card);padding:var(--cb-space-6) var(--cb-space-8)}.objectives h3{margin-bottom:var(--cb-space-4)}.objectives ul{display:flex;flex-direction:column;gap:var(--cb-space-3)}.objectives li{display:flex;gap:var(--cb-space-3);align-items:flex-start;color:var(--cb-fg);line-height:var(--cb-lh-snug)}.objectives li svg{width:20px;height:20px;color:var(--cb-teal-700);flex-shrink:0;margin-top:2px}.compare{display:grid;grid-template-columns:1fr 1fr;gap:var(--cb-space-5)}.concept{border-radius:var(--cb-radius-md);padding:var(--cb-space-6);display:flex;flex-direction:column;gap:var(--cb-space-3)}.concept__icon{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--cb-radius-sm)}.concept__icon svg{width:22px;height:22px}.concept h4{margin:0;font-size:var(--cb-fs-h4)}.concept p{margin:0;font-size:var(--cb-fs-small);line-height:var(--cb-lh-body)}.concept--fill{background:var(--cb-teal-700);color:#fff}.concept--fill h4{color:#fff}.concept--fill p{color:#ffffffeb}.concept--fill .concept__icon{background:#ffffff24;color:#fff;border:1.5px solid rgba(255,255,255,.5)}.concept--outline{background:var(--cb-surface);border:1px solid var(--cb-line);box-shadow:var(--cb-shadow-card)}.concept--outline .concept__icon{background:var(--cb-teal-100);color:var(--cb-teal-700)}.conditions{display:grid;grid-template-columns:1fr 1fr;gap:var(--cb-space-4)}.condition{background:var(--cb-surface);border:1px solid var(--cb-line);border-radius:var(--cb-radius-md);box-shadow:var(--cb-shadow-card);padding:var(--cb-space-5);display:flex;gap:var(--cb-space-4);align-items:flex-start}.condition__icon{width:44px;height:44px;flex-shrink:0;border-radius:var(--cb-radius-sm);background:var(--cb-teal-100);color:var(--cb-teal-700);display:grid;place-items:center}.condition__icon svg{width:22px;height:22px}.condition h4{margin:0 0 var(--cb-space-1);font-size:var(--cb-fs-h4)}.condition .acr{font-size:var(--cb-fs-meta);color:var(--cb-fg-muted);font-weight:500}.condition p{margin:var(--cb-space-2) 0 0;font-size:var(--cb-fs-small);color:var(--cb-fg-soft);line-height:var(--cb-lh-snug)}.callout{background:var(--cb-sky-100);border:1px solid var(--cb-teal-100);border-radius:var(--cb-radius-md);padding:var(--cb-space-6) var(--cb-space-8);display:flex;gap:var(--cb-space-4);align-items:flex-start}.callout__icon{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;color:var(--cb-teal-700);font-size:1.4rem;line-height:1}.callout__icon svg{width:22px;height:22px}.callout h4{margin:0 0 var(--cb-space-2);font-family:var(--cb-font-display);font-size:var(--cb-fs-h4);font-weight:600;color:var(--cb-teal-950);line-height:var(--cb-lh-snug);letter-spacing:var(--cb-tracking-tight)}.callout p{margin:0;color:var(--cb-fg-soft);font-size:var(--cb-fs-small);line-height:var(--cb-lh-body)}.ef-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--cb-space-8);align-items:start}.domainlist{display:flex;flex-direction:column;gap:var(--cb-space-3)}.domain{display:flex;align-items:center;gap:var(--cb-space-3);background:var(--cb-surface);border:1px solid var(--cb-line);border-radius:var(--cb-radius-sm);padding:var(--cb-space-3) var(--cb-space-4);font-size:var(--cb-fs-small);color:var(--cb-fg)}.domain svg{width:18px;height:18px;color:var(--cb-teal-700);flex-shrink:0}.facts{display:flex;flex-direction:column;gap:var(--cb-space-3);margin-top:var(--cb-space-4)}.fact{display:flex;gap:var(--cb-space-3);align-items:flex-start}.fact svg{width:20px;height:20px;color:var(--cb-teal-700);flex-shrink:0;margin-top:3px}.fact p{margin:0}.lessonnav{display:flex;align-items:center;justify-content:space-between;gap:var(--cb-space-4);margin-top:var(--cb-space-16);padding-top:var(--cb-space-8);border-top:1px solid var(--cb-line)}.btn{display:inline-flex;align-items:center;gap:var(--cb-space-2);border-radius:var(--cb-radius-pill);font-weight:600;font-size:var(--cb-fs-body);padding:14px 28px;border:1.5px solid transparent;min-height:48px;transition:background var(--cb-dur) var(--cb-ease),transform var(--cb-dur-fast) var(--cb-ease)}.btn svg{width:18px;height:18px}.btn--primary{background:var(--cb-teal-950);color:#fff}.btn--primary:hover{background:var(--cb-teal-800);transform:translateY(1px)}.btn--ghost{background:transparent;color:var(--cb-primary-ink);border-color:var(--cb-line)}.btn--ghost:hover{background:var(--cb-teal-100)}.btn:focus-visible{outline:none;box-shadow:var(--cb-focus-ring)}.quiz{max-width:720px;margin:0 auto;padding:var(--cb-space-12) var(--cb-space-8) var(--cb-space-24)}.quiz__head{margin-bottom:var(--cb-space-8)}.quiz__progress{display:flex;align-items:center;gap:var(--cb-space-4);margin-top:var(--cb-space-4)}.quiz__progress .meter__track{width:100%;height:10px}.quiz__count{font-size:var(--cb-fs-small);font-weight:600;color:var(--cb-primary-ink);white-space:nowrap;font-variant-numeric:tabular-nums}.qcard{background:var(--cb-surface);border:1px solid var(--cb-line);border-radius:var(--cb-radius-lg);box-shadow:var(--cb-shadow-card);padding:var(--cb-space-8)}.qcard__top{display:flex;align-items:center;justify-content:space-between;gap:var(--cb-space-4);margin-bottom:var(--cb-space-2)}.qtag{display:inline-flex;align-items:center;gap:var(--cb-space-2);font-size:var(--cb-fs-meta);font-weight:600;letter-spacing:var(--cb-tracking-wide);text-transform:uppercase;color:var(--cb-primary)}.qtag svg{width:16px;height:16px}.qattempt{font-size:var(--cb-fs-meta);color:var(--cb-fg-muted);font-weight:500}.qcard__q{font-family:var(--cb-font-display);font-size:var(--cb-fs-h3);font-weight:600;color:var(--cb-primary-ink);line-height:var(--cb-lh-snug);letter-spacing:var(--cb-tracking-tight);margin:0 0 var(--cb-space-3)}.qcard__hint{font-size:var(--cb-fs-small);color:var(--cb-fg-muted);margin:0 0 var(--cb-space-6)}.options{display:flex;flex-direction:column;gap:var(--cb-space-3)}.option{display:flex;align-items:flex-start;gap:var(--cb-space-4);padding:var(--cb-space-4) var(--cb-space-5);min-height:56px;border:1.5px solid var(--cb-line);border-radius:var(--cb-radius-md);background:var(--cb-surface);color:var(--cb-fg);font-size:var(--cb-fs-body);text-align:left;transition:border-color var(--cb-dur) var(--cb-ease),background var(--cb-dur) var(--cb-ease)}.option:hover{border-color:var(--cb-teal-500);background:var(--cb-sky-100)}.option__box{width:24px;height:24px;flex-shrink:0;border-radius:var(--cb-radius-xs);border:2px solid var(--cb-muted);background:#fff;margin-top:1px;display:grid;place-items:center;color:transparent}.option__box svg{width:16px;height:16px}.option__text{line-height:var(--cb-lh-snug)}.option__text small{display:block;color:var(--cb-fg-muted);font-size:var(--cb-fs-small);margin-top:2px}.option--selected{border-color:var(--cb-teal-700);background:var(--cb-teal-100);font-weight:500}.option--selected .option__box{border-color:var(--cb-teal-700);background:var(--cb-teal-700);color:#fff}.option--correct{border-color:var(--cb-success);background:#3d8a6b1a}.option--correct .option__box{border-color:var(--cb-success);background:var(--cb-success);color:#fff}.option--missed{border-color:var(--cb-success);border-style:dashed}.option--wrong{border-color:var(--cb-danger);background:#b4473a14}.option--wrong .option__box{border-color:var(--cb-danger);background:var(--cb-danger);color:#fff}.option__flag{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:var(--cb-fs-meta);font-weight:700;letter-spacing:var(--cb-tracking-wide);text-transform:uppercase;flex-shrink:0}.option__flag svg{width:15px;height:15px}.option--correct .option__flag,.option--missed .option__flag{color:var(--cb-success)}.option--wrong .option__flag{color:var(--cb-danger)}.feedback{margin-top:var(--cb-space-6);padding:var(--cb-space-5) var(--cb-space-6);border-radius:var(--cb-radius-md);display:flex;gap:var(--cb-space-4);align-items:flex-start}.feedback svg{width:22px;height:22px;flex-shrink:0;margin-top:1px}.feedback h4{margin:0 0 4px;font-size:var(--cb-fs-body)}.feedback p{margin:0;font-size:var(--cb-fs-small);line-height:var(--cb-lh-body)}.feedback--ok{background:#3d8a6b1a;border:1px solid rgba(61,138,107,.4)}.feedback--ok svg,.feedback--ok h4{color:var(--cb-success)}.feedback--ok p{color:var(--cb-fg-soft)}.feedback--wrong{background:#b4473a14;border:1px solid rgba(180,71,58,.35)}.feedback--wrong svg,.feedback--wrong h4{color:var(--cb-danger)}.feedback--wrong p{color:var(--cb-fg-soft)}.feedback--partial{background:#e67e2214;border:1px solid rgba(230,126,34,.35)}.feedback--partial svg,.feedback--partial h4{color:var(--cb-warning, #e67e22)}.feedback--partial p{color:var(--cb-fg-soft)}.quiz__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--cb-space-4);margin-top:var(--cb-space-8)}.quiz__dots{display:flex;gap:var(--cb-space-2)}.qdot{width:10px;height:10px;border-radius:var(--cb-radius-pill);background:var(--cb-line)}.qdot--done{background:var(--cb-teal-700)}.qdot--current{background:var(--cb-teal-700);box-shadow:0 0 0 3px var(--cb-teal-100)}.m-topbar{position:sticky;top:0;z-index:5;background:var(--cb-surface);border-bottom:1px solid var(--cb-line);padding:var(--cb-space-3) var(--cb-space-4);display:flex;flex-direction:column;gap:var(--cb-space-3)}.m-topbar__row{display:flex;align-items:center;justify-content:space-between;gap:var(--cb-space-3)}.m-topbar__row img{height:26px;width:auto}.m-topbar__crumb{font-size:var(--cb-fs-meta);font-weight:600;color:var(--cb-fg-muted);text-transform:uppercase;letter-spacing:var(--cb-tracking-wide)}.m-progress{display:flex;align-items:center;gap:var(--cb-space-3)}.m-progress .meter__track{flex:1;height:8px}.m-progress span{font-size:var(--cb-fs-meta);font-weight:600;color:var(--cb-primary-ink);white-space:nowrap}.m-lesson{padding:var(--cb-space-6) var(--cb-space-5) var(--cb-space-16)}.m-lesson .lesson__title{font-size:var(--cb-fs-h2)}.m-lesson .compare,.m-lesson .conditions,.m-lesson .ef-grid{grid-template-columns:1fr}.m-lesson section{margin-top:var(--cb-space-10)}.m-bottomnav{position:sticky;bottom:0;background:var(--cb-surface);border-top:1px solid var(--cb-line);padding:var(--cb-space-3) var(--cb-space-4);display:flex;gap:var(--cb-space-3);align-items:center}.m-bottomnav .btn{flex:1;justify-content:center;padding:13px 16px}.m-bottomnav .btn--ghost{flex:0 0 auto;width:48px;padding:0}.site{min-height:100vh;background:var(--cb-page-alt)}.sitebar{position:sticky;top:0;z-index:10;height:72px;background:var(--cb-surface);border-bottom:1px solid var(--cb-line);display:flex;align-items:center;justify-content:space-between;gap:var(--cb-space-6);padding:0 var(--cb-space-8)}.sitebar__brand{display:flex;align-items:center;gap:var(--cb-space-5);min-width:0}.sitebar__brand img{height:32px;width:auto}.sitebar__divider{width:1px;height:30px;background:var(--cb-line);flex-shrink:0}.sitebar__course{display:flex;flex-direction:column;gap:1px;min-width:0}.sitebar__crumb{font-size:var(--cb-fs-meta);font-weight:600;letter-spacing:var(--cb-tracking-caps);text-transform:uppercase;color:var(--cb-fg-muted)}.sitebar__title{font-family:var(--cb-font-display);font-size:var(--cb-fs-body);font-weight:600;color:var(--cb-primary-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sitebar__right{display:flex;align-items:center;gap:var(--cb-space-6);flex-shrink:0}.column{max-width:800px;margin:0 auto;padding:var(--cb-space-12) var(--cb-space-6) var(--cb-space-24)}.block{position:relative}.block+.block{margin-top:var(--cb-space-10)}.block__tag{display:inline-flex;align-items:center;gap:6px;font-size:var(--cb-fs-meta);font-weight:600;letter-spacing:var(--cb-tracking-wide);color:var(--cb-teal-700);background:var(--cb-teal-100);padding:4px 11px;border-radius:var(--cb-radius-pill);margin-bottom:var(--cb-space-4)}.block__tag svg{width:14px;height:14px}.titleblock{padding-bottom:var(--cb-space-2)}.titleblock .lesson__eyebrow{margin-bottom:var(--cb-space-3)}.titleblock h1{font-size:var(--cb-fs-h1);margin-bottom:var(--cb-space-4)}.lib{max-width:1080px;margin:0 auto;padding:var(--cb-space-12) var(--cb-space-8) var(--cb-space-24)}.lib__head{margin-bottom:var(--cb-space-10)}.lib__head h1{font-size:var(--cb-fs-h1);margin-bottom:var(--cb-space-3)}.lib__head p{font-size:var(--cb-fs-lead);color:var(--cb-fg-soft);max-width:64ch}.lib__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--cb-space-8) var(--cb-space-8)}.libcard{display:flex;flex-direction:column}.libcard--wide{grid-column:1 / -1}.libcard__label{display:flex;align-items:center;gap:var(--cb-space-2);font-size:var(--cb-fs-meta);font-weight:700;letter-spacing:var(--cb-tracking-caps);text-transform:uppercase;color:var(--cb-fg-muted);margin-bottom:var(--cb-space-3)}.libcard__label svg{width:15px;height:15px;color:var(--cb-teal-700)}.libcard__frame{background:var(--cb-surface);border:1px solid var(--cb-line);border-radius:var(--cb-radius-lg);box-shadow:var(--cb-shadow-card);padding:var(--cb-space-6);flex:1}.quote{border-left:3px solid var(--cb-teal-500);padding:var(--cb-space-1) 0 var(--cb-space-1) var(--cb-space-6)}.quote p{font-family:var(--cb-font-display);font-size:var(--cb-fs-h4);font-weight:500;color:var(--cb-teal-950);line-height:var(--cb-lh-snug);margin:0 0 var(--cb-space-3)}.quote cite{font-style:normal;font-size:var(--cb-fs-small);color:var(--cb-fg-muted)}.accordion{display:flex;flex-direction:column;gap:var(--cb-space-2)}.acc-row{border:1px solid var(--cb-line);border-radius:var(--cb-radius-sm)}.acc-row__head{display:flex;align-items:center;justify-content:space-between;gap:var(--cb-space-3);padding:var(--cb-space-4) var(--cb-space-5);min-height:52px;font-weight:600;color:var(--cb-primary-ink);font-size:var(--cb-fs-body);cursor:pointer}.acc-row__head svg{width:18px;height:18px;color:var(--cb-teal-700);flex-shrink:0;transition:transform var(--cb-dur) var(--cb-ease),color var(--cb-dur) var(--cb-ease)}.acc-row__head:hover svg{transform:scale(1.1);color:var(--cb-teal-950)}.acc-row--open{background:var(--cb-sky-100)}.acc-row__body{padding:0 var(--cb-space-5) var(--cb-space-5);font-size:var(--cb-fs-small);color:var(--cb-fg-soft);line-height:var(--cb-lh-body)}.flipcards{display:grid;grid-template-columns:1fr 1fr;gap:var(--cb-space-4)}.flipcard{position:relative;aspect-ratio:4/3;border-radius:var(--cb-radius-md);background:var(--cb-teal-700);color:#fff;padding:var(--cb-space-5);display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(255,255,255,.15)}.flipcard--back{background:var(--cb-surface);border:1px solid var(--cb-line);color:var(--cb-fg);box-shadow:var(--cb-shadow-card)}.flipcard__hint{display:inline-flex;align-items:center;gap:6px;font-size:var(--cb-fs-meta);font-weight:600;opacity:.9}.flipcard--back .flipcard__hint{color:var(--cb-teal-700);opacity:1}.flipcard__hint svg{width:14px;height:14px}.flipcard h4{margin:0;color:#fff;font-family:var(--cb-font-display);font-size:var(--cb-fs-h4);font-weight:600}.flipcard p{margin:0;font-size:var(--cb-fs-small);line-height:var(--cb-lh-snug);color:#fff}.flipcard--back h4{color:var(--cb-primary-ink)}.flipcard--back p{color:var(--cb-fg-soft)}.lesson .qcard__q{font-family:var(--cb-font-display);font-size:var(--cb-fs-h3);font-weight:600;color:var(--cb-primary-ink);line-height:var(--cb-lh-snug);letter-spacing:var(--cb-tracking-tight);margin:0 0 var(--cb-space-3)}.lesson .qcard__hint{color:var(--cb-fg-muted);margin:0 0 var(--cb-space-6)}.recap{background:var(--cb-cream-100);border:1px solid var(--cb-cream-400);border-radius:var(--cb-radius-md);padding:var(--cb-space-6) var(--cb-space-8)}.recap h3{display:flex;align-items:center;gap:var(--cb-space-3);margin-bottom:var(--cb-space-4)}.recap h3 svg{width:22px;height:22px;color:var(--cb-teal-700)}.recap ul{display:flex;flex-direction:column;gap:var(--cb-space-3)}.recap li{display:flex;gap:var(--cb-space-3);align-items:flex-start;font-size:var(--cb-fs-small);color:var(--cb-fg);line-height:var(--cb-lh-snug)}.recap li svg{width:18px;height:18px;color:var(--cb-teal-700);flex-shrink:0;margin-top:2px}.resources{display:flex;flex-direction:column;gap:var(--cb-space-3)}.resource{display:flex;align-items:center;gap:var(--cb-space-4);text-decoration:none;padding:var(--cb-space-4);border:1px solid var(--cb-line);border-radius:var(--cb-radius-sm);background:var(--cb-surface);box-shadow:var(--cb-shadow-soft);transition:background var(--cb-dur) var(--cb-ease),border-color var(--cb-dur) var(--cb-ease),box-shadow var(--cb-dur) var(--cb-ease)}.resource:hover{background:var(--cb-sky-100);border-color:var(--cb-teal-300);box-shadow:var(--cb-shadow-raised)}.resource__icon{width:40px;height:40px;border-radius:var(--cb-radius-sm);background:var(--cb-teal-100);color:var(--cb-teal-700);display:grid;place-items:center;flex-shrink:0}.resource__icon svg{width:20px;height:20px}.resource__meta{min-width:0}.resource__meta b{display:block;font-size:var(--cb-fs-small);color:var(--cb-primary-ink);font-weight:600}.resource__meta span{font-size:var(--cb-fs-meta);color:var(--cb-fg-muted)}.resource__arrow{margin-left:auto;color:var(--cb-fg-muted)}.resource__arrow svg{width:18px;height:18px}.docpill{display:inline-flex;align-items:center;gap:var(--cb-space-3);text-decoration:none;padding:var(--cb-space-3) var(--cb-space-5);border:1px solid var(--cb-line);border-radius:var(--cb-radius-sm);background:var(--cb-surface);color:var(--cb-primary-ink);font-weight:600;font-size:var(--cb-fs-small)}.docpill svg{width:18px;height:18px;color:var(--cb-teal-700)}.divider-demo{display:flex;align-items:center;gap:var(--cb-space-4);color:var(--cb-fg-muted)}.divider-demo:before,.divider-demo:after{content:"";flex:1;height:1px;background:var(--cb-line)}.divider-demo svg{width:18px;height:18px}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--cb-fs-body);scroll-behavior:smooth}body{font-family:var(--cb-font-text);font-size:var(--cb-fs-body);line-height:var(--cb-lh-body);color:var(--cb-fg);background:var(--cb-page-alt);-webkit-font-smoothing:antialiased}:focus-visible{outline:3px solid var(--cb-yellow);outline-offset:2px}:focus:not(:focus-visible){outline:none}.skip-link{position:absolute;left:-9999px;top:auto;background:var(--cb-teal-950);color:#fff;padding:8px 16px;border-radius:var(--cb-radius-sm);font-size:14px;z-index:9999;text-decoration:none;font-weight:700}.skip-link:focus{left:8px;top:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}img{max-width:100%;height:auto}a{color:var(--cb-teal-700)}.app-layout{display:flex;flex-direction:column;min-height:100vh}.app-body{display:flex;flex:1}.app-main{flex:1;overflow:auto}