.landing{--landing-bg:#f0f7ff;--landing-surface:#fff;--landing-border:#b3d4ff;--landing-text:#253247;--landing-muted:#7689a3;--landing-accent:#007bfb;--landing-accent-soft:#e0efff;--landing-accent-hover:#0068d4;--landing-teal:#1cc7aa;--landing-teal-soft:#e0faf5;--landing-navy:#003380;--landing-navy-soft:#e4eaf4;--landing-shadow:0 1px 3px #25324714, 0 4px 12px #2532470a;--landing-font-display:"Instrument Serif", Georgia, serif;--landing-font-body:"Plus Jakarta Sans", system-ui, sans-serif;--landing-font-brand:"Inter", "Plus Jakarta Sans", system-ui, sans-serif;--landing-nav-height:3.5rem;background:var(--landing-bg);min-height:100vh;color:var(--landing-text);font-family:var(--landing-font-body);scroll-padding-top:calc(var(--landing-nav-height) + .75rem);position:relative;overflow-x:hidden}.landing-bg{pointer-events:none;z-index:0;position:fixed;inset:0}.landing-orb{filter:blur(80px);opacity:.35;border-radius:50%;position:absolute}.landing-orb-1{background:#1cc7aa;width:500px;height:500px;animation:18s ease-in-out infinite landing-float;top:-120px;right:-100px}.landing-orb-2{background:#007bfb;width:400px;height:400px;animation:22s ease-in-out infinite reverse landing-float;bottom:20%;left:-120px}.landing-orb-3{opacity:.35;background:#003380;width:300px;height:300px;animation:15s ease-in-out 2s infinite landing-float;top:40%;right:15%}.landing-grid{background-image:linear-gradient(#007bfb0f 1px,#0000 1px),linear-gradient(90deg,#007bfb0f 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 30%,#000,#0000);mask-image:radial-gradient(80% 60% at 50% 30%,#000,#0000)}@keyframes landing-float{0%,to{transform:translate(0)scale(1)}50%{transform:translate(30px,-20px)scale(1.05)}}.landing-nav{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--landing-border);background:#dceeffe0;position:fixed;top:0;left:0;right:0}.landing-nav-inner{max-width:1200px;min-height:var(--landing-nav-height);align-items:center;gap:.625rem .75rem;margin:0 auto;padding:.625rem 1rem;display:flex}.landing-logo{color:var(--landing-text);letter-spacing:-.02em;flex-shrink:1;align-items:center;gap:.6rem;min-width:0;font-size:1rem;font-weight:700;text-decoration:none;display:flex}.landing-logo-mark{font-size:1.4rem}.landing-nav-logo{flex-shrink:0;width:2.25rem;height:auto;display:block}.landing-nav-title{font-family:var(--landing-font-brand);letter-spacing:-.025em;color:var(--landing-text);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:800;overflow:hidden}.landing-brand-tagline{font-family:var(--landing-font-brand);letter-spacing:.16em;text-transform:uppercase;color:var(--landing-muted);font-weight:600;line-height:1.35}.landing-brand-tagline-lg{margin:0 0 .75rem;font-size:clamp(1.15rem,2.8vw,1.65rem)}.landing-brand-tagline-md{margin:0 0 .75rem;font-size:clamp(.95rem,2vw,1.15rem)}.landing-hero-brand{align-items:center;gap:1.25rem;margin-bottom:1.75rem;display:flex}.landing-hero-icon{filter:drop-shadow(0 8px 24px #2532471f);flex-shrink:0;width:clamp(4.5rem,12vw,6.5rem);height:auto}.landing-brand-title{font-family:var(--landing-font-brand);letter-spacing:-.025em;color:var(--landing-text);margin:0 0 .35rem;font-size:clamp(1.75rem,4.5vw,2.75rem);font-weight:800;line-height:1.1}.landing-hero-tagline{letter-spacing:.18em;margin:0;font-size:clamp(.75rem,1.6vw,.9rem)}.landing-nav-links{gap:2rem;margin-left:auto;display:none}.landing-nav-links a{color:var(--landing-muted);font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s}.landing-nav-links a:hover{color:var(--landing-accent)}.landing-nav-cta{background:var(--landing-surface);border:1px solid var(--landing-border);color:var(--landing-accent);cursor:pointer;white-space:nowrap;border-radius:999px;flex-shrink:0;margin-left:auto;padding:.5rem .9rem;font-size:.8rem;font-weight:600;transition:background .2s,border-color .2s,color .2s}.landing-nav-cta:hover{background:var(--landing-accent-soft);border-color:var(--landing-accent)}@media (width>=768px){.landing-nav-links{display:flex}.landing-nav-cta{margin-left:0}}@media (width<=480px){.landing-nav-title{display:none}}.landing-hero{z-index:1;max-width:900px;padding:calc(var(--landing-nav-height) + 2rem) 1.5rem 4rem;min-height:calc(100vh - var(--landing-nav-height));align-items:center;margin:0 auto;display:flex;position:relative}.landing-hero-content{width:100%}@media (width>=900px){.landing-hero{padding-top:calc(var(--landing-nav-height) + 2.5rem);padding-bottom:5rem}}.landing-section[id]{scroll-margin-top:calc(var(--landing-nav-height) + .75rem)}.landing-eyebrow{background:var(--landing-accent-soft);border:1px solid var(--landing-border);font-family:var(--landing-font-brand);letter-spacing:.14em;text-transform:uppercase;color:var(--landing-accent);border-radius:999px;margin:0 0 1.25rem;padding:.35rem .85rem;font-size:.7rem;font-weight:600;display:inline-block}.landing-eyebrow-dark{background:var(--landing-accent-soft);border-color:var(--landing-border);color:var(--landing-accent)}.landing-hero h1{font-family:var(--landing-font-display);letter-spacing:-.02em;color:var(--landing-text);margin:0 0 1.25rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:400;line-height:1.08}.landing-hero h1 em{background:linear-gradient(135deg,#007bfb,#003380);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:italic}.landing-hero-lead{color:var(--landing-muted);max-width:42rem;margin:0 0 2rem;font-size:clamp(1.125rem,2.2vw,1.35rem);line-height:1.65}.landing-hero-actions{flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;display:flex}.landing-hero-levels{background:var(--landing-surface);border:1px solid var(--landing-border);box-shadow:var(--landing-shadow);border-radius:16px;margin-bottom:2rem;padding:1.15rem 1.25rem}.landing-hero-levels-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.85rem;display:flex}.landing-hero-levels-title{color:var(--landing-text);font-size:.95rem;font-weight:700}.landing-hero-levels-badge{font-family:var(--landing-font-brand);letter-spacing:.12em;text-transform:uppercase;background:var(--landing-surface);color:var(--landing-muted);border:1px solid var(--landing-border);border-radius:999px;padding:.2rem .6rem;font-size:.65rem;font-weight:600}.landing-level-pills{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}@media (width<=520px){.landing-level-pills{grid-template-columns:1fr}}.landing-level-pill{text-align:center;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:.25rem;padding:.65rem .5rem;transition:transform .15s,border-color .15s;display:flex}.landing-level-pill-featured{border-color:var(--landing-accent);box-shadow:0 0 0 3px #007bfb1f}.landing-level-10.landing-level-pill{background:var(--landing-teal-soft)}.landing-level-15.landing-level-pill{background:var(--landing-accent-soft)}.landing-level-20.landing-level-pill{background:var(--landing-navy-soft)}.landing-level-pill-age{border-radius:999px;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:1rem;font-weight:800;line-height:1;display:flex}.landing-level-10 .landing-level-pill-age{color:#1cc7aa;background:#c2f5ea}.landing-level-15 .landing-level-pill-age{color:var(--landing-accent);background:#fff;box-shadow:0 1px 4px #007bfb26}.landing-level-20 .landing-level-pill-age{color:var(--landing-navy);background:#c8d8ef}.landing-level-pill-label{color:var(--landing-muted);font-size:.68rem;font-weight:600;line-height:1.3}.landing-hero-levels-note{color:var(--landing-muted);margin:.75rem 0 0;font-size:.78rem;line-height:1.45}.landing-hero-stat-featured strong{background:linear-gradient(135deg,#1cc7aa,#007bfb,#003380);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-btn-primary{background:var(--landing-accent);color:#fff;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-size:.95rem;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex;box-shadow:0 4px 14px #007bfb40}.landing-btn-primary:hover{background:var(--landing-accent-hover);transform:translateY(-2px);box-shadow:0 6px 20px #007bfb4d}.landing-btn-ghost{background:var(--landing-surface);border:1px solid var(--landing-border);color:var(--landing-text);cursor:pointer;border-radius:999px;padding:.85rem 1.5rem;font-size:.95rem;font-weight:600;transition:background .2s,border-color .2s}.landing-btn-ghost:hover{background:var(--landing-accent-soft);border-color:var(--landing-accent);color:var(--landing-accent)}.landing-btn-large{padding:1rem 2rem;font-size:1.05rem}.landing-hero-stats{border-top:1px solid var(--landing-border);flex-wrap:wrap;gap:2rem;padding-top:1.5rem;display:flex}.landing-hero-stats strong{letter-spacing:-.03em;color:var(--landing-accent);font-size:1.75rem;font-weight:700;display:block}.landing-hero-stats span{color:var(--landing-muted);font-size:.8rem}.landing-hero-visual{justify-content:center;align-items:center;display:flex}.hero-helix-wrap{width:100%;max-width:360px;position:relative}.hero-helix{width:100%;height:auto;animation:6s ease-in-out infinite hero-helix-float}.hero-strand-a{animation:4s ease-in-out infinite hero-strand-pulse}.hero-strand-b{animation:4s ease-in-out .5s infinite hero-strand-pulse}.hero-pair{animation:.8s ease-out backwards hero-pair-in}.hero-helix-glow{filter:blur(40px);z-index:-1;background:radial-gradient(circle,#007bfb1f,#0000 70%);position:absolute;inset:20%}@keyframes hero-helix-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes hero-strand-pulse{0%,to{opacity:.85}50%{opacity:1}}@keyframes hero-pair-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.landing-section{z-index:1;max-width:1200px;margin:0 auto;padding:5rem 1.5rem;position:relative}.landing-section-alt{background:var(--landing-surface);color:var(--landing-text);border-top:1px solid var(--landing-border);border-bottom:1px solid var(--landing-border);max-width:none;padding-left:max(1.5rem,50vw - 600px + 1.5rem);padding-right:max(1.5rem,50vw - 600px + 1.5rem)}.landing-section-head{max-width:560px;margin-bottom:3rem}.landing-section-head h2{font-family:var(--landing-font-display);letter-spacing:-.02em;color:var(--landing-text);margin:0 0 .75rem;font-size:clamp(2rem,4vw,2.75rem);font-weight:400;line-height:1.15}.landing-section-head p{color:var(--landing-muted);margin:0;font-size:1.05rem;line-height:1.6}.landing-section-head-center{text-align:center;margin-left:auto;margin-right:auto}.landing-section-head-center p{margin-left:auto;margin-right:auto}.landing-section-levels{border-top:1px solid var(--landing-border);border-bottom:1px solid var(--landing-border);background:linear-gradient(#f0f9ff 0%,#fff 40%,#f8fafc 100%)}.landing-topic-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.landing-topic-card{background:var(--landing-surface);border:1px solid var(--landing-border);text-align:left;cursor:pointer;box-shadow:var(--landing-shadow);border-radius:16px;flex-direction:column;align-items:flex-start;gap:.35rem;padding:1.5rem;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}a.landing-topic-card{color:inherit;font:inherit;text-decoration:none}.landing-topic-card:before{content:"";opacity:0;background:linear-gradient(135deg,#1cc7aa0a,#007bfb0a,#0033800a);transition:opacity .25s;position:absolute;inset:0}.landing-topic-card:hover{border-color:var(--landing-accent);transform:translateY(-4px);box-shadow:0 8px 24px #007bfb1f}.landing-topic-card:hover:before{opacity:1}.landing-topic-card>*{z-index:1;position:relative}.landing-topic-icon{color:var(--landing-accent);margin-bottom:.25rem;font-size:1.5rem}.landing-topic-group{text-transform:uppercase;letter-spacing:.08em;color:var(--landing-muted);font-size:.65rem;font-weight:700}.landing-topic-card strong{color:var(--landing-text);font-size:1.1rem;font-weight:700}.landing-topic-card span:not(.landing-topic-icon):not(.landing-topic-group):not(.landing-topic-arrow){color:var(--landing-muted);font-size:.875rem;line-height:1.5}.landing-topic-arrow{color:var(--landing-accent);opacity:0;font-size:1.1rem;transition:opacity .25s,transform .25s;position:absolute;top:1.5rem;right:1.5rem;transform:translate(-8px)}.landing-topic-card:hover .landing-topic-arrow{opacity:1;transform:translate(0)}.landing-steps{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;display:grid}.landing-step{padding:0}.landing-step-num{letter-spacing:.1em;color:var(--landing-accent);margin-bottom:.75rem;font-size:.75rem;font-weight:700;display:block}.landing-step h3{color:var(--landing-text);margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.landing-step p{color:var(--landing-muted);margin:0;font-size:.95rem;line-height:1.6}.landing-level-grid{grid-template-columns:1fr;gap:1.25rem;margin-bottom:2.5rem;display:grid}@media (width>=768px){.landing-level-grid{grid-template-columns:repeat(3,1fr)}}.landing-level-card{border:2px solid var(--landing-border);background:var(--landing-surface);box-shadow:var(--landing-shadow);border-radius:16px;flex-direction:column;padding:1.35rem 1.35rem 1.25rem;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.landing-level-card:hover{border-color:var(--landing-accent);transform:translateY(-4px);box-shadow:0 8px 24px #0f172a14}.landing-level-card-top{align-items:flex-start;gap:.85rem;margin-bottom:1rem;display:flex}.landing-level-age{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.25rem;font-weight:800;line-height:1;display:inline-flex}.landing-level-10 .landing-level-age{color:var(--landing-teal);background:#c2f5ea}.landing-level-15 .landing-level-age{background:var(--landing-accent-soft);color:var(--landing-accent)}.landing-level-20 .landing-level-age{color:var(--landing-navy);background:#c8d8ef}.landing-level-card strong{color:var(--landing-text);margin-bottom:.2rem;font-size:1.05rem;display:block}.landing-level-tagline{color:var(--landing-muted);font-size:.8rem;font-weight:500;line-height:1.35;display:block}.landing-level-example{border-left:3px solid var(--landing-border);background:#f8fafc;border-radius:10px;margin:0 0 1rem;padding:.85rem 1rem}.landing-level-10 .landing-level-example{border-left-color:var(--landing-teal);background:var(--landing-teal-soft)}.landing-level-15 .landing-level-example{border-left-color:var(--landing-accent);background:var(--landing-accent-soft)}.landing-level-20 .landing-level-example{border-left-color:var(--landing-navy);background:var(--landing-navy-soft)}.landing-level-example-label{letter-spacing:.05em;text-transform:uppercase;color:var(--landing-muted);margin-bottom:.35rem;font-size:.65rem;font-weight:700;display:block}.landing-level-example p{color:var(--landing-text);margin:0;font-size:.8125rem;font-style:italic;line-height:1.55}.landing-level-includes{flex-direction:column;gap:.35rem;margin:auto 0 0;padding:0;list-style:none;display:flex}.landing-level-includes li{color:var(--landing-muted);padding-left:1.1rem;font-size:.78rem;line-height:1.4;position:relative}.landing-level-includes li:before{content:"✓";color:var(--landing-accent);font-size:.7rem;font-weight:700;position:absolute;left:0}.landing-level-compare{background:var(--landing-surface);border:1px solid var(--landing-border);max-width:640px;box-shadow:var(--landing-shadow);text-align:center;border-radius:16px;margin:0 auto;padding:1.25rem 1.5rem}.landing-level-compare-label{font-family:var(--landing-font-brand);letter-spacing:.14em;text-transform:uppercase;color:var(--landing-muted);margin:0 0 .75rem;font-size:.65rem;font-weight:600}.landing-level-compare-bar{background:var(--landing-accent-soft);border:1px solid var(--landing-border);border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1rem;padding:.75rem 1rem;display:flex}.landing-level-compare-title{color:var(--landing-text);font-size:.85rem;font-weight:700}.landing-level-compare-pills{border:1px solid var(--landing-border);background:#fff;border-radius:999px;gap:.25rem;padding:.2rem;display:flex}.landing-level-compare-pill{min-width:2.25rem;color:var(--landing-muted);border-radius:999px;padding:.4rem .65rem;font-size:.8rem;font-weight:600}.landing-level-compare-pill.active{background:var(--landing-accent);color:#fff}.landing-level-compare-note{color:var(--landing-muted);margin:.85rem 0 0;font-size:.8125rem;line-height:1.5}.landing-cta{z-index:1;padding:5rem 1.5rem;position:relative}.landing-cta-inner{text-align:center;background:var(--landing-accent-soft);border:1px solid var(--landing-border);max-width:640px;box-shadow:var(--landing-shadow);border-radius:24px;margin:0 auto;padding:4rem 2rem}.landing-cta-inner h2{font-family:var(--landing-font-brand);letter-spacing:.16em;text-transform:uppercase;color:var(--landing-muted);margin:0 0 .75rem;font-size:clamp(1.15rem,2.8vw,1.65rem);font-weight:600;line-height:1.35}.landing-cta-inner p{color:var(--landing-muted);margin:0 0 2rem;font-size:1.05rem}.landing-footer{z-index:1;text-align:center;border-top:1px solid var(--landing-border);background:var(--landing-surface);padding:2rem 1.5rem 3rem;position:relative}.landing-footer p{color:var(--landing-muted);margin:0;font-size:.8rem}.landing-footer .site-footer-contact{margin-top:.75rem}.landing{--landing-bg:var(--tlg-page,#f5f2ec);--landing-surface:#fff;--landing-border:var(--tlg-border,#e5e2d8);--landing-text:var(--tlg-text,#1f1f1c);--landing-muted:var(--tlg-muted,#6b6a62);--landing-accent:var(--tlg-blue,#378add);--landing-accent-soft:#ebf4ff;--landing-accent-hover:#2a6fc4;--landing-teal:var(--tlg-teal,#1d9e75);--landing-teal-soft:#e1f5ee;--landing-navy:var(--tlg-purple,#7f77dd);--landing-navy-soft:#f0effe;--landing-shadow:0 4px 20px #0000000f;--landing-font-display:var(--tlg-font-display,"Bricolage Grotesque", sans-serif);--landing-font-body:var(--tlg-font-body,"Hanken Grotesk", sans-serif);--landing-font-brand:var(--tlg-font-display,"Bricolage Grotesque", sans-serif)}.landing-bg{display:none}.landing-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f5f2eceb;border-bottom:1px solid #e5e2d8b3}.landing-nav-inner{max-width:1280px;min-height:var(--landing-nav-height,3.5rem);height:auto;padding:.625rem 1.25rem}@media (width>=768px){.landing-nav-inner{padding:.625rem 2.5rem}}.landing-nav-title{font-family:var(--landing-font-display);letter-spacing:-.01em;font-size:1.0625rem;font-weight:700}.landing-nav-links a{color:var(--landing-muted);font-size:.84rem;font-weight:600}.landing-nav-cta{background:var(--landing-text);border-radius:var(--tlg-radius-pill,22px);color:#fff;cursor:pointer;border:none;padding:.5625rem 1.25rem;font-size:.84rem;font-weight:700;transition:background .2s,transform .2s}.landing-nav-cta:hover{background:var(--landing-accent);color:#fff;transform:translateY(-1px)}.landing-hero{max-width:1280px;padding:calc(var(--landing-nav-height,3.5rem) + 2rem) 2.5rem 4rem;align-items:center;gap:3.75rem;margin:0 auto;display:flex}.landing-hero-content{flex:1;max-width:580px}.landing-hero-brand{display:none}.landing-hero-content:before{content:"Learn at your level";font-family:var(--tlg-font-mono,"Space Mono", monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--tlg-subtle,#8a8980);margin-bottom:1rem;font-size:.72rem;display:block}.landing-brand-title,.landing-hero .landing-brand-title{font-family:var(--landing-font-display);letter-spacing:-.02em;color:var(--landing-text);margin:0 0 1.25rem;font-size:clamp(2.5rem,5vw,3.375rem);font-weight:800;line-height:1.05}.landing-hero-lead{color:var(--landing-muted);max-width:480px;margin-bottom:2.25rem;font-size:1.0625rem;line-height:1.65}.landing-btn-primary{background:var(--landing-text);border-radius:var(--tlg-radius-pill,22px);color:#fff;border:none;padding:.875rem 1.75rem;font-size:.9375rem;font-weight:700}.landing-btn-primary:hover{color:#fff;background:#2a2a26}.landing-btn-secondary,.landing-btn-ghost{border-radius:var(--tlg-radius-pill,22px);border:1.5px solid var(--tlg-border-soft,#c9c5ba);color:var(--tlg-text-body,#2a2a26);font-weight:600}.landing-hero-levels{background:var(--landing-surface);border:1px solid var(--landing-border);border-radius:var(--tlg-radius-xl,20px);width:min(420px,100%);box-shadow:var(--landing-shadow);flex:none;padding:1.5rem}.landing-hero-levels-head{margin-bottom:1rem}.landing-hero-levels-title{letter-spacing:.05em;text-transform:uppercase;color:var(--tlg-subtle,#8a8980);font-size:.75rem;font-weight:700}.landing-level-pill,.landing-level-card{border:2px solid var(--landing-border);border-radius:13px}.landing-level-10{--level-accent:var(--landing-teal);--level-soft:var(--landing-teal-soft)}.landing-level-15{--level-accent:var(--landing-accent);--level-soft:var(--landing-accent-soft)}.landing-level-20{--level-accent:var(--landing-navy);--level-soft:var(--landing-navy-soft)}.landing-level-pill-featured{border-color:var(--level-accent,var(--landing-accent))}.landing-section-levels{background:var(--landing-surface);border-top:1px solid var(--landing-border);border-bottom:1px solid var(--landing-border);max-width:none;padding-left:max(2.5rem,50vw - 640px + 2.5rem);padding-right:max(2.5rem,50vw - 640px + 2.5rem)}.landing-level-card.landing-level-15{background:var(--landing-surface);border-color:var(--landing-border)}.landing-level-card:hover{border-color:var(--level-accent)}.landing-section{max-width:1280px;margin:0 auto;padding-left:2.5rem;padding-right:2.5rem}.landing-section-alt{background:var(--tlg-warm,#f1efe8);border-radius:var(--tlg-radius-lg,16px);max-width:calc(1280px - 5rem);margin:0 auto 2rem}.landing-topic-card{background:var(--landing-surface);border:1px solid var(--landing-border);border-radius:var(--tlg-radius-lg,16px);box-shadow:var(--landing-shadow)}.landing-topic-card:hover{border-color:var(--landing-accent)}.landing-eyebrow{font-family:var(--tlg-font-mono,"Space Mono", monospace);letter-spacing:.14em}.landing-cta{background:var(--landing-text);border-radius:var(--tlg-radius-lg,16px)}.landing-footer{color:var(--tlg-subtle,#8a8980);border-top:1px solid var(--landing-border)}@media (width<=960px){.landing-hero{padding:calc(var(--landing-nav-height,3.5rem) + 1.25rem) 1.5rem 2.5rem;flex-direction:column;align-items:stretch}.landing-hero-levels{width:100%}}.onboarding{--landing-bg:#f0f7ff;--landing-surface:#fff;--landing-border:#b3d4ff;--landing-text:#253247;--landing-muted:#7689a3;--landing-accent:#007bfb;--landing-accent-soft:#e0efff;--landing-accent-hover:#0068d4;--landing-shadow:0 1px 3px #0f172a14, 0 4px 12px #0f172a0a;--landing-font-display:"Instrument Serif", Georgia, serif;--landing-font-body:"Plus Jakarta Sans", system-ui, sans-serif;background:var(--landing-bg);min-height:100vh;color:var(--landing-text);font-family:var(--landing-font-body);position:relative}.onboarding-bg{pointer-events:none;z-index:0;position:fixed;inset:0}.onboarding-header{z-index:2;justify-content:space-between;align-items:center;gap:1rem;width:100%;max-width:none;margin:0;padding:1rem 1.5rem;display:flex;position:relative}.onboarding-back,.onboarding-skip{color:var(--landing-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.35rem .5rem;font-size:.875rem;font-weight:600}.onboarding-browse-header{border:2px solid var(--landing-accent);background:var(--landing-surface);color:var(--landing-accent);cursor:pointer;box-shadow:0 0 0 3px var(--landing-accent-soft);border-radius:999px;align-items:center;gap:.35rem;padding:.5rem 1rem;font-size:.875rem;font-weight:700;transition:background .15s,color .15s,transform .15s;display:inline-flex}.onboarding-browse-header:hover{background:var(--landing-accent);color:#fff}.onboarding-browse-btn{border:2px solid var(--landing-accent);background:var(--landing-accent-soft);color:var(--landing-accent-hover);cursor:pointer;text-align:left;box-shadow:var(--landing-shadow);border-radius:14px;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.85rem 1.15rem;font-size:.95rem;font-weight:700;transition:background .15s,border-color .15s,transform .15s;display:flex}.onboarding-browse-btn:hover{border-color:var(--landing-accent-hover);background:#cce4ff;transform:translateY(-1px)}.onboarding-browse-btn-inline{border-radius:999px;flex-direction:row;align-items:center;padding:.75rem 1.25rem;font-size:.9rem}.onboarding-browse-hint{color:var(--landing-muted);font-size:.78rem;font-weight:500}.onboarding-actions-step1{flex-direction:column;align-items:stretch;gap:.85rem}@media (width>=520px){.onboarding-actions-step1{flex-direction:row;align-items:center}.onboarding-actions-step1 .onboarding-browse-btn{max-width:16rem;margin-left:auto}}.onboarding-brand{color:var(--landing-text);align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;display:flex}.onboarding-brand-icon{width:1.75rem;height:auto}.onboarding-progress{z-index:2;justify-content:center;gap:.5rem;padding:.5rem 0 1.5rem;display:flex;position:relative}.onboarding-progress-dot{background:var(--landing-border);border-radius:50%;width:8px;height:8px;transition:background .2s,transform .2s}.onboarding-main{z-index:1;max-width:720px;margin:0 auto;padding:0 1.5rem 3rem;position:relative}.onboarding-panel h1{font-family:var(--landing-font-display);margin:.35rem 0 .75rem;font-size:clamp(1.75rem,4vw,2.35rem);font-weight:400;line-height:1.15}.onboarding-lead{color:var(--landing-muted);margin:0 0 1.75rem;font-size:1.05rem;line-height:1.6}.onboarding-options{flex-direction:column;gap:.75rem;margin-bottom:2rem;display:flex}.onboarding-option{text-align:left;border:2px solid var(--landing-border);background:var(--landing-surface);cursor:pointer;box-shadow:var(--landing-shadow);border-radius:14px;flex-direction:column;align-items:flex-start;gap:.35rem;padding:1rem 1.15rem;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.onboarding-option:hover{border-color:#7dd3fc}.onboarding-option.selected{border-color:var(--landing-accent);box-shadow:0 0 0 3px var(--landing-accent-soft)}.onboarding-option strong{color:var(--landing-text);font-size:1rem}.onboarding-option span:last-child{color:var(--landing-muted);font-size:.875rem;line-height:1.45}.onboarding-option-badge{text-transform:uppercase;letter-spacing:.04em;color:var(--landing-accent);background:var(--landing-accent-soft);border-radius:999px;padding:.2rem .5rem;font-size:.7rem;font-weight:700}.onboarding-goals{grid-template-columns:1fr;gap:.65rem;margin-bottom:1rem;display:grid}@media (width>=640px){.onboarding-goals{grid-template-columns:1fr 1fr}}.onboarding-goal{text-align:left;border:2px solid var(--landing-border);background:var(--landing-surface);cursor:pointer;border-radius:12px;grid-template-rows:auto auto;grid-template-columns:auto 1fr;gap:.15rem .65rem;padding:.85rem 1rem;transition:border-color .15s,background .15s;display:grid}.onboarding-goal strong{grid-column:2;font-size:.9rem}.onboarding-goal span:last-child{color:var(--landing-muted);grid-column:2;font-size:.78rem;line-height:1.4}.onboarding-goal-check{border:2px solid var(--landing-border);width:1.25rem;height:1.25rem;color:var(--landing-accent);border-radius:4px;grid-row:1/span 2;justify-content:center;align-self:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.onboarding-goal.selected .onboarding-goal-check{border-color:var(--landing-accent);background:var(--landing-accent);color:#fff}.onboarding-hint{color:var(--landing-muted);margin:0 0 1.5rem;font-size:.85rem}.onboarding-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.onboarding-actions-split{justify-content:space-between}.onboarding-actions-primary{flex-wrap:wrap;gap:.75rem;display:flex}.onboarding-track-meta{color:var(--landing-muted);background:var(--landing-accent-soft);border-radius:8px;margin-bottom:1.25rem;padding:.65rem .85rem;font-size:.875rem}.onboarding-track-steps{flex-direction:column;gap:.65rem;margin:0 0 2rem;padding:0;list-style:none;display:flex}.onboarding-track-steps li{background:var(--landing-surface);border:1px solid var(--landing-border);box-shadow:var(--landing-shadow);border-radius:12px;gap:.85rem;padding:.85rem 1rem;display:flex}.onboarding-track-steps li.future{opacity:.85;border-style:dashed}.onboarding-track-step-num{background:var(--landing-accent-soft);width:1.75rem;height:1.75rem;color:var(--landing-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.onboarding-track-steps li div{min-width:0}.onboarding-track-steps li strong{margin-bottom:.2rem;font-size:.95rem;display:block}.onboarding-track-steps li p{color:var(--landing-muted);margin:.25rem 0 0;font-size:.82rem;line-height:1.45}.onboarding-coming-soon{text-transform:uppercase;letter-spacing:.04em;color:#b45309;vertical-align:middle;background:#fef3c7;border-radius:999px;margin-left:.5rem;padding:.15rem .45rem;font-size:.65rem;font-weight:700;display:inline-block}.landing-btn-secondary{border:2px solid var(--landing-border);background:var(--landing-surface);color:var(--landing-text);cursor:pointer;border-radius:999px;align-items:center;gap:.35rem;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;transition:border-color .15s,background .15s;display:inline-flex}.landing-btn-secondary:hover{border-color:var(--landing-accent);background:var(--landing-accent-soft)}.onboarding{--landing-bg:var(--tlg-page,#f5f2ec);--landing-surface:#fff;--landing-border:var(--tlg-border,#e5e2d8);--landing-text:var(--tlg-text,#1f1f1c);--landing-muted:var(--tlg-muted,#6b6a62);--landing-accent:var(--tlg-blue,#378add);--landing-accent-soft:#ebf4ff;--landing-accent-hover:#2a6fc4;--landing-shadow:0 4px 20px #0000000f;--landing-font-display:var(--tlg-font-display,"Bricolage Grotesque", sans-serif);--landing-font-body:var(--tlg-font-body,"Hanken Grotesk", sans-serif);background:var(--landing-bg);width:100%;min-height:100vh;color:var(--landing-text);font-family:var(--landing-font-body);flex-direction:column;display:flex}.onboarding-bg{display:none}.onboarding-header{background:var(--landing-surface);border-bottom:1px solid var(--landing-border);box-sizing:border-box;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;max-width:none;height:56px;margin:0;padding:0 2.5rem;display:grid}.onboarding-back{color:var(--landing-muted);border-radius:0;justify-self:start;padding:.35rem 0;font-size:.84rem;font-weight:600}.onboarding-back:hover{color:var(--landing-text);background:0 0}.onboarding-brand{font-family:var(--landing-font-display);letter-spacing:-.01em;justify-self:center;gap:.625rem;font-size:.9375rem;font-weight:700}.onboarding-brand-icon{display:none}.onboarding-browse-header{box-shadow:none;color:var(--landing-muted);background:0 0;border:none;border-radius:0;justify-self:end;padding:.35rem 0;font-size:.84rem;font-weight:600}.onboarding-browse-header:hover{color:var(--landing-text);background:0 0}.onboarding-progress{gap:7px;padding:1.25rem 0 0}.onboarding-progress-dot{background:#d4d1c7;width:8px;height:8px}.onboarding-progress-dot.active{background:var(--landing-text);transform:none}.onboarding-main{flex:1;width:100%;max-width:660px;margin:0 auto;padding:2.5rem 1.5rem 3.75rem}.onboarding-panel-wide{max-width:720px}.onboarding-panel{text-align:center;flex-direction:column;align-items:center;display:flex}.onboarding-step-label{font-family:var(--tlg-font-mono,"Space Mono", monospace);letter-spacing:.12em;text-transform:uppercase;color:var(--tlg-subtle,#8a8980);margin:0 0 .875rem;font-size:.6875rem}.onboarding-panel h1{font-family:var(--landing-font-display);letter-spacing:-.015em;color:var(--landing-text);margin:0 0 .625rem;font-size:clamp(1.875rem,4vw,2.5rem);font-weight:800;line-height:1.1}.onboarding-lead{color:var(--landing-muted);max-width:520px;margin:0 0 2.5rem;font-size:1rem;line-height:1.55}.onboarding-lead strong{color:var(--tlg-text-body,#2a2a26)}.onboarding-options{gap:.75rem;width:100%;margin-bottom:2rem}.onboarding-level-card{text-align:left;border:2px solid var(--level-border,var(--landing-border));border-radius:var(--tlg-radius-lg,16px);background:var(--level-bg,var(--landing-surface));cursor:pointer;width:100%;box-shadow:none;align-items:center;gap:1.125rem;padding:1.25rem 1.375rem;transition:border-color .15s,background .15s;display:flex}.onboarding-level-card--age10{--level-accent:#1d9e75;--level-border:#b3e0d0;--level-bg:#f5fdf9;--level-title:#1f3a32;--level-detail:#4a8a70}.onboarding-level-card--age15{--level-accent:#378add;--level-border:#c9dff5;--level-bg:#fff;--level-title:#0c2a50;--level-detail:#3a6a9c}.onboarding-level-card--age20{--level-accent:#7f77dd;--level-border:#cac7f0;--level-bg:#f8f7fe;--level-title:#1c1838;--level-detail:#5a5490}.onboarding-level-card.selected.onboarding-level-card--age10{background:#f5fdf9;border-color:#1d9e75}.onboarding-level-card.selected.onboarding-level-card--age15{background:#ebf4ff;border-color:#378add}.onboarding-level-card.selected.onboarding-level-card--age20{background:#f0effe;border-color:#7f77dd}.onboarding-level-icon{background:var(--level-accent);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.onboarding-level-body{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.onboarding-level-eyebrow{font-family:var(--tlg-font-mono,"Space Mono", monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--level-accent);font-size:.66rem;font-weight:400}.onboarding-level-body strong{color:var(--level-title);font-size:1rem}.onboarding-level-body span:last-child{color:var(--level-detail);font-size:.84rem;line-height:1.4}.onboarding-level-radio{border:2px solid var(--level-border);border-radius:50%;flex-shrink:0;width:22px;height:22px;position:relative}.onboarding-level-card.selected .onboarding-level-radio{background:var(--level-accent);border-color:var(--level-accent)}.onboarding-level-card.selected .onboarding-level-radio:after{content:"";background:#fff;border-radius:50%;width:8px;height:8px;margin:auto;position:absolute;inset:0}.onboarding-option,.onboarding-option-badge{display:none}.onboarding-goals{grid-template-columns:1fr;gap:.625rem;width:100%;margin-bottom:1rem}@media (width>=640px){.onboarding-goals{grid-template-columns:1fr 1fr}}.onboarding-goal{text-align:left;border:2px solid var(--landing-border);border-radius:var(--tlg-radius-lg,16px);background:var(--landing-surface);cursor:pointer;align-items:center;gap:.75rem;padding:1rem 1.125rem;transition:border-color .15s,background .15s;display:flex}.onboarding-goal-body{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.onboarding-goal strong{color:var(--landing-text);font-size:.9rem}.onboarding-goal span:last-child{color:var(--landing-muted);font-size:.78rem;line-height:1.4}.onboarding-goal-radio{border:2px solid var(--landing-border);border-radius:6px;flex-shrink:0;width:22px;height:22px;position:relative}.onboarding-goal.selected{border-color:var(--landing-accent);background:var(--landing-accent-soft)}.onboarding-goal.selected .onboarding-goal-radio{background:var(--landing-accent);border-color:var(--landing-accent)}.onboarding-goal.selected .onboarding-goal-radio:after{content:"✓";color:#fff;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex;position:absolute;inset:0}.onboarding-goal-check{display:none}.onboarding-hint{text-align:center;width:100%;margin-bottom:1.5rem}.onboarding-skip-link{font-family:var(--landing-font-body);color:var(--landing-muted);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;margin-top:1rem;padding:0;font-size:.84rem;font-weight:600;text-decoration:underline}.onboarding-skip-link:hover{color:var(--landing-text)}.onboarding-track-meta{text-align:left;width:100%;color:var(--landing-muted);background:var(--landing-accent-soft);border:1px solid var(--landing-border);border-radius:var(--tlg-radius-md,12px);margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.875rem}.onboarding-track-steps{text-align:left;width:100%;margin-bottom:2rem}.onboarding-track-steps li{border-radius:var(--tlg-radius-md,12px);border:1px solid var(--landing-border);box-shadow:none}.onboarding-track-step-num{border-radius:var(--tlg-radius-sm,10px);background:var(--landing-accent-soft);width:1.75rem;height:1.75rem;color:var(--landing-accent)}.onboarding-coming-soon{color:#8a5a14;background:#fef3e0}.onboarding-btn-primary,.onboarding-btn-secondary,.onboarding-btn-ghost{font-family:var(--landing-font-body);cursor:pointer;border:none;font-weight:700;transition:opacity .15s}.onboarding-btn-primary{background:var(--landing-text);color:#fff;border-radius:var(--tlg-radius-pill,22px);padding:.875rem 1.75rem;font-size:.9375rem}.onboarding-btn-primary:hover:not(:disabled){opacity:.9}.onboarding-btn-primary:disabled{opacity:.45;cursor:not-allowed}.onboarding-btn-secondary{color:var(--landing-muted);border:1.5px solid var(--tlg-border-soft,#c9c5ba);border-radius:var(--tlg-radius-pill,22px);background:0 0;padding:.8125rem 1.5rem;font-size:.875rem;font-weight:600}.onboarding-btn-secondary:hover{color:var(--landing-text);border-color:var(--landing-muted)}.onboarding-btn-ghost{color:var(--landing-muted);border:1.5px solid var(--tlg-border-soft,#c9c5ba);border-radius:var(--tlg-radius-pill,22px);background:0 0;padding:.8125rem 1.25rem;font-size:.875rem;font-weight:600}.onboarding-btn-ghost:hover{color:var(--landing-text)}.onboarding-actions{justify-content:center;width:100%}.onboarding-actions-step1{flex-direction:column;gap:.875rem;display:flex}@media (width>=640px){.onboarding-actions-step1{flex-direction:row;align-items:stretch}.onboarding-actions-step1 .onboarding-btn-primary{flex:1}}.onboarding-actions-step2,.onboarding-actions-step3{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.onboarding-actions-step3 .onboarding-btn-primary{flex:1;min-width:160px}.onboarding-browse-btn,.onboarding-browse-btn-inline,.onboarding-browse-hint,.onboarding-actions-primary,.onboarding-actions-split,.onboarding-panel .landing-btn-primary,.onboarding-panel .landing-btn-ghost,.onboarding-panel .landing-eyebrow{display:none}@media (width<=640px){.onboarding-header{grid-template-columns:auto 1fr auto;gap:.5rem;padding:0 1rem}.onboarding-brand span{display:none}.onboarding-back,.onboarding-browse-header{font-size:.75rem}}.feedback-admin{background:var(--bg,var(--tlg-page));min-height:100vh;color:var(--text,var(--tlg-text-body));font-family:var(--tlg-font-body);padding:1.5rem clamp(1rem,4vw,2.5rem) 3rem}.feedback-admin-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.feedback-admin-header h1{font-family:var(--tlg-font-display);color:var(--tlg-text);margin:0 0 .25rem;font-size:1.75rem}.feedback-admin-meta{color:var(--muted);margin:0;font-size:.9rem}.feedback-admin-header-actions{flex-wrap:wrap;gap:.5rem;display:flex}.feedback-admin-btn-primary,.feedback-admin-btn-ghost{border-radius:var(--tlg-radius-sm);font:inherit;cursor:pointer;padding:.55rem .9rem;font-weight:600}.feedback-admin-btn-primary{background:var(--accent);color:#fff;border:none}.feedback-admin-btn-primary:hover:not(:disabled){background:var(--accent-hover)}.feedback-admin-btn-primary:disabled{opacity:.6;cursor:not-allowed}.feedback-admin-btn-ghost{background:var(--surface);color:var(--text);border:1px solid var(--border)}.feedback-admin-btn-ghost:hover{border-color:var(--accent-border);color:var(--accent-text)}.feedback-admin-gate,.feedback-admin-lead{max-width:40rem}.feedback-admin-gate{border:1px solid var(--border);border-radius:var(--tlg-radius-md);background:var(--surface);box-shadow:var(--tlg-shadow-sm);padding:1.25rem}.feedback-admin-hint{color:var(--muted);font-size:.92rem}.feedback-admin-error{color:#b91c1c;margin:0 0 1rem}.feedback-admin-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.feedback-admin-filter{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;padding:.35rem .75rem;font-size:.88rem}.feedback-admin-filter:hover{border-color:var(--accent-border)}.feedback-admin-filter.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text);font-weight:600}.feedback-admin-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:1rem;display:grid}@media (width<=900px){.feedback-admin-layout{grid-template-columns:1fr}}.feedback-admin-list,.feedback-admin-detail{border:1px solid var(--border);border-radius:var(--tlg-radius-md);background:var(--surface);box-shadow:var(--tlg-shadow-sm);min-height:24rem}.feedback-admin-list ul{margin:0;padding:0;list-style:none}.feedback-admin-item{text-align:left;border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;background:0 0;gap:.25rem;padding:.85rem 1rem;display:grid}.feedback-admin-item:hover{background:var(--tlg-warm)}.feedback-admin-item.selected{background:var(--accent-soft)}.feedback-admin-item strong{color:var(--tlg-text);font-size:.95rem}.feedback-admin-item-loc,.feedback-admin-item-when{color:var(--muted);font-size:.82rem}.feedback-admin-item-msg{color:var(--tlg-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;display:-webkit-box;overflow:hidden}.feedback-admin-status{text-transform:uppercase;letter-spacing:.04em;background:var(--tlg-warm);width:fit-content;color:var(--muted);border-radius:999px;padding:.15rem .45rem;font-size:.72rem;font-weight:700;display:inline-block}.feedback-admin-status--new{background:var(--accent-soft);color:var(--accent-text)}.feedback-admin-status--triaged{color:#92400e;background:#fef3c7}.feedback-admin-status--accepted{color:#166534;background:#dcfce7}.feedback-admin-status--rejected{color:#991b1b;background:#fee2e2}.feedback-admin-status--fixed{color:#065f46;background:#d1fae5}.feedback-admin-detail{padding:1rem 1.1rem 1.25rem}.feedback-admin-detail h2{font-family:var(--tlg-font-display);color:var(--tlg-text);margin:0 0 .35rem;font-size:1.2rem}.feedback-admin-detail-meta{color:var(--muted);margin:0 0 .35rem;font-size:.85rem}.feedback-admin-excerpt{border-left:3px solid var(--accent);background:var(--tlg-warm);color:var(--tlg-text-secondary);margin:.75rem 0;padding:.65rem .85rem}.feedback-admin-message{white-space:pre-wrap;color:var(--text);line-height:1.55}.feedback-admin-field{color:var(--tlg-text-secondary);gap:.35rem;margin-top:1rem;font-size:.9rem;font-weight:600;display:grid}.feedback-admin-field select,.feedback-admin-field textarea{font:inherit;border-radius:var(--tlg-radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);padding:.55rem .65rem;font-weight:400}.feedback-admin-field select:focus,.feedback-admin-field textarea:focus{outline:2px solid var(--accent-border);border-color:var(--accent)}.feedback-admin-detail-actions{margin-top:1rem}.feedback-admin-lead{color:var(--muted);padding:1rem}:root{--tlg-teal:#1d9e75;--tlg-blue:#378add;--tlg-purple:#7f77dd;--tlg-coral:#d85a30;--tlg-page:#f5f2ec;--tlg-warm:#f1efe8;--tlg-surface:#fff;--tlg-border:#e5e2d8;--tlg-border-soft:#c9c5ba;--tlg-text:#1f1f1c;--tlg-text-body:#2a2a26;--tlg-text-secondary:#444441;--tlg-muted:#6b6a62;--tlg-subtle:#8a8980;--tlg-faint:#a9a79d;--tlg-font-display:"Bricolage Grotesque", system-ui, sans-serif;--tlg-font-body:"Hanken Grotesk", system-ui, sans-serif;--tlg-font-mono:"Space Mono", ui-monospace, monospace;--tlg-radius-sm:10px;--tlg-radius-md:12px;--tlg-radius-lg:16px;--tlg-radius-xl:20px;--tlg-radius-pill:22px;--tlg-shadow-sm:0 1px 3px #00000014;--tlg-shadow-md:0 4px 20px #0000000f;--tlg-shadow-lg:0 8px 40px #0000001f;--brand-teal:var(--tlg-teal);--brand-blue:var(--tlg-blue);--brand-navy:#26215c;--brand-text:var(--tlg-text);--brand-muted:var(--tlg-muted);--brand-teal-soft:#e1f5ee;--brand-blue-soft:#ebf4ff;--brand-navy-soft:#f0effe;--radius:var(--tlg-radius-md);--shadow:var(--tlg-shadow-sm)}:root,[data-reading-level=age15]{--bg:var(--tlg-page);--surface:var(--tlg-surface);--border:var(--tlg-border);--text:var(--tlg-text-body);--muted:var(--tlg-muted);--accent:var(--tlg-blue);--accent-soft:#ebf4ff;--accent-hover:#2a6fc4;--accent-border:#c9dff5;--accent-text:#0c447c;--accent-text-muted:#5a7a9c;--maternal:var(--tlg-teal);--paternal:var(--tlg-coral);--chart-a:var(--tlg-blue);--chart-b:var(--tlg-coral);--chart-mid:var(--tlg-teal);--note-border:var(--tlg-blue);--header-tint:var(--tlg-surface)}[data-reading-level=age10]{--bg:var(--tlg-page);--surface:var(--tlg-surface);--border:var(--tlg-border);--text:var(--tlg-text-body);--muted:var(--tlg-muted);--accent:var(--tlg-teal);--accent-soft:#e1f5ee;--accent-hover:#178a66;--accent-border:#aee0d0;--accent-text:#085041;--accent-text-muted:#1c5b4a;--maternal:var(--tlg-teal);--paternal:var(--tlg-coral);--chart-a:var(--tlg-teal);--chart-b:var(--tlg-blue);--chart-mid:#9fd3c0;--note-border:var(--tlg-teal);--header-tint:var(--tlg-surface)}[data-reading-level=age20]{--bg:var(--tlg-page);--surface:var(--tlg-surface);--border:var(--tlg-border);--text:var(--tlg-text-body);--muted:var(--tlg-muted);--accent:var(--tlg-purple);--accent-soft:#f0effe;--accent-hover:#6a62c4;--accent-border:#cecbf6;--accent-text:#26215c;--accent-text-muted:#5e5a9c;--maternal:var(--tlg-teal);--paternal:var(--tlg-coral);--chart-a:var(--tlg-purple);--chart-b:#c2410c;--chart-mid:var(--tlg-blue);--note-border:var(--tlg-purple);--header-tint:var(--tlg-surface)}body{font-family:var(--tlg-font-body);background:var(--bg);color:var(--text)}h1,h2,h3,h4,.content-heading{font-family:var(--tlg-font-display);color:var(--tlg-text);letter-spacing:-.01em}*,:before,:after{box-sizing:border-box}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body{min-height:100vh;margin:0;line-height:1.5;transition:background .25s,color .25s}#root,.app{flex-direction:column;min-height:100vh;display:flex}.site-header{background:var(--header-tint);border-bottom:1px solid var(--border);z-index:10;transition:background .25s,border-color .25s;position:sticky;top:0}.header-inner{flex-wrap:wrap;align-items:center;gap:1rem;max-width:none;margin:0;padding:.85rem 1.25rem;display:flex}.brand{align-items:center;gap:.75rem;display:flex}.brand-home-btn{background:var(--surface);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:8px;margin-right:.25rem;padding:.35rem .65rem;font-size:.75rem;font-weight:600;transition:color .15s,border-color .15s}.brand-home-btn:hover{color:var(--accent);border-color:var(--accent)}.brand-icon{flex-shrink:0;width:2.5rem;height:auto;display:block}.brand-logo-icon{width:2.5rem;height:auto;display:block}.brand-logo-full{width:min(280px,100%);height:auto;display:block}.brand h1{letter-spacing:-.02em;margin:0;font-size:1.1rem;font-weight:700}.tagline{color:var(--muted);margin:0;font-size:.78rem}.sidebar-toggle{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:6px;display:none}.sidebar-toggle span{background:var(--text);border-radius:1px;height:2px;display:block}.app-body{flex:1;min-height:0;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-shrink:0;width:280px;padding:1.25rem 0;overflow-y:auto}.sidebar-nav{padding:0 .75rem}.nav-group{margin-bottom:1.25rem}.nav-group-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 .5rem;padding:0 .75rem;font-size:.68rem;font-weight:700}.nav-group ul{margin:0;padding:0;list-style:none}.nav-group button{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;padding:.65rem .75rem;transition:background .15s}.nav-group button:hover{background:var(--bg)}.nav-group button.active{background:var(--accent-soft)}.nav-topic-label{color:var(--text);font-size:.9rem;font-weight:600;display:block}.nav-module-num{letter-spacing:.03em;color:var(--muted);margin-right:.35rem;font-size:.68rem;font-weight:700;display:inline-block}.nav-group button.active .nav-topic-label{color:var(--accent)}.nav-topic-desc{color:var(--muted);margin-top:.15rem;font-size:.75rem;line-height:1.35;display:block}.sidebar-backdrop{display:none}.learning-track-panel{background:var(--accent-soft);border:1px solid var(--border);border-radius:var(--radius);margin:0 .75rem 1rem;padding:.85rem}.learning-track-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.learning-track-title{text-transform:uppercase;letter-spacing:.05em;color:var(--accent);margin:0;font-size:.72rem;font-weight:700}.learning-track-progress{color:var(--muted);background:var(--surface);border-radius:999px;padding:.15rem .45rem;font-size:.72rem;font-weight:700}.learning-track-summary{color:var(--muted);margin:0 0 .75rem;font-size:.75rem;line-height:1.4}.learning-track-steps{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.learning-track-step-btn{cursor:pointer;text-align:left;width:100%;font:inherit;color:var(--text);background:0 0;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.45rem .5rem;transition:background .15s;display:flex}.learning-track-step-btn:hover:not(.learning-track-step-static){background:var(--surface)}.learning-track-step-static{cursor:default;opacity:.65}.learning-track-steps li.active .learning-track-step-btn{background:var(--surface);box-shadow:inset 0 0 0 1px var(--border)}.learning-track-steps li.current .learning-track-step-label{color:var(--accent);font-weight:700}.learning-track-step-num{background:var(--surface);width:1.25rem;height:1.25rem;color:var(--muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.65rem;font-weight:700;display:flex}.learning-track-steps li.complete .learning-track-step-num{background:var(--accent);color:#fff}.learning-track-step-label{flex:1;font-size:.78rem;line-height:1.3}.learning-track-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:999px;flex-shrink:0;padding:.1rem .35rem;font-size:.6rem;font-weight:700}.learning-track-badge.done{background:var(--surface);color:var(--accent)}.learning-track-badge.next{background:var(--accent);color:#fff}.learning-track-badge.soon{color:#b45309;background:#fef3c7}.learning-track-continue{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:.65rem;padding:.5rem .65rem;font-size:.78rem;font-weight:600}.learning-track-continue:hover{background:var(--accent-hover)}.learning-track-mark{width:100%;color:var(--muted);cursor:pointer;background:0 0;border:none;margin-top:.35rem;padding:.35rem;font-size:.68rem;text-decoration:underline}.learning-track-mark:disabled{opacity:.4;cursor:not-allowed;text-decoration:none}.sidebar-change-path{border:1px dashed var(--border);width:calc(100% - 1.5rem);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;margin:0 .75rem 1rem;padding:.45rem .65rem;font-size:.72rem;font-weight:600;display:block}.sidebar-change-path:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.main-content{flex:1;width:auto;min-width:0;max-width:none;margin:0;padding:1.5rem 2rem;overflow-y:auto}.topic-header{border-bottom:1px solid var(--border);margin-bottom:1.25rem;padding-bottom:1rem}.reading-level-picker{background:var(--accent-soft);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:.85rem 1rem;transition:background .25s,border-color .25s;display:flex}.reading-level-title{color:var(--text);font-size:.9rem;font-weight:700;display:block}.reading-level-subtitle{color:var(--muted);margin-top:.1rem;font-size:.75rem;display:block}.reading-level-options{background:var(--surface);border:1px solid var(--border);border-radius:999px;gap:.35rem;padding:.25rem;display:flex}.reading-level-options button{min-width:2.5rem;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.45rem .75rem;font-size:.85rem;font-weight:600;transition:background .15s,color .15s}.reading-level-options button:hover{color:var(--text)}.reading-level-options button.active{background:var(--accent);color:#fff}.reading-level-options button.active:after{content:" yr";opacity:.85;font-size:.65rem;font-weight:500}.topic-header h2{letter-spacing:-.02em;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0 0 .35rem;font-size:1.5rem;display:flex}.topic-module-badge{letter-spacing:.04em;text-transform:uppercase;background:var(--accent-soft);min-width:2rem;color:var(--accent);border:1px solid var(--border);border-radius:999px;justify-content:center;align-items:center;padding:.15rem .45rem;font-size:.72rem;font-weight:700;display:inline-flex}.module-shell{flex-direction:column;gap:1.25rem;display:flex}.module-tab-nav{margin-bottom:.25rem}.module-placeholder{max-width:720px}.nav-group[data-tier=foundational] .nav-group-label{color:var(--level-10)}.nav-group[data-tier=intermediate] .nav-group-label{color:var(--level-15)}.nav-group[data-tier=advanced] .nav-group-label{color:var(--level-20)}.topic-header p{color:var(--muted);max-width:640px;margin:0;font-size:.95rem}.section-intro{color:var(--muted);max-width:720px;margin:0 0 1.25rem;line-height:1.6}.content-card p,.section-intro,.step-description,.science-note p,.gene-inheritance-banner,.panel-note{line-height:1.65}.content-card p strong,.section-intro strong,.step-description strong,.science-note strong,.topic-header p strong,.gene-detail-header p strong{color:var(--text);font-weight:650}.explorer-header h2{display:none}.site-footer{border-top:1px solid var(--border);text-align:center;color:var(--muted);padding:1rem 1.5rem;font-size:.8rem}.site-footer-contact{margin:.75rem 0 0}.site-footer-contact a{color:inherit;text-underline-offset:.15em;text-decoration:underline}.site-footer-contact a:hover{color:var(--text)}.explorer-header h2{letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.5rem}.explorer-header p{color:var(--muted);max-width:680px;margin:0 0 1.5rem}.controls-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.toggle{cursor:pointer;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.toggle input{width:1rem;height:1rem;accent-color:var(--accent)}.legend{flex-wrap:wrap;gap:.75rem;font-size:.8rem;display:flex}.legend-item{align-items:center;gap:.35rem;display:flex}.legend-item:before{content:"";border-radius:3px;width:12px;height:12px}.legend-item.maternal:before{background:var(--maternal)}.legend-item.paternal:before{background:var(--paternal)}.legend-item.recombinant:before{background:#7c3aed}.step-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.step-indicator{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin-bottom:.5rem;font-size:.75rem;font-weight:600}.step-card h3{margin:0 0 .75rem;font-size:1.25rem}.meiosis-explorer .meiosis-step-card{flex-direction:column;gap:0;display:flex}.meiosis-explorer .meiosis-step-nav{border-bottom:1px solid var(--border);margin-top:0;margin-bottom:1rem;padding-bottom:.75rem}.meiosis-explorer .meiosis-step-card .meiosis-diagram-wrap{flex-shrink:0;margin-bottom:1.25rem}.meiosis-explorer .meiosis-step-text{flex:1;min-height:0}.meiosis-explorer .meiosis-step-text .step-indicator{margin-bottom:.5rem}.meiosis-explorer .meiosis-step-text h3{margin:0 0 .75rem}.meiosis-explorer .step-description{color:var(--muted);max-width:720px;margin:0}.step-description{color:var(--muted);max-width:720px;margin:0 0 1.25rem}.diagram-wrap{background:linear-gradient(#f1f5f9 0%,#f8fafc 100%);border-radius:8px;margin-bottom:1rem;padding:1rem}.meiosis-diagram{width:100%;max-width:520px;margin:0 auto;display:block}.step-nav{justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;display:flex}.step-nav button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;padding:.5rem 1rem;font-size:.875rem}.step-nav button:disabled{opacity:.4;cursor:not-allowed}.step-nav button:not(:disabled):hover{border-color:var(--accent);color:var(--accent)}.step-dots{flex-wrap:wrap;justify-content:center;gap:.35rem;display:flex}.step-dot{background:var(--border);cursor:pointer;border:none;border-radius:50%;width:10px;height:10px;padding:0}.step-dot.active{background:var(--accent);transform:scale(1.2)}.result-banner{background:var(--accent-soft);border:1px solid #93c5fd;border-radius:8px;margin-bottom:.5rem;padding:.75rem 1rem;font-size:.95rem}.hint{color:var(--muted);margin:0 0 .5rem;font-size:.875rem;font-style:italic}.science-note{background:var(--accent-soft);border-radius:var(--radius);border-left:4px solid var(--note-border);margin-top:1.5rem;padding:1rem 1.25rem;transition:background .25s,border-color .25s}.science-note h4{margin:0 0 .5rem;font-size:.95rem}.science-note p,.science-note ul{color:var(--muted);margin:0;font-size:.875rem}.science-note ul{padding-left:1.25rem}.science-note li+li{margin-top:.35rem}.evidence-note{background:color-mix(in srgb, var(--accent) 6%, var(--surface));border-radius:var(--radius);border:1px dashed color-mix(in srgb, var(--accent) 35%, transparent);border-left:3px solid var(--accent);margin:1.5rem 0 1.35rem;padding:.95rem 1.15rem 1rem}.content-card p+.evidence-note,.content-section p+.evidence-note{margin-top:1.65rem}.content-card .evidence-note+.fact-list,.content-card .evidence-note+ul,.content-card .evidence-note+ol,.content-card .evidence-note+p,.content-section .evidence-note+.fact-list,.content-section .evidence-note+ul,.content-section .evidence-note+ol,.content-section .evidence-note+p{margin-top:1.35rem}.evidence-note-label{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:0 0 .6rem;font-size:.7rem;font-weight:700}.evidence-note-body{color:var(--muted);margin:0;font-size:.8125rem;line-height:1.6}.evidence-note-body strong{color:var(--text);font-weight:600}.evidence-note-extended{border-top:1px dashed color-mix(in srgb, var(--accent) 25%, transparent);color:var(--muted);margin:.65rem 0 0;padding-top:.65rem;font-size:.8125rem;line-height:1.55}.evidence-note-extended strong{color:var(--text);font-weight:600}.evidence-expand-btn{font:inherit;color:var(--accent);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;margin-top:.55rem;padding:0;font-size:.75rem;font-weight:600;text-decoration:underline;display:inline-block}.evidence-expand-btn:hover{color:var(--text)}.pop-layout{grid-template-columns:280px 1fr;align-items:start;gap:1.5rem;display:grid}@media (width<=800px){.pop-layout{grid-template-columns:1fr}}.controls-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.controls-panel h3{margin:0 0 1rem;font-size:1rem}.slider-label{color:var(--muted);margin-bottom:1rem;font-size:.85rem;display:block}.slider-label strong{color:var(--text)}.slider-label input[type=range]{width:100%;accent-color:var(--accent);margin-top:.35rem;display:block}.toggle-group{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.fitness-controls{background:var(--bg);border-radius:8px;margin-bottom:1rem;padding:.75rem}.panel-note{color:var(--muted);margin:0 0 .75rem;font-size:.8rem}.primary-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:.65rem 1rem;font-size:.9rem;font-weight:600}.primary-btn:hover{background:var(--accent-hover)}.results-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.mode-badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;margin:0 0 1rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin-bottom:1.25rem;display:grid}.stat{background:var(--bg);border-radius:8px;padding:.75rem}.stat-label{color:var(--muted);margin-bottom:.25rem;font-size:.75rem;display:block}.stat-value{font-size:1rem;font-weight:700}.chart-block{margin-bottom:1.25rem}.chart-block h4{color:var(--muted);margin:0 0 .5rem;font-size:.9rem}.chart{width:100%;max-width:560px;display:block}.term{border-bottom:1.5px dotted var(--accent);cursor:help;color:inherit;font-weight:500;display:inline;position:relative}.term:focus{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.term-tooltip{z-index:50;background:var(--text);color:#f8fafc;pointer-events:none;opacity:0;visibility:hidden;border-radius:8px;width:max-content;max-width:280px;padding:.65rem .85rem;font-size:.8rem;font-weight:400;line-height:1.45;transition:opacity .15s,visibility .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0f172a33}.term-tooltip-title{color:#93c5fd;margin-bottom:.25rem;font-size:.85rem;font-weight:700;display:block}.term-tooltip-body{color:#f8fafc;display:block}.term-tooltip:after{content:"";border:6px solid #0000;border-top-color:var(--text);position:absolute;top:100%;left:50%;transform:translate(-50%)}.term-tooltip-below{top:calc(100% + 8px);bottom:auto}.term-tooltip-below:after{border-top-color:#0000;border-bottom-color:var(--text);top:auto;bottom:100%}.term:hover .term-tooltip,.term:focus .term-tooltip,.term:focus-within .term-tooltip,.term-pinned .term-tooltip{opacity:1;visibility:visible}.legend-item .term{font-size:inherit}.glossary-explorer .glossary-toolbar{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.glossary-search{border:1px solid var(--border);background:var(--surface);border-radius:8px;flex:1;min-width:200px;padding:.55rem .85rem;font-size:.9rem}.glossary-search:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.glossary-filters{flex-wrap:wrap;gap:.35rem;display:flex}.glossary-filters button{border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--muted);border-radius:999px;padding:.4rem .75rem;font-size:.8rem}.glossary-filters button:hover{border-color:var(--accent);color:var(--text)}.glossary-filters button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.glossary-group{margin-bottom:2rem}.glossary-group>h3{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 .75rem;font-size:1rem}.glossary-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.glossary-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem 1.15rem}.glossary-card-header{justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.5rem;display:flex}.glossary-card h3{color:var(--accent);margin:0;font-size:1rem}.glossary-category{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--bg);white-space:nowrap;border-radius:4px;padding:.2rem .45rem;font-size:.65rem;font-weight:600}.glossary-card p{color:var(--muted);margin:0;font-size:.875rem;line-height:1.5}.glossary-aliases{font-style:italic;margin-top:.5rem!important;font-size:.75rem!important}.glossary-empty{text-align:center;color:var(--muted);padding:2rem}.section-nav{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:.35rem;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.section-nav button{border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--muted);border-radius:999px;padding:.4rem .85rem;font-size:.8rem}.content-section{flex-direction:column;gap:1rem;display:flex}.content-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem 1.5rem}.content-card h3{margin:0 0 .75rem;font-size:1.1rem}.content-card p{color:var(--muted);margin:0 0 .75rem;line-height:1.55}.content-card.split{grid-template-columns:1fr auto;align-items:center;gap:1.5rem;display:grid}.fact-list,.step-list{color:var(--muted);margin:0;padding-left:1.25rem;font-size:.9rem}.fact-list li+li,.step-list li+li{margin-top:.35rem}.base-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin-bottom:.75rem;display:grid}.base-card{border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:.2rem;padding:1rem;font-size:.85rem;display:flex}.base-letter{font-size:1.5rem;font-weight:800;line-height:1}.base-meta{color:var(--muted);font-size:.75rem}.base-A{background:#eff6ff;border-color:#93c5fd}.base-T{background:#fff7ed;border-color:#fdba74}.base-G{background:#f0fdf4;border-color:#86efac}.base-C{background:#fdf2f8;border-color:#f9a8d4}.aa-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;display:grid}.aa-card{background:var(--bg);border-radius:8px;flex-direction:column;gap:.15rem;padding:.85rem;font-size:.85rem;display:flex}.aa-abbr{color:#16a34a;font-size:1.1rem;font-weight:800}.aa-card span:last-child{color:var(--muted);font-size:.78rem}.dna-diagram,.dogma-diagram,.translation-diagram{width:100%;max-width:520px;display:block}.translation-diagram-wrap{max-width:540px;margin:.75rem 0 0}.translation-diagram-caption{color:var(--tlg-text-secondary,var(--muted));text-align:left;margin:.55rem 0 0;padding:0 .15rem;font-size:.84rem;line-height:1.5}.dogma-flow{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;align-items:center;gap:0;width:fit-content;max-width:100%;margin-top:.5rem;display:flex;overflow-x:auto}.dogma-flow-box{text-align:center;border:2px solid;border-radius:12px;flex-direction:column;flex:none;justify-content:center;align-items:center;min-width:4.75rem;padding:.5rem .625rem;display:flex}.dogma-flow-label{font-family:var(--tlg-font-mono,"Space Mono", ui-monospace, monospace);font-size:.875rem;font-weight:700;line-height:1.2}.dogma-flow-sub{max-width:5.5rem;margin-top:.15rem;font-size:.625rem;line-height:1.25}.dogma-flow-box--dna{color:#0c447c;background:#ebf4ff;border-color:#378add}.dogma-flow-box--dna .dogma-flow-sub{color:#5a7a9c}.dogma-flow-box--mrna{color:#26215c;background:#f3f1fb;border-color:#7f77dd}.dogma-flow-box--mrna .dogma-flow-sub{color:#5e5a9c}.dogma-flow-box--protein{color:#085041;background:#e1f5ee;border-color:#1d9e75}.dogma-flow-box--protein .dogma-flow-sub{color:#1c5b4a}.dogma-flow-connector{flex:none;align-items:center;gap:.25rem;padding:0 .375rem;display:flex}.dogma-flow-line{background:#c2bfb4;flex-shrink:0;width:1.25rem;height:2px}.dogma-flow-step{color:var(--tlg-subtle,#8a8980);white-space:nowrap;font-size:.6rem}.dogma-flow-arrow{border-top:2px solid #c2bfb4;border-right:2px solid #c2bfb4;flex-shrink:0;width:7px;height:7px;margin-left:-.25rem;transform:rotate(45deg)}.codon-explorer{flex-wrap:wrap;align-items:flex-start;gap:1.5rem;display:flex}.codon-slots{flex-wrap:wrap;gap:1rem;display:flex}.codon-slot-label{color:var(--muted);margin-bottom:.35rem;font-size:.75rem;display:block}.codon-base-picker{gap:.25rem;display:flex}.codon-base-picker button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:6px;width:36px;height:36px;font-weight:700}.codon-base-picker button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.codon-result{background:var(--bg);border-radius:8px;flex:1;min-width:200px;padding:1rem}.codon-display{letter-spacing:.15em;color:var(--accent);margin-bottom:.5rem;font-size:1.75rem;font-weight:800;display:block}.translate-sequence{flex-direction:column;gap:.5rem;display:flex}.sequence-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.sequence-label{min-width:60px;font-size:.85rem;font-weight:600}.sequence-codons{flex-wrap:wrap;gap:.35rem;display:flex}.codon-chip{color:#5b21b6;background:#ede9fe;border:1px solid #c4b5fd;border-radius:6px;padding:.35rem .65rem;font-size:.85rem;font-weight:600}.codon-chip.aa{color:#166534;background:#dcfce7;border-color:#86efac}.codon-chip.stop{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.sequence-arrow{color:var(--muted);padding-left:76px;font-size:.85rem}.gene-picker{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.gene-tab{border:1px solid var(--border);background:var(--surface);text-align:left;cursor:pointer;border-radius:8px;flex-direction:column;align-items:flex-start;gap:.15rem;max-width:220px;padding:.5rem .75rem;transition:background .15s,border-color .15s;display:flex}.gene-tab-symbol{color:var(--text);font-size:.8rem;font-weight:700;line-height:1.2}.gene-tab-brief{color:var(--muted);font-size:.72rem;font-weight:400;line-height:1.35}.gene-tab:hover{border-color:var(--accent)}.gene-tab.active{background:var(--accent-soft);border-color:var(--accent)}.gene-tab.active .gene-tab-symbol{color:var(--accent)}.gene-detail-header{margin-bottom:.5rem}.gene-detail-header h3{color:var(--accent);margin:0 0 .35rem;font-size:1.25rem}.gene-detail-header p{color:var(--muted);max-width:640px;margin:0;font-size:.9rem}.gene-tags-row{flex-wrap:wrap;gap:.3rem;margin-bottom:1rem;display:flex}.gene-tag{text-transform:uppercase;letter-spacing:.03em;background:var(--bg);border:1px solid var(--border);color:var(--muted);border-radius:4px;padding:.2rem .45rem;font-size:.65rem;font-weight:600}.gene-inheritance-banner{background:var(--accent-soft);border:1px solid var(--border);border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem}.gene-detail .content-card h4{margin:0 0 .65rem;font-size:1rem}.gene-proposed{background:var(--bg);border:1px dashed var(--border);border-radius:var(--radius);margin-top:2rem;padding:1rem 1.25rem}.gene-proposed h4{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 .75rem;font-size:.85rem}.gene-proposed-item{flex-direction:column;gap:.2rem;font-size:.9rem;display:flex}.gene-proposed-item span{color:var(--muted);font-size:.8rem}.compare-table{border-collapse:collapse;width:100%;font-size:.85rem}.compare-table th,.compare-table td{border:1px solid var(--border);text-align:left;padding:.5rem .75rem}.compare-table th{background:var(--bg);color:var(--text);font-weight:600}.compare-table td:first-child{color:var(--muted);font-weight:500}.origin-diagram,.epigenetics-diagram,.crispr-diagram{width:100%;max-width:520px;margin:0 auto;display:block}.crispr-diagram-card{flex-direction:column;gap:.75rem;display:flex}.crispr-diagram-controls{flex-wrap:wrap;gap:.35rem;display:flex}.crispr-diagram-controls button{border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:999px;padding:.35rem .65rem;font-size:.72rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.crispr-diagram-controls button:hover{border-color:var(--accent);color:var(--accent)}.crispr-diagram-controls button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.crispr-diagram-caption{color:var(--muted);text-align:center;margin:0;font-size:.85rem;line-height:1.45}.site-search{flex:1;min-width:180px;max-width:360px;margin-left:auto;position:relative}.site-search-input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:999px;padding:.5rem .85rem;font-size:.85rem}.site-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.site-search-results{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);z-index:200;max-height:320px;margin:0;padding:.35rem;list-style:none;position:absolute;top:calc(100% + .35rem);left:0;right:0;overflow-y:auto}.site-search-results button{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:flex-start;gap:.15rem;width:100%;padding:.55rem .65rem;display:flex}.site-search-results button:hover,.site-search-results button.active{background:var(--accent-soft)}.site-search-result-title{color:var(--text);font-size:.9rem;font-weight:600}.site-search-result-kind{text-transform:uppercase;letter-spacing:.05em;color:var(--accent);font-size:.65rem;font-weight:700}.site-search-result-snippet{color:var(--muted);font-size:.78rem;line-height:1.4}.site-search-empty{color:var(--muted);padding:.65rem;font-size:.85rem}.related-modules{background:var(--accent-soft);border:1px solid var(--border);border-radius:var(--radius);margin-top:1.5rem;padding:1rem 1.15rem}.related-modules h4{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 .65rem;font-size:.85rem}.related-modules-list{flex-wrap:wrap;gap:.5rem;display:flex}.module-link{background:var(--surface);border:1px solid var(--border);color:var(--accent);cursor:pointer;border-radius:999px;align-items:center;gap:.35rem;padding:.45rem .85rem;font-size:.82rem;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.module-link:hover{background:var(--surface);border-color:var(--accent)}.module-link-arrow{opacity:.7}.scenario-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.25rem;padding:.85rem 1rem}.scenario-panel h4{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 .5rem;font-size:.8rem}.scenario-panel-list{flex-wrap:wrap;gap:.45rem;display:flex}.scenario-chip{background:var(--accent-soft);border:1px solid var(--border);color:var(--accent);cursor:pointer;border-radius:999px;padding:.4rem .75rem;font-size:.8rem;font-weight:600}.scenario-chip:hover{border-color:var(--accent)}.pedigree-toolbar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;gap:1.25rem;margin-bottom:1.25rem;padding:1rem;display:flex}.pedigree-toolbar-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:.4rem;font-size:.75rem;font-weight:700;display:block}.pedigree-mode-btns,.pedigree-scenario-btns{flex-wrap:wrap;gap:.4rem;display:flex}.pedigree-mode-btns button,.pedigree-scenario-btns button{border:1px solid var(--border);background:var(--bg);cursor:pointer;color:var(--text);border-radius:8px;padding:.4rem .75rem;font-size:.8rem;font-weight:600}.pedigree-mode-btns button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.pedigree-layout{grid-template-columns:1fr 260px;gap:1.25rem;margin-bottom:1rem;display:grid}@media (width<=800px){.pedigree-layout{grid-template-columns:1fr}}.pedigree-chart-panel,.pedigree-calculator{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.pedigree-chart-panel h3,.pedigree-calculator h3{margin:0 0 .35rem;font-size:1rem}.pedigree-hint{color:var(--muted);margin:0 0 .75rem;font-size:.82rem}.pedigree-diagram{width:100%;max-width:480px;margin:0 auto;display:block}.pedigree-person{cursor:pointer}.pedigree-shape{fill:var(--surface);stroke:var(--text);stroke-width:2px}.pedigree-shape.affected{fill:var(--chart-b);stroke:var(--chart-b)}.pedigree-shape.carrier{fill:var(--surface)}.pedigree-carrier-fill{fill:var(--chart-b);opacity:.55;pointer-events:none}.pedigree-genotype-label{fill:var(--text);pointer-events:none;font-size:10px;font-weight:700}.pedigree-name-label{fill:var(--muted);pointer-events:none;font-size:10px}.pedigree-line{stroke:var(--border);stroke-width:2px}.pedigree-legend{color:var(--muted);flex-wrap:wrap;gap:1rem;margin-top:.75rem;font-size:.78rem;display:flex}.pedigree-legend-swatch{border:2px solid var(--text);vertical-align:middle;border-radius:2px;width:12px;height:12px;margin-right:.3rem;display:inline-block}.pedigree-legend-swatch.carrier{background:linear-gradient(90deg, var(--chart-b) 50%, var(--surface) 50%)}.pedigree-legend-swatch.affected{background:var(--chart-b);border-color:var(--chart-b)}.pedigree-calc-inputs{flex-direction:column;gap:.65rem;margin-bottom:1rem;display:flex}.pedigree-select-label{color:var(--muted);flex-direction:column;gap:.25rem;font-size:.82rem;font-weight:600;display:flex}.pedigree-select-label select{border:1px solid var(--border);background:var(--bg);border-radius:8px;padding:.4rem .5rem;font-size:.9rem}.pedigree-calculator h4{margin:0 0 .5rem;font-size:.85rem}.pedigree-prob-list{margin:0;padding-left:1.25rem;font-size:.9rem}.pedigree-calc-empty{color:var(--muted);margin:0;font-size:.85rem}@media (width<=900px){.sidebar-toggle{display:flex}.sidebar{z-index:100;box-shadow:var(--shadow);transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{z-index:99;cursor:pointer;background:#0f172a59;border:none;display:block;position:fixed;inset:0}.main-content{padding:1rem}.site-search{flex:100%;order:3;max-width:none;margin-left:0}.content-card.split{grid-template-columns:1fr}}@media (width<=600px){.term-tooltip{max-width:220px;left:0;transform:none}.term-tooltip:after{left:1rem;transform:none}}.admin-enter-btn{z-index:50;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);cursor:pointer;border-radius:999px;padding:.5rem .85rem;font-size:.78rem;font-weight:600;position:fixed;bottom:1rem;right:1rem}.admin-enter-btn:hover{border-color:var(--accent);color:var(--accent)}.admin-gate{z-index:50;position:fixed;bottom:1rem;right:1rem}.admin-gate-inner{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:.5rem;padding:.65rem .85rem;font-size:.78rem;display:flex}.admin-gate-inner input{border:1px solid var(--border);border-radius:6px;padding:.35rem .5rem;font-size:.78rem}.admin-gate-error{color:#dc2626;font-size:.72rem}.admin-toolbar{z-index:49;color:#f8fafc;background:#1e293b;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.55rem 1rem;font-size:.75rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #0f172a26}.admin-toolbar-badge{color:#1e293b;text-transform:uppercase;letter-spacing:.04em;background:#f59e0b;border-radius:999px;padding:.15rem .45rem;font-size:.65rem;font-weight:700}.admin-toolbar-hint{color:#94a3b8}.admin-toolbar-warn{color:#fca5a5}.admin-btn-primary,.admin-btn-ghost{cursor:pointer;border:none;border-radius:6px;padding:.35rem .65rem;font-size:.72rem;font-weight:600}.admin-btn-primary{color:#fff;background:#0284c7}.admin-btn-primary:hover:not(:disabled){background:#0369a1}.admin-btn-primary:disabled{opacity:.6;cursor:not-allowed}.admin-btn-ghost{color:#e2e8f0;background:0 0;border:1px solid #475569}.admin-toolbar .admin-btn-ghost{border-color:#64748b}.admin-btn-ghost:hover{background:#334155}.admin-notes-panel{z-index:48;background:var(--surface);border-left:1px solid var(--border);width:min(380px,100vw);height:100vh;padding:1rem;position:fixed;top:0;right:0;overflow-y:auto;box-shadow:-4px 0 24px #0f172a1f}.admin-notes-panel-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.admin-notes-panel-header h2{margin:0;font-size:1rem}.admin-notes-panel-lead{color:var(--muted);margin:0 0 .5rem;font-size:.75rem;line-height:1.45}.admin-notes-panel-lead code{font-size:.68rem}.admin-notes-panel-stats{color:var(--accent);margin:0 0 .75rem;font-size:.72rem;font-weight:600}.admin-notes-empty{color:var(--muted);font-size:.85rem}.admin-notes-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.admin-notes-list li{border:1px solid var(--border);background:var(--bg);border-radius:10px;padding:.75rem}.admin-notes-list li.resolved{opacity:.65}.admin-note-item-head{flex-wrap:wrap;align-items:center;gap:.35rem .5rem;margin-bottom:.35rem;font-size:.72rem;display:flex}.admin-note-status{text-transform:uppercase;border-radius:999px;margin-left:auto;padding:.1rem .4rem;font-size:.62rem;font-weight:700}.admin-note-status.open{color:#b45309;background:#fef3c7}.admin-note-status.resolved{color:#15803d;background:#dcfce7}.admin-note-excerpt{color:var(--muted);border-left:3px solid var(--accent-soft);margin:0 0 .35rem;padding-left:.5rem;font-size:.78rem;font-style:italic}.admin-note-body{margin:0 0 .35rem;font-size:.85rem;line-height:1.45}.admin-note-meta{color:var(--muted);margin:0 0 .5rem;font-size:.68rem}.admin-note-actions{gap:.5rem;display:flex}.admin-note-actions button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:6px;padding:.25rem .5rem;font-size:.68rem}.admin-note-actions button.danger{color:#dc2626;border-color:#fecaca}.admin-modal-backdrop{z-index:60;background:#0f172a73;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.admin-modal{background:var(--surface);width:min(480px,100%);box-shadow:var(--shadow);border-radius:14px;padding:1.25rem}.admin-modal h2{margin:0 0 .35rem;font-size:1.1rem}.admin-modal-meta{color:var(--muted);margin:0 0 .75rem;font-size:.78rem}.admin-modal-excerpt{background:var(--bg);border-left:3px solid var(--accent);color:var(--muted);border-radius:0 8px 8px 0;margin:0 0 1rem;padding:.65rem .85rem;font-size:.85rem}.admin-modal-label{flex-direction:column;gap:.35rem;margin-bottom:.75rem;font-size:.78rem;font-weight:600;display:flex}.admin-modal-label textarea,.admin-modal-label input{border:1px solid var(--border);resize:vertical;border-radius:8px;padding:.5rem .65rem;font-family:inherit;font-size:.85rem;font-weight:400}.admin-modal-checkbox{cursor:pointer;align-items:flex-start;gap:.5rem;margin:.75rem 0 .25rem;font-size:.85rem;font-weight:500;display:flex}.admin-modal-checkbox input{flex-shrink:0;margin-top:.15rem}.admin-modal-checkbox-hint{color:#64748b;margin:0 0 .75rem;font-size:.75rem;line-height:1.4}.admin-modal-error{color:#dc2626;margin:0 0 .5rem;font-size:.78rem}.admin-modal-actions{justify-content:flex-end;gap:.5rem;display:flex}.admin-selection-toolbar{z-index:210;color:#fff;cursor:pointer;background:#1e293b;border:none;border-radius:999px;padding:.35rem .65rem;font-size:.72rem;font-weight:600;position:fixed;transform:translate(-50%);box-shadow:0 4px 12px #0f172a40}.admin-selection-toolbar:hover{background:#0284c7}.admin-annotatable{-webkit-user-select:text;user-select:text;border-radius:4px;position:relative}.admin-annotatable:hover{outline-offset:3px;outline:1px dashed #94a3b8}.admin-annotatable.has-open-note{outline-offset:2px;outline:2px solid #fbbf24}.annotatable-note-marker{background:#f59e0b;border-radius:50%;width:8px;height:8px;position:absolute;top:.15rem;right:.15rem}.annotatable.section-intro{display:block}.content-card-body{margin:0 0 .75rem}.app:has(.admin-toolbar) .site-footer{padding-bottom:3rem}.site-header{background:var(--tlg-surface);border-bottom:1px solid var(--tlg-border);z-index:20;height:56px;position:sticky;top:0}.header-inner{flex-wrap:nowrap;align-items:center;gap:.75rem;height:56px;padding:0 1.25rem;display:flex}.header-spacer{flex:1;min-width:.5rem}.brand{flex-shrink:0;align-items:center;gap:.625rem;display:flex}.brand-wordmark{font-family:var(--tlg-font-display);color:var(--tlg-text);letter-spacing:-.01em;white-space:nowrap;font-size:1.0625rem;font-weight:700}.brand h1,.brand .tagline{display:none}.header-home-btn{border:1px solid var(--tlg-border);border-radius:var(--tlg-radius-pill);background:var(--tlg-text);color:#fff;font-family:var(--tlg-font-body);cursor:pointer;flex-shrink:0;padding:.45rem .875rem;font-size:.8125rem;font-weight:700}.header-home-btn:hover{opacity:.9}.reading-level-navbar{background:var(--tlg-warm);border-radius:var(--tlg-radius-pill);flex-shrink:0;align-items:center;gap:2px;padding:3px;display:flex}.reading-level-navbar button{color:var(--tlg-muted);font-family:var(--tlg-font-body);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:18px;padding:5px 14px;font-size:.8125rem;font-weight:600}.reading-level-navbar button:hover{color:var(--tlg-text-body)}.reading-level-navbar button.active{background:var(--accent);color:#fff;font-weight:700;box-shadow:0 1px 3px #00000026}.site-header .site-search{flex-shrink:1;min-width:0;max-width:260px}.site-header .site-search input{background:var(--tlg-warm);border-radius:var(--tlg-radius-pill);border:none;padding:.5rem 1rem;font-size:.84rem}.sidebar{background:var(--tlg-surface);border-right:1px solid var(--tlg-border);width:272px;padding:1.25rem 0}.level-sidebar-banner{background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:var(--tlg-radius-md);margin:0 .875rem 1.125rem;padding:.6875rem .875rem}.level-sidebar-banner-tier{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:.2rem;font-size:.66rem;font-weight:700}.level-sidebar-banner-text{color:var(--accent-text);font-size:.78rem;line-height:1.4}.level-sidebar-banner-link{font-family:var(--tlg-font-body);color:var(--accent);cursor:pointer;background:0 0;border:none;margin-top:.375rem;padding:0;font-size:.72rem;font-weight:600;display:inline-block}.level-sidebar-banner-link:hover{text-decoration:underline}.nav-group-label{letter-spacing:.1em;text-transform:uppercase;color:var(--tlg-faint);padding:.5rem 1rem .25rem;font-size:.66rem;font-weight:700}.nav-group li+li{margin-top:2px}.nav-module-btn{text-align:left;border-radius:var(--tlg-radius-sm);cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;width:calc(100% - 1.25rem);margin:2px .625rem;padding:.625rem .75rem;transition:background .15s}.nav-module-btn:hover{background:var(--tlg-warm)}.nav-module-btn.active{background:var(--accent-soft);border-left-color:var(--accent)}.nav-module-row{align-items:center;gap:.4375rem;margin-bottom:.1875rem;display:flex}.nav-module-badge{background:var(--tlg-border);width:20px;height:20px;color:var(--tlg-muted);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:.625rem;font-weight:700;display:flex}.nav-module-btn.active .nav-module-badge{background:var(--accent);color:#fff}.nav-module-badge--ref{font-size:.75rem}.nav-module-title{color:var(--tlg-text-body);font-size:.84rem;font-weight:600;line-height:1.25}.nav-module-btn.active .nav-module-title{color:var(--accent-text);font-weight:700}.nav-module-desc{color:var(--tlg-subtle);padding-left:1.6875rem;font-size:.72rem;line-height:1.35;display:block}.nav-module-btn.active .nav-module-desc{color:var(--accent-text-muted)}.nav-group button:not(.nav-module-btn){display:none}.sidebar-change-path{border-radius:var(--tlg-radius-sm);border-style:solid;font-size:.72rem}.learning-track-panel{border-radius:var(--tlg-radius-md);border-color:var(--accent-border);background:var(--accent-soft)}.main-content{background:var(--tlg-page);padding:2rem 2.5rem}.module-header{margin-bottom:1.75rem}.module-header-row{grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.35rem .75rem;margin-bottom:.5rem;display:grid}.module-header-badge{grid-area:1/1;align-self:center}.module-header-titles{grid-area:1/2;min-width:0}.module-header-actions{grid-area:2/1/auto/-1;justify-content:flex-end;display:flex}.module-header-row:not(:has(.module-header-badge)) .module-header-titles{grid-column:1/-1}.module-header-badge{border-radius:var(--tlg-radius-sm);background:var(--accent);color:#fff;width:36px;height:36px;font-family:var(--tlg-font-mono);flex-shrink:0;justify-content:center;align-items:center;font-size:.8125rem;font-weight:700;display:flex}.module-header-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:.125rem;font-size:.6875rem;font-weight:700}.module-header-title{font-family:var(--tlg-font-display);color:var(--tlg-text);letter-spacing:-.01em;margin:0;font-size:1.75rem;font-weight:700;line-height:1.1}.module-header-desc{color:var(--tlg-muted);max-width:680px;margin:0;font-size:.97rem;line-height:1.55}.module-header-desc strong,.module-header-desc .term{color:var(--tlg-text-body)}.topic-header,.main-content>.reading-level-picker{display:none}.step-card,.content-card,.science-note,.scenario-panel{background:var(--tlg-surface);border:1px solid var(--tlg-border);border-radius:var(--tlg-radius-lg);box-shadow:var(--tlg-shadow-sm)}.section-nav{border:none;gap:.5rem;margin-bottom:1.75rem;padding:0}.section-nav button{border-radius:var(--tlg-radius-pill);border:1px solid var(--tlg-border);background:var(--tlg-surface);color:var(--tlg-muted);font-family:var(--tlg-font-body);padding:.5rem 1.125rem;font-size:.84rem;font-weight:600}.section-nav button:hover{border-color:var(--accent-border);color:var(--tlg-text-body)}.section-nav button.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.site-footer{background:var(--tlg-surface);border-top:1px solid var(--tlg-border);color:var(--tlg-subtle);font-size:.8125rem}.tlg-card{background:var(--tlg-warm);border-color:var(--tlg-border)}.diagram-wrap.tlg-diagram-wrap{background:#fbf9f4;border-color:#e7e4da}@media (width<=900px){.reading-level-navbar{display:none}.sidebar-level-picker{margin:0 .875rem 1rem;display:block}.sidebar-level-picker .reading-level-picker{background:var(--tlg-warm);border-radius:var(--tlg-radius-md);border:1px solid var(--tlg-border);flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.sidebar-level-picker .reading-level-title{text-transform:uppercase;letter-spacing:.05em;color:var(--tlg-subtle);font-size:.72rem;font-weight:700}.sidebar-level-picker .reading-level-subtitle,.brand-wordmark{display:none}.main-content{padding:1.25rem 1rem}}@media (width>=901px){.sidebar-level-picker{display:none}}@media (width<=768px){.sidebar-toggle{display:flex}.sidebar{z-index:30;box-shadow:var(--tlg-shadow-lg);transition:transform .2s;position:fixed;top:56px;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{z-index:25;cursor:pointer;background:#1f1f1c59;border:none;display:block;position:fixed;inset:56px 0 0}}.tlg-card{background:#f1efe8;border:1px solid #e0ddd2;border-radius:18px;padding:1.25rem 1.375rem;box-shadow:0 1px 3px #00000014}.tlg-card:focus-within{outline-offset:3px;outline:2px solid #1d9e75}@keyframes tlg-fade{0%{opacity:0}to{opacity:1}}@keyframes tlg-pop{0%{transform:scale(.92)}60%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes tlg-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes tlg-hintpulse{0%,to{box-shadow:0 0 0 3px #1d9e75}50%{box-shadow:0 0 0 6px #1d9e7559}}.tlg-fade{animation:.35s tlg-fade}.tlg-pop{animation:.28s tlg-pop}.tlg-shake{animation:.24s tlg-shake}.tlg-hintpulse{animation:1.2s infinite tlg-hintpulse}.tlg-drop{animation:.35s tlg-pop}@media (prefers-reduced-motion:reduce){.tlg-fade,.tlg-pop,.tlg-shake,.tlg-hintpulse,.tlg-drop{animation:none!important}}.tlg-btn{cursor:pointer;border-radius:11px;padding:.65rem 1.125rem;font-family:inherit;font-size:.875rem;font-weight:600}.tlg-btn--primary{color:#fff;background:#1d9e75;border:none}.tlg-btn--primary:hover{background:#178a66}.tlg-btn--ghost{color:#2a2a26;background:#fff;border:1px solid #e0ddd2}.tlg-btn--ghost:hover:not(:disabled){border-color:#1d9e75}.tlg-btn:disabled{opacity:.55;cursor:default}.meiosis-explorer .legend-item.maternal:before{background:#1d9e75}.meiosis-explorer .legend-item.paternal:before{background:#d85a30}.meiosis-explorer .diagram-wrap.meiosis-diagram-wrap{aspect-ratio:560/320;justify-content:center;align-items:center;width:100%;max-width:560px;margin-left:auto;margin-right:auto;padding:.75rem;display:flex;overflow:hidden}.meiosis-diagram-stage{justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex}.meiosis-diagram-stage .tlg-meiosis-scene,.meiosis-diagram-stage .meiosis-diagram{flex-shrink:0;width:100%;max-width:none;height:100%;margin:0}.tlg-meiosis-wrap{max-width:560px;margin:0 auto}.tlg-meiosis-scene{width:100%;height:100%;display:block}.diagram-wrap.tlg-diagram-wrap{background:#fbf9f4;border:1px solid #e7e4da;border-radius:12px;padding:.75rem}.tlg-dna-strand{margin-top:1rem}.tlg-dna-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.tlg-dna-title{color:#2a2a26;font-size:1.125rem;font-weight:700}.tlg-dna-subtitle{color:#6b6a62;max-width:420px;margin-top:.25rem;font-size:.875rem}.tlg-dna-stats{gap:.75rem;display:flex}.tlg-stat{text-align:center;background:#fff;border:1px solid #e0ddd2;border-radius:11px;min-width:64px;padding:.5rem .875rem}.tlg-stat-value{color:#085041;font-family:ui-monospace,Space Mono,monospace;font-size:1.125rem;font-weight:700;display:block}.tlg-stat-label{color:#8a8980;font-size:.7rem}.tlg-dna-columns{flex-wrap:wrap;justify-content:center;gap:.625rem;padding:1rem 0;display:flex}.tlg-dna-column{flex-direction:column;align-items:center;gap:.375rem;display:flex}.tlg-base-tile{color:#fff;border:none;border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;font-family:ui-monospace,Space Mono,monospace;font-size:1.375rem;font-weight:700;display:flex;box-shadow:0 1px 2px #0000001f}.tlg-base-tile--fixed{cursor:default}.tlg-base-tile--selected{box-shadow:0 0 0 3px #2a2a26}.tlg-base-slot{color:#b4b2a9;cursor:pointer;background:#f1efe8;border:2px dashed #b4b2a9}.tlg-base-slot:not(:disabled):hover{color:#1d9e75;border-color:#1d9e75}.tlg-bond-dots{flex-direction:column;justify-content:center;gap:3px;min-height:26px;display:flex}.tlg-bond-dot{background:#1d9e75;border-radius:50%;width:5px;height:5px}.tlg-bond-guide{border-left:1.5px dashed #c9c6bb;width:1.5px;height:26px}.tlg-palette-section{border-top:1px solid #e0ddd2;margin-top:1.25rem;padding-top:1.125rem}.tlg-palette-label{color:#8a8980;margin-bottom:.625rem;font-size:.78rem;font-weight:600}.tlg-palette{flex-wrap:wrap;gap:.75rem;display:flex}.tlg-palette-item{flex-direction:column;align-items:center;gap:.375rem;display:flex}.tlg-palette-name{color:#8a8980;font-size:.68rem}.tlg-pair-hint{color:#1d9e75;margin-top:.75rem;font-size:.84rem;font-weight:600}.tlg-complete-banner{background:#e1f5ee;border-radius:13px;align-items:flex-start;gap:.75rem;margin-top:1rem;padding:.875rem 1rem;display:flex}.tlg-complete-banner strong{color:#085041;margin-bottom:.2rem;display:block}.tlg-complete-banner p{color:#1c5b4a;margin:0;font-size:.84rem;line-height:1.5}.tlg-dna-actions{flex-wrap:wrap;gap:.625rem;margin-top:1.125rem;display:flex}.tlg-codon-translator{margin-top:1rem}.tlg-codon-input-label{color:#8a8980;margin-bottom:.375rem;font-size:.78rem;font-weight:600;display:block}.tlg-codon-input-row{flex-wrap:wrap;gap:.5rem;display:flex}.tlg-codon-input{color:#2a2a26;letter-spacing:.08em;background:#fff;border:1px solid #e0ddd2;border-radius:11px;flex:1;min-width:200px;padding:.625rem .875rem;font-family:ui-monospace,Space Mono,monospace;font-size:1rem;font-weight:700}.tlg-codon-note{color:#8a8980;margin:.375rem 0 0;font-size:.8rem}.tlg-codon-note--error{color:#c0392b}.tlg-codon-presets{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}.tlg-preset-chip{color:#444441;cursor:pointer;background:#fff;border:1px solid #e0ddd2;border-radius:22px;padding:.5rem .875rem;font-family:inherit;font-size:.8125rem;font-weight:600}.tlg-preset-chip.active,.tlg-preset-chip:hover{color:#fff;background:#1d9e75;border-color:#1d9e75}.tlg-codon-belt-wrap{padding:.5rem 0 1rem;overflow-x:auto}.tlg-codon-belt{gap:8px;min-width:min-content;padding-top:8px;display:flex}.tlg-ribosome{pointer-events:none;background:#ba75171f;border:2px solid #ba7517;border-radius:12px;height:58px;transition:left .25s;position:absolute;top:-5px}.tlg-rna-tile{cursor:pointer;border:none;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:48px;font-family:ui-monospace,Space Mono,monospace;font-size:1.125rem;font-weight:700;display:flex}.tlg-rna-tile--start{box-shadow:0 0 0 2px #1d9e75}.tlg-codon-controls{flex-wrap:wrap;align-items:center;gap:.625rem;margin-bottom:1.25rem;display:flex}.tlg-speed-control{color:#6b6a62;align-items:center;gap:.5rem;margin-left:auto;font-size:.78rem;display:flex}.tlg-speed-control input{accent-color:#1d9e75;width:80px}.tlg-chain-label{color:#8a8980;align-items:center;gap:.75rem;margin-bottom:.625rem;font-size:.78rem;font-weight:600;display:flex}.tlg-aa-chain{flex-wrap:wrap;align-items:center;row-gap:.75rem;min-height:60px;display:flex}.tlg-aa-chain-item{align-items:center;display:flex}.tlg-aa-connector{background:#cdcabf;width:16px;height:2px}.tlg-aa-node{color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-family:inherit;font-size:.8125rem;font-weight:700;display:flex}.tlg-aa-node--hidden{color:#0000;cursor:default;border:2px dashed #cdcabf;background:#faf8f2!important}.tlg-aa-node--stop{border-radius:12px}.tlg-codon-summary{flex-wrap:wrap;gap:.625rem;margin:1.125rem 0;display:flex}.tlg-stat-box{background:#fff;border:1px solid #e0ddd2;border-radius:11px;flex:1;min-width:100px;padding:.75rem .875rem}.tlg-stat-mono{color:#085041;font-family:ui-monospace,Space Mono,monospace;font-size:1.375rem;font-weight:700;display:block}.tlg-stat-box span:last-child{color:#8a8980;font-size:.75rem}.base-card.base-A{background:#eef5e4;border-color:#639922}.base-card.base-T{background:#fdf0eb;border-color:#d85a30}.base-card.base-G{background:#ebf3fc;border-color:#378add}.base-card.base-C{background:#f0effa;border-color:#7f77dd}.base-card.base-A .base-letter{color:#639922}.base-card.base-T .base-letter{color:#d85a30}.base-card.base-G .base-letter{color:#378add}.base-card.base-C .base-letter{color:#7f77dd}.base-card{border-radius:14px}.account-menu{position:relative}.account-menu-trigger{border:1px solid var(--tlg-border,#e5e2d8);border-radius:var(--tlg-radius-pill,22px);background:var(--tlg-surface,#fff);color:var(--tlg-text-body,#2a2a26);cursor:pointer;align-items:center;gap:.5rem;padding:.35rem .65rem .35rem .35rem;font-size:.8125rem;font-weight:600;transition:border-color .15s,background .15s;display:inline-flex}.account-menu-trigger:hover{border-color:var(--tlg-blue,#378add)}.account-menu--compact .account-menu-trigger{padding-right:.35rem}.account-menu-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:1.75rem;height:1.75rem}.account-menu-avatar--placeholder{background:var(--tlg-warm,#f1efe8);color:var(--tlg-muted,#6b6a62);justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:inline-flex}.account-menu-label{text-overflow:ellipsis;white-space:nowrap;max-width:8rem;overflow:hidden}.account-menu-panel{z-index:200;border:1px solid var(--tlg-border,#e5e2d8);border-radius:var(--tlg-radius-lg,16px);background:var(--tlg-surface,#fff);min-width:14rem;padding:.5rem;position:absolute;top:calc(100% + .35rem);right:0;box-shadow:0 8px 24px #00000014}.account-menu-meta{color:var(--tlg-subtle,#8a8980);margin:.25rem .5rem .5rem;font-size:.6875rem;line-height:1.4}.account-menu-item{width:100%;color:var(--tlg-text-body,#2a2a26);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:.5rem .65rem;font-size:.8125rem;font-weight:600;display:block}.account-menu-item:hover{background:var(--tlg-warm,#f1efe8)}.account-menu-item--primary{color:var(--tlg-blue,#378add)}.account-menu-footnote{border-top:1px solid var(--tlg-border,#e5e2d8);color:var(--tlg-subtle,#8a8980);margin:.35rem .5rem .15rem;padding-top:.35rem;font-size:.625rem}.landing-nav-inner .account-menu{flex-shrink:0;margin-left:0}.header-inner .account-menu{flex-shrink:0}@media (width<=720px){.account-menu-label{display:none}}.feedback-trigger{color:var(--tlg-subtle,#8a8980);text-underline-offset:.15em;cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;margin:0;padding:0;font-size:.75rem;font-weight:600;text-decoration:underline;display:inline-flex}.feedback-trigger:hover{color:var(--tlg-blue,#378add)}.feedback-trigger--module{white-space:nowrap;flex-shrink:0;align-self:auto;margin-left:0;font-size:.75rem}.feedback-trigger--section{white-space:nowrap;text-align:right;flex-shrink:0;align-self:center;font-size:.75rem}.section-nav-bar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.section-nav-bar-controls{flex:1;min-width:0}.section-nav-bar .section-nav,.section-nav-bar .gene-picker{margin-bottom:0}.section-intro-block{margin-bottom:1rem}.section-intro-toolbar{justify-content:flex-end;margin-bottom:.35rem;display:flex}.feedback-overlay{z-index:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1f1f1c73;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.feedback-dialog{border-radius:var(--tlg-radius-xl,20px);border:1px solid var(--tlg-border,#e5e2d8);background:var(--tlg-surface,#fff);width:min(100%,28rem);max-height:min(90vh,640px);padding:1.25rem 1.35rem 1.35rem;overflow-y:auto;box-shadow:0 16px 48px #0000001f}.feedback-dialog--success{text-align:center}.feedback-dialog--success h2{font-family:var(--tlg-font-display,"Bricolage Grotesque", sans-serif);margin:0 0 .5rem;font-size:1.25rem}.feedback-dialog--success p{color:var(--tlg-muted,#6b6a62);margin:0 0 1.25rem;font-size:.875rem}.feedback-dialog-header{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.5rem;display:flex}.feedback-dialog-header h2{font-family:var(--tlg-font-display,"Bricolage Grotesque", sans-serif);margin:0;font-size:1.125rem;font-weight:700}.feedback-dialog-close{width:2rem;height:2rem;color:var(--tlg-muted,#6b6a62);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;font-size:1.35rem;line-height:1}.feedback-dialog-close:hover{background:var(--tlg-warm,#f1efe8)}.feedback-dialog-meta{font-family:var(--tlg-font-mono,"Space Mono", monospace);letter-spacing:.04em;text-transform:uppercase;color:var(--tlg-subtle,#8a8980);margin:0 0 .75rem;font-size:.625rem}.feedback-dialog-excerpt{border-left:3px solid var(--tlg-border,#e5e2d8);background:var(--tlg-warm,#f1efe8);color:var(--tlg-text-body,#2a2a26);margin:0 0 1rem;padding:.65rem .85rem;font-size:.8125rem;line-height:1.45}.feedback-type-fieldset{border:none;margin:0 0 1rem;padding:0}.feedback-type-legend{color:var(--tlg-text-body,#2a2a26);margin-bottom:.5rem;font-size:.8125rem;font-weight:600}.feedback-type-grid{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.feedback-type-option{border:1.5px solid var(--tlg-border,#e5e2d8);cursor:pointer;border-radius:10px;align-items:center;gap:.4rem;padding:.5rem .6rem;font-size:.75rem;font-weight:600;transition:border-color .15s,background .15s;display:flex}.feedback-type-option.selected{border-color:var(--tlg-blue,#378add);background:#ebf4ff}.feedback-type-option input{accent-color:var(--tlg-blue,#378add)}.feedback-message-label{flex-direction:column;gap:.35rem;margin-bottom:.65rem;font-size:.8125rem;font-weight:600;display:flex}.feedback-message-input{border:1.5px solid var(--tlg-border,#e5e2d8);width:100%;font:inherit;resize:vertical;border-radius:10px;padding:.65rem .75rem;font-size:.875rem;line-height:1.45}.feedback-message-input:focus{border-color:var(--tlg-blue,#378add);outline:none}.feedback-disclaimer{color:var(--tlg-subtle,#8a8980);margin:0 0 1rem;font-size:.6875rem;line-height:1.4}.feedback-dialog-actions{justify-content:flex-end;gap:.5rem;display:flex}.feedback-btn-primary,.feedback-btn-ghost{border-radius:var(--tlg-radius-pill,22px);cursor:pointer;padding:.5625rem 1rem;font-size:.8125rem;font-weight:700}.feedback-btn-primary{background:var(--tlg-text,#1f1f1c);color:#fff;border:none}.feedback-btn-primary:disabled{opacity:.45;cursor:not-allowed}.feedback-btn-primary:hover:not(:disabled){background:#2a2a26}.feedback-btn-ghost{border:1.5px solid var(--tlg-border-soft,#c9c5ba);color:var(--tlg-text-body,#2a2a26);background:0 0}@media (width<=720px){.feedback-trigger--module{white-space:normal;text-align:right;max-width:12rem;line-height:1.35}.section-nav-bar{flex-wrap:wrap;justify-content:flex-end}.section-nav-bar-controls{flex-basis:100%}}