/* Educational pages reuse the arcade's palette and system typography. */
.learn-nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px}
.learn-nav a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;font-size:13px;text-underline-offset:4px}
.learn-nav a[aria-current="page"]{text-decoration-thickness:3px}
.learn-content{max-width:820px;padding-block:36px 56px;overflow-wrap:anywhere}
.learn-content h1{font-size:clamp(30px,5vw,52px);line-height:1.1;letter-spacing:-1.5px;max-width:18ch;margin:14px 0 24px}
.learn-content .lede{font-size:18px;line-height:1.65;color:var(--muted)}
.learn-content section{border-top:1px solid var(--line);padding-top:20px;margin-top:30px}
.learn-content h2{font-size:23px;line-height:1.3;margin:0 0 14px}
.learn-content p,.learn-content li{font-size:15px;line-height:1.8}
.learn-content ul,.learn-content ol{padding-left:24px}
.learn-content li+li{margin-top:10px}
.learn-content a{text-underline-offset:4px}
.learn-content .source-note{font-size:13px;color:var(--muted)}
.learn-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:32px}
.learn-actions .primary{display:inline-flex;justify-content:center;width:auto;font-size:13px;max-width:100%;text-decoration:none}
.learn-page footer{align-items:flex-start;gap:20px;flex-wrap:wrap}
.learn-page footer span{max-width:100%}
@media(max-width:700px){.learn-page .site-header{align-items:flex-start;flex-direction:column;gap:18px;padding-block:24px}.learn-content{padding-block:24px 40px}.learn-content .lede{font-size:16px}.learn-nav{gap:4px 16px}.learn-content h2{font-size:21px}}