.mda-lesson{max-width:900px;padding-top:48px;padding-bottom:64px}.mda-lesson h1{font-size:clamp(2rem,4vw,3.6rem);line-height:1.12;overflow-wrap:anywhere}.mda-lesson h2{font-size:clamp(1.5rem,2.8vw,2.1rem);line-height:1.25;margin:42px 0 18px;letter-spacing:-.025em}.mda-lesson p,.mda-lesson li{font-size:17px;line-height:1.85}.mda-lesson .lead{font-size:19px}.mda-lesson .byline{font-size:13px;color:var(--muted)}.mda-lesson figure{margin:28px 0}.mda-lesson figure img{width:100%;height:auto;border-radius:16px}.mda-lesson figcaption{font-size:13px;color:var(--muted);margin-top:10px}.mda-lesson .toc{padding:22px;background:var(--soft);border-radius:12px;display:grid;gap:8px}.mda-lesson .toc a{font-size:15px;min-height:36px;display:flex;align-items:center}.mda-example{background:var(--soft);padding:24px;border-radius:14px}.mda-example dl{margin:0}.mda-example dt{font-weight:700;margin-top:18px}.mda-example dd{margin:5px 0 0;line-height:1.7}.mda-exercise{padding:26px;border-left:4px solid var(--orange);background:#fff4e9;border-radius:0 14px 14px 0}.mda-faq details{border-bottom:1px solid var(--line);padding:16px 0}.mda-faq summary{cursor:pointer;font-weight:700;line-height:1.6;min-height:44px}.mda-faq p{margin:12px 0 0}.mda-related{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.mda-related a{padding:12px 16px;border:1px solid var(--line);border-radius:8px;min-height:46px}.mda-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.mda-guide-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--paper)}.mda-guide-card>a{display:block;text-decoration:none;height:100%}.mda-guide-card img{width:100%;height:auto;aspect-ratio:1200/850;object-fit:cover}.mda-guide-card>a>div{padding:24px}.mda-guide-card h3{font-size:24px;line-height:1.3}.mda-guide-card .eyebrow{font-size:10px;margin-bottom:12px}.mda-guide-card p{font-size:15px;line-height:1.7}.mda-guide-card:hover h3{text-decoration:underline}.mda-guide-card a:focus-visible{outline:3px solid var(--orange);outline-offset:-4px}.mda-lesson .mda-source{font-size:14px;overflow-wrap:anywhere}@media(max-width:900px){.mda-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.mda-guide-grid{grid-template-columns:1fr}.mda-lesson{padding-top:32px}.mda-lesson p,.mda-lesson li{font-size:16px;line-height:1.8}.mda-lesson .lead{font-size:18px}.mda-example,.mda-exercise{padding:20px}.mda-related{display:grid}.mda-guide-card h3{font-size:23px}.mda-lesson .toc a{min-height:44px}.mda-lesson figure{margin:24px 0}}