/* Class C — presentation only. Shared rules keep the two language pages visually consistent. */
:root{color-scheme:dark;--bg:#0f1b2d;--panel:#15263c;--text:#f1f5fa;--muted:#b7c7d9;--accent:#5ee4c3;--line:#304257;--width:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--bg);color:var(--text);font:1rem/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--accent);text-underline-offset:.22em}a:hover{text-decoration-thickness:.15em}a:focus-visible,summary:focus-visible{outline:3px solid #fff;outline-offset:5px}::selection{background:var(--accent);color:var(--bg)}.wrap{width:min(var(--width),calc(100% - 3rem));margin:auto}.skip{position:absolute;left:1rem;top:-5rem;padding:.7rem;background:var(--text);color:var(--bg);z-index:10}.skip:focus{top:1rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1.4rem;padding:1.5rem 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.brand{font-weight:800;text-decoration:none;font-size:1.1rem;color:var(--text)}nav{display:flex;gap:1.3rem;flex-wrap:wrap}nav a{font-size:.9rem;color:var(--muted);text-decoration:none}.languages{display:flex;gap:.7rem;font-size:.9rem}.languages [aria-current]{color:var(--text);font-weight:700}.hero{padding:5.8rem 0 4rem;max-width:960px}.eyebrow{font-size:.8rem;letter-spacing:.14em;color:var(--accent);font-weight:750;margin:0 0 1.5rem}h1,h2,h3{line-height:1.13;letter-spacing:-.035em;text-wrap:balance}h1{font-size:clamp(2.6rem,6.2vw,4.8rem);max-width:1000px;margin:0 0 1.4rem}h2{font-size:clamp(1.9rem,3.7vw,2.8rem);margin:0 0 1.7rem}h3{font-size:1.25rem;letter-spacing:-.02em}.lead{font-size:1.25rem;max-width:740px;color:var(--muted);line-height:1.55}.byline{font-size:.95rem;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.2rem;border:1px solid var(--accent);border-radius:.3rem;text-decoration:none;font-weight:700;font-size:.95rem;min-height:48px}.button.primary{background:var(--accent);color:var(--bg)}.button.secondary{color:var(--text);border-color:var(--line)}section.content{padding:4rem 0;border-top:1px solid var(--line)}.intro-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:4rem}.intro-grid p{margin-top:0;color:var(--muted)}.small{font-size:.9rem;color:var(--muted)}.quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin:2.3rem 0 0}.quotes figure{margin:0;padding-top:1.2rem;border-top:2px solid var(--accent)}blockquote{margin:0 0 1rem;font-size:1.04rem;line-height:1.7}figcaption{font-size:.85rem}.reading{list-style:none;padding:0;margin:2rem 0;display:grid;grid-template-columns:1fr 1fr;gap:0 2.5rem}.reading li{display:grid;grid-template-columns:3rem 1fr;gap:1rem;padding:1.5rem 0;border-top:1px solid var(--line)}.number{font:1.2rem/1.3 ui-monospace,monospace;color:var(--accent);padding-top:.2rem}.reading h3{margin:0 0 .6rem}.reading p{margin:0 0 .6rem;color:var(--muted)}.example{background:var(--panel);border-left:3px solid var(--accent);padding:2rem;margin-top:2.3rem}.example h3{margin-top:0}.example p{color:var(--muted)}.example blockquote{padding:1rem 0}.canon-list{list-style:none;margin:2rem 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:2.5rem}.canon-list li{border-top:1px solid var(--line);padding:1rem 0;line-height:1.5;break-inside:avoid}.canon-list a{color:var(--text);text-decoration:none;display:block}.canon-list a:hover{color:var(--accent)}.status{color:var(--accent);font-size:.8rem;display:block;margin-top:.25rem}.author-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.author-grid p{color:var(--muted)}footer{border-top:1px solid var(--line);padding:2rem 0 3rem;font-size:.85rem;color:var(--muted)}footer p{margin:.5rem 0}.name{color:var(--text)}@media(max-width:760px){.wrap{width:calc(100% - 2rem)}.topbar{gap:1rem}.topbar nav{order:3;width:100%;gap:1rem}.hero{padding:3.5rem 0 3rem}.intro-grid,.quotes,.reading,.canon-list,.author-grid{grid-template-columns:1fr;gap:1.5rem}.canon-list{gap:0}section.content{padding:3rem 0}.intro-grid h2{margin-bottom:0}.example{padding:1.3rem}.lead{font-size:1.15rem}.actions .button{flex-grow:1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Class C: the example and sharing sections stay static and usable without scripts. */
.practice-grid,.share-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start;margin-top:2rem}
.review-steps{padding-left:1.5rem}.review-steps li{padding:.65rem 0}.review-steps strong,.review-steps span{display:block}.review-steps span{color:var(--muted)}
.terminal{background:#0a1422;border:1px solid var(--line);border-radius:.6rem;padding:1.5rem;min-width:0}.terminal p:first-child{margin:0 0 1rem;font-size:.85rem;color:var(--muted)}
pre{overflow:auto;font:clamp(.72rem,2.7vw,.9rem)/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;padding:1rem 0;margin:0;tab-size:2}.result{color:var(--accent);border-top:1px solid var(--line);margin-top:.6rem}
.share-grid>div{min-width:0}.share-grid p{color:var(--muted)}.share-grid .actions{margin-top:1.25rem}.share-label{display:block;font-size:.9rem;margin:.8rem 0 .35rem}
.share-url{width:100%;min-width:0;background:#0a1422;color:var(--text);border:1px solid var(--line);border-radius:.3rem;padding:.8rem;font:inherit;font-size:.85rem;min-height:48px}
.share-url:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.share-preview{margin:0;min-width:0}.share-preview img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:.5rem}.share-preview figcaption{margin-top:.7rem;color:var(--muted)}
@media(max-width:760px){.practice-grid,.share-grid{grid-template-columns:1fr;gap:1.8rem}.terminal{padding:1.1rem}.review-steps{margin-bottom:1.5rem}}

.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.8rem 3rem}.faq-grid p,.citation{color:var(--muted)}.citation{overflow-wrap:anywhere}@media(max-width:760px){.faq-grid{grid-template-columns:1fr}}