.beginner-guide .article-header h1{font-size:clamp(2rem,4vw,3rem);line-height:1.12;max-width:22ch}
.beginner-guide .prose{font:400 1.05rem/1.8 Inter,ui-sans-serif,system-ui,sans-serif}
.beginner-guide .prose h2{font-size:1.6rem;line-height:1.25;margin:2.2em 0 .75em}
.beginner-guide .prose h3{font-size:1.2rem;line-height:1.35;margin:0 0 12px;letter-spacing:-.02em}
.beginner-guide .prose p{margin:0 0 18px}.beginner-guide .prose figure{margin:28px 0}
.beginner-guide figcaption{font:.8rem/1.55 Inter,ui-sans-serif,system-ui,sans-serif;color:var(--muted)}
.learn-takeaway,.learn-playground,.learn-quiz,.learn-advanced{margin:28px 0;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--card)}
.learn-takeaway{border-left:4px solid var(--brand)}.learn-takeaway p:last-child{margin:0}
.learn-kicker{color:var(--brand-dark);font:800 .72rem/1.4 Inter,ui-sans-serif,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px!important}
.learn-playground label{display:block;font-weight:750;margin:20px 0 8px}.learn-playground select{display:block;width:100%;min-height:48px;padding:12px 14px;font:inherit;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink)}
.learn-playground .button{max-width:100%;min-height:48px;white-space:normal;text-align:center;border:0;cursor:pointer}
.learn-playground .button.primary{background:var(--brand);color:var(--paper)}
.learn-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0}.learn-flow>div{padding:14px 10px;border:1px solid var(--line);border-radius:14px;font-size:.85rem;text-align:center;line-height:1.4;background:var(--paper)}
.learn-flow span{display:block;width:28px;height:28px;line-height:28px;border-radius:50%;margin:0 auto 8px;background:var(--card);color:var(--brand-dark);font-weight:800}.learn-flow [data-active="true"]{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}
.learn-result{padding:14px 16px;margin:18px 0!important;border:1px solid var(--line);border-radius:12px;background:var(--paper);font-size:.94rem;min-height:3em;overflow-wrap:anywhere}
.learn-result[data-tone="success"]{border-left:4px solid var(--brand)}.learn-result[data-tone="warning"]{border-left:4px solid var(--accent)}
.learn-reset{font:700 .9rem/1.5 Inter,ui-sans-serif,system-ui,sans-serif;text-decoration:underline;text-underline-offset:4px;border:0;background:transparent;color:var(--brand-dark);padding:8px 0;cursor:pointer}
.learn-footnote{font-size:.78rem!important;line-height:1.55;color:var(--muted);margin:10px 0 0!important}
.learn-laptops{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none!important;padding:0!important;margin:24px 0!important}.learn-laptops li{margin:0!important;padding:16px 10px;display:grid;gap:6px;text-align:center;border:1px solid var(--line);border-radius:16px;background:var(--paper);min-width:0;font-size:.86rem;line-height:1.4}
.learn-laptops svg{width:74px;max-width:100%;height:58px;justify-self:center;fill:var(--card);stroke:var(--muted);stroke-width:2}.learn-laptops span{font-size:.75rem;color:var(--muted)}.learn-laptops b{font-size:.8rem}.learn-laptops [data-changed="true"]{border-color:var(--brand)}.learn-laptops [data-changed="true"] svg{stroke:var(--brand)}
.learn-answers{display:grid;gap:10px}.learn-answers button{padding:14px;text-align:left;min-height:48px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);font:600 .95rem/1.45 Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer}.learn-answers button:hover{border-color:var(--brand)}
.learn-advanced summary{cursor:pointer;color:var(--brand-dark);font-weight:750;min-height:44px}.learn-advanced[open] summary{margin-bottom:20px}.learn-advanced pre{font:.78rem/1.6 ui-monospace,monospace;overflow:auto}.learn-advanced p{font-size:.92rem}
.learn-terms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}.learn-terms>div{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--card)}.learn-terms dt{font-weight:800;color:var(--brand-dark)}.learn-terms dd{margin:8px 0 0;font-size:.92rem}
.beginner-guide .guide-resources{margin:36px 0}.beginner-guide .guide-resources h2{font-size:1.1rem;margin:0 0 10px}.beginner-guide .editorial-note{font-size:.8rem;padding:10px 14px}
@media(max-width:560px){.learn-playground,.learn-quiz,.learn-takeaway,.learn-advanced{padding:18px}.learn-laptops{grid-template-columns:minmax(0,1fr)}.learn-laptops li{grid-template-columns:64px minmax(0,1fr);text-align:left;column-gap:14px;padding:14px}.learn-laptops svg{grid-column:1;grid-row:1/4;align-self:center}.learn-laptops strong,.learn-laptops span,.learn-laptops b{grid-column:2}.learn-terms{grid-template-columns:minmax(0,1fr)}.learn-flow{gap:6px}.learn-flow>div{font-size:.75rem;padding:12px 6px}.beginner-guide .article-header h1{font-size:2rem}.beginner-guide .prose{font-size:1rem}.beginner-guide .prose h2{font-size:1.4rem}}