.learn-page{padding-block:48px 80px}.learn-hero{max-width:900px;padding-block:28px 32px;position:relative}.learn-hero h1{margin:16px 0 24px;font-size:clamp(36px,5vw,64px);line-height:1.12}.learn-hero p{line-height:1.8}.learn-example{border:1px solid var(--line);border-left:3px solid var(--gold);border-radius:6px;max-width:80ch;padding:20px;line-height:1.8}.learn-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:36px 0;padding:0;list-style:none;display:grid}.learn-grid li{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:26px}.learn-grid h2{letter-spacing:0;margin:12px 0;font-size:clamp(25px,3vw,34px);line-height:1.2}.learn-grid h2 a{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1px;display:block}.learn-article{max-width:82ch}.learn-article section,.learn-actions{margin-top:32px}.learn-article h2,.learn-related h2{letter-spacing:0;margin:0 0 16px;font-size:clamp(26px,3vw,38px);line-height:1.25}.learn-article p{line-height:1.85}.learn-actions{border-top:1px solid var(--line);padding-top:28px}.learn-actions>.button{margin-bottom:24px}.learn-related{border-top:1px solid var(--line);margin-top:48px;padding-top:32px}.learn-related ul{flex-wrap:wrap;gap:12px 26px;padding:0;list-style:none;display:flex}.learn-page [lang=hi],.learn-page[lang=hi]{word-break:normal;overflow-wrap:break-word}.learn-page[lang=hi] h1,.learn-page[lang=hi] h2{line-height:1.45}@media (max-width:700px){.learn-grid{grid-template-columns:1fr}.learn-grid li{padding:20px}.learn-page{padding-block:24px 48px}}
