.article-shell{max-width:1100px;margin:auto;padding:35px 6% 70px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px 14px;color:var(--muted);font-size:.875rem;margin-bottom:42px}.breadcrumbs a:hover{color:var(--lime)}.article-heading{max-width:830px;margin:0 auto 35px}.article-heading h1{font-size:clamp(2rem,4.1vw,3.6rem);line-height:1.65;margin:18px 0}.article-intro{font-size:1.2rem;color:#ded4e7;line-height:2}.article-meta{font-size:.875rem;color:var(--muted);margin-top:20px}.article-figure{margin:30px 0 38px}.article-figure img{height:auto;aspect-ratio:1672/941;border-radius:16px;object-fit:cover}.article-figure figcaption{display:block;font-size:.875rem;color:var(--muted);padding-top:12px;line-height:1.9}.article-copy{max-width:760px;margin:auto;font-size:1.0625rem;line-height:2.15}.article-copy p{margin:18px 0}.article-copy h2{font-size:clamp(1.5rem,3vw,2rem);margin:48px 0 15px;line-height:1.8}.article-copy h3{font-size:1.2rem;margin:28px 0 10px;color:var(--purple)}.article-copy a:not(.button){color:var(--lime);text-decoration:underline;text-underline-offset:5px}.article-copy li{margin-block:9px}.article-copy ul,.article-copy ol{padding-inline-start:26px}.article-toc{padding:22px 28px;margin:32px 0;background:var(--bg-raised);border-right:3px solid var(--purple);border-radius:8px}.article-toc ol{margin-bottom:0}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:1rem}th,td{text-align:right;padding:15px;border:1px solid #574663}th{background:var(--bg-raised)}.article-course{background:var(--bg-raised);border:1px solid #675279;border-radius:15px;padding:28px;margin:45px 0 30px}.article-course h2{margin:12px 0}.article-course .button{margin-top:14px}.article-teaser{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:center;margin-top:30px}.article-teaser img{aspect-ratio:1672/941;height:auto;border-radius:14px}.article-teaser h3{font-size:1.65rem;line-height:1.8;margin:15px 0}.article-teaser p{color:var(--muted);margin-bottom:20px}.articles-section{padding-block:70px;border-top:1px solid var(--line)}@media(max-width:780px){.article-shell{padding-top:24px}.breadcrumbs{margin-bottom:28px}.article-copy{font-size:1rem}.article-intro{font-size:1.0625rem}.article-toc,.article-course{padding:20px}.article-teaser{grid-template-columns:1fr;gap:22px}.article-heading h1{font-size:2rem}.article-copy h2{margin-top:36px}.article-figure img{border-radius:10px}}
.drawing-figure img{aspect-ratio:auto;height:auto}.article-teaser+.article-teaser{border-top:1px solid var(--line);padding-top:40px}