.article-page{padding-bottom:90px}
.article-content{max-width:none;padding:0}
.article-content h1{font-size:clamp(52px,8vw,100px);line-height:.94;letter-spacing:-.09em;margin:0 0 25px}
.article-content h1 em{font-style:normal;color:#777}
.article-lead{max-width:none;color:var(--muted);font-size:18px;line-height:1.7;margin:0}
.article-summary{max-width:700px;border-left:3px solid var(--accent);padding:16px 20px;margin:10px 0 24px;color:var(--muted);font-size:15px;line-height:1.7}
.article-toc{display:grid;gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 42px;padding:18px 0}
.article-toc strong{font-size:12px;margin-bottom:10px}
.article-toc a{color:var(--ink);font-size:13px;text-decoration:none;padding:7px 0}
.article-toc a:hover{text-decoration:underline}
.article-content h2{font-size:32px;letter-spacing:-.06em;margin:42px 0 14px}
.article-content h2+p{max-width:680px;color:var(--muted);font-size:15px;line-height:1.8}
.article-note{display:flex;gap:24px;align-items:flex-start;background:var(--accent);border-radius:16px;padding:22px 24px;margin:15px 0;font-size:13px;line-height:1.7}
.article-note strong{text-transform:uppercase;letter-spacing:.1em;font-size:10px;white-space:nowrap}
.article-faq{margin-top:50px;border-top:1px solid var(--line)}
.article-faq h2{margin-top:28px}
.article-faq details{max-width:700px;padding:18px 0}
.article-faq summary{font-size:15px}
.article-faq p{max-width:650px}
.article-conclusion{margin-top:48px;padding:24px 0;border-top:1px solid var(--line)}
.article-conclusion h2{margin-top:0}
.article-conclusion p{max-width:680px;color:var(--muted);font-size:15px;line-height:1.8}
.back-to-materials{display:inline-block;margin:4px 0 24px;color:var(--ink);font-size:12px;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:4px}
.back-to-materials:hover{border-color:var(--ink)}
.article-related{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center;border-top:1px solid var(--line);margin-top:42px;padding-top:20px;font-size:12px}
.article-related strong{width:100%;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.article-related a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:3px}
.article-related a:hover{border-color:var(--ink)}
@media(max-width:800px){.article-page{padding-bottom:45px}.article-content h1{font-size:clamp(40px,11vw,58px)}.article-lead{font-size:15px}.article-content h2{font-size:27px;margin-top:32px}.article-note{display:block;padding:18px}.article-note span{display:block;margin-top:8px}.article-summary{font-size:14px}.article-toc{margin-bottom:30px}.article-faq{margin-top:35px}}