/* Scope article elements so they cannot inherit the global site header/nav layout. */
.article{max-width:1000px;margin:auto;padding:88px 24px 100px}
.article>header{height:auto;min-height:0;display:block;position:static;inset:auto;background:transparent;color:#151515;padding:0 0 52px;border-bottom:1px solid var(--line);z-index:auto}
.article>header>span{display:block}
.article h1{max-width:900px;font-size:clamp(42px,6vw,72px);line-height:1.02;letter-spacing:-.052em;margin:18px 0 24px;overflow-wrap:anywhere}
.article>header>p{max-width:800px;margin:0;font-size:20px;line-height:1.65;color:#68635e}
.article-meta{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}
.article-meta span{font-size:13px;color:#6c6864}
.article-body{max-width:760px;margin:auto}
.article-body section{padding:42px 0;border-bottom:1px solid var(--line)}
.article-body h2{font-size:clamp(26px,4vw,34px);line-height:1.18;letter-spacing:-.025em}
.article-body p,.article-body li{font-size:17px;color:#555}
.article-body li{margin:12px 0}
.article-body aside{background:#111;color:#fff;padding:36px;margin-top:45px}
.article-body aside h2{margin-top:0}.article-body aside p{color:#aaa}
.article-toc{display:grid;gap:0;margin:42px 0 12px;padding:24px 28px;background:#fff;border:1px solid var(--line);color:#151515;font-size:15px}
.article-toc strong{padding-bottom:12px;margin-bottom:4px;border-bottom:1px solid var(--line)}
.article-toc a{padding:9px 0;color:#5c5854;border-bottom:1px solid #eee}
.article-toc a:last-child{border-bottom:0}.article-toc a:hover{color:var(--red)}
.related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.related a{display:flex;flex-direction:column;min-height:130px;padding:20px;background:#fff;border:1px solid var(--line)}
.related small{color:var(--red);font-weight:700;letter-spacing:.08em}.related strong{margin-top:12px;line-height:1.35}
.article details{padding:18px 0;border-top:1px solid var(--line)}.article summary{cursor:pointer;font-weight:700}.article details p{margin-bottom:0}
@media(max-width:760px){.article{padding:54px 18px 76px}.article>header{padding:0 0 36px}.article h1{font-size:clamp(38px,12vw,52px)}.article>header>p{font-size:17px}.article-meta{display:grid;gap:6px}.article-body{max-width:none}.article-toc{margin-top:30px;padding:20px}.related{grid-template-columns:1fr}.article-body aside{padding:26px 22px}}