.hero{padding:18px 0 24px}.hero h1{font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.04em}.hero p{font-size:1rem}.course-section{scroll-margin-top:20px}.course-section>h2{font-size:1.8rem;margin:0}.course-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.course-card{display:flex;flex-direction:column;gap:12px;text-align:left;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px;min-width:0}.course-card:hover,.course-card[aria-pressed=true]{border-color:var(--mint);background:#15382c}.course-card .tag{font-size:.875rem;color:var(--mint)}.course-card strong{font-size:1.2rem;line-height:1.3}.course-card p{font-size:1rem;margin:0;color:var(--muted)}.course-card .open-course{margin-top:auto;padding-top:12px;color:var(--mint);font-weight:700}.reader{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--panel);margin-bottom:25px;scroll-margin-top:16px}.reader-head{padding:24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px}.reader-head h3{font-size:1.4rem;margin:4px 0}.reader-head p{margin:0;color:var(--muted)}.reader-body{display:grid;grid-template-columns:260px 1fr}.lesson-nav{padding:16px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:8px;align-items:stretch}.lesson-nav button{background:transparent;border:1px solid transparent;border-radius:12px;color:var(--muted);text-align:left;padding:12px;font-size:1rem}.lesson-nav button[aria-current=step]{background:var(--panel2);color:var(--ink);border-color:var(--mint)}.lesson-content{padding:28px;min-width:0;max-width:850px}.lesson-content h4{font-size:1.55rem;line-height:1.3;margin:0 0 18px}.lesson-content p{margin:0 0 18px}.lesson-content li{margin:8px 0}.lesson-content a,.course-sources a{color:var(--mint);text-underline-offset:3px}.example{background:#16372c;border-left:3px solid var(--mint);padding:18px;border-radius:0 12px 12px 0;margin:20px 0}.example p:last-child{margin-bottom:0}.quiz{border-top:1px solid var(--line);margin-top:26px;padding-top:20px}.quiz legend{font-weight:750;padding:0}.quiz fieldset{border:0;margin:0;padding:0}.quiz label{display:flex;gap:10px;padding:12px;margin:8px 0;border:1px solid var(--line);border-radius:10px;cursor:pointer}.quiz input{accent-color:var(--mint);flex-shrink:0}.quiz button,.reader-actions button{border:1px solid var(--line);border-radius:999px;padding:10px 18px;background:var(--panel2);color:var(--ink);font-weight:700}.quiz button{background:var(--mint);color:var(--bg)}.feedback{margin:12px 0!important;min-height:1.6em}.reader-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:24px}.reader-actions button:disabled{opacity:.45;cursor:default}.course-sources{font-size:.875rem;color:var(--muted);margin-top:24px}.comparison{overflow-x:auto;margin:18px 0}table{border-collapse:collapse;width:100%;font-size:1rem}th,td{padding:14px;text-align:left;border:1px solid var(--line);vertical-align:top}th{background:var(--panel2)}.storage-note{font-size:.875rem;color:var(--muted)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.progress-meta,.lesson small,.note,.footer{font-size:.875rem}.progress-fill{width:0}.course-section[hidden],.reader[hidden]{display:none}@media(max-width:950px){.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reader-body{grid-template-columns:210px 1fr}}@media(max-width:600px){.course-grid{grid-template-columns:1fr}.course-card{gap:8px;padding:18px}.reader-body{grid-template-columns:1fr}.lesson-nav{border-right:0;border-bottom:1px solid var(--line)}.lesson-content,.reader-head{padding:20px}.reader-head{align-items:flex-start}.hero h1{font-size:2.3rem}.course-section>h2{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:800px){.reader-body{grid-template-columns:1fr}.lesson-nav{border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:450px){.lesson-nav{grid-template-columns:1fr}.comparison th,.comparison td{padding:10px;overflow-wrap:anywhere}}