.banner{background:radial-gradient(ellipse at 90% 15%,#173e54 0,transparent 55%),var(--navy)}.banner-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:2rem;align-items:center;padding-block:clamp(2.5rem,7vw,5rem)}.banner h1{color:var(--mint)}.tracking{background:#203954;border:1px solid #ffffff33;border-radius:1rem;padding:1.25rem 1.5rem}.tracking h2{font-size:1.65rem}.tracking small{color:#e3edf4}.tracking progress{width:100%;accent-color:var(--mint);height:1.15rem}.text-button{color:var(--mint);background:transparent;border:0;padding:0;text-align:left;text-decoration:underline;text-underline-offset:.22em}.filters{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.6rem 0 .85rem}.filters label,.answer label{display:grid;gap:.3rem;font-weight:750}.filters select,.answer input{padding:.55rem .8rem;min-height:44px;border:1px solid #9ca9ae;border-radius:.55rem;background:white;color:var(--ink);max-width:100%}.muted{color:var(--muted)}.catalogue{margin-top:.65rem}.catalogue .card{display:flex;flex-direction:column;align-items:flex-start}.catalogue .card:first-child:has(.ready){border-color:#47ad98;background:#f5fffb}.catalogue .card .tag{margin-top:.9rem;letter-spacing:.08em;font-size:.69rem}.catalogue .card .action{margin-top:auto}.sources{margin-top:2rem;border-top:1px solid var(--line);padding-top:1.2rem}.lesson-banner .wrap{padding-block:2.7rem 3rem}.lesson-banner h1{font-size:clamp(2.45rem,6vw,4.5rem)}.lesson-banner .row{margin-top:1rem}.lesson-layout{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:1.5rem;align-items:start}.toc{position:sticky;top:1rem}.toc ol{margin:0;padding-left:1.3rem}.toc a{display:inline-block;padding:.25rem 0}.lesson{display:grid;gap:1rem}.lesson section{scroll-margin-top:1rem;padding:clamp(1rem,4vw,2.2rem)}.lesson h2{font-size:clamp(1.65rem,4vw,2.4rem)}.lesson h3{margin-top:1.25rem}.formula{margin:1rem 0;background:#e5f7f1;border-left:4px solid var(--teal);border-radius:.35rem;padding:.75rem 1rem;font-weight:750}.answer{display:flex;flex-wrap:wrap;align-items:end;gap:.75rem;margin:1rem 0}.answer input{width:12rem}.feedback:not(:empty){padding:.65rem .8rem;border-radius:.45rem;background:#e5f7f1;border-left:4px solid #007d73;color:var(--ink)}.feedback[data-state="incorrect"]:not(:empty){background:#fff0db;border-color:#b86a18}.lesson details{margin:1rem 0}.lesson summary{font-weight:750;cursor:pointer;color:#006a61}.quiz fieldset{border:1px solid var(--line);border-radius:.65rem;margin:1.1rem 0;padding:.65rem 1rem}.quiz legend{font-weight:800;padding:0 .35rem;max-width:100%}.quiz label{display:flex;gap:.55rem;align-items:center;padding:.3rem 0;cursor:pointer}.quiz input{accent-color:var(--teal);flex-shrink:0}.quiz .row{margin-top:1rem}.lesson ol li{margin:.3rem 0}@media(max-width:760px){.banner-layout,.lesson-layout{grid-template-columns:1fr}.toc{position:static}}@media(max-width:540px){.filters label{width:100%}}