.article-index,.article-page{padding-block:clamp(36px,7vw,80px)}.article-index{max-width:940px}.article-index-head{margin-bottom:36px}.article-index-head p{color:var(--quiet);margin:10px 0 0;line-height:1.7}.article-list{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}.article-row{border-bottom:1px solid var(--rule);grid-template-columns:minmax(120px,220px) minmax(0,1fr) auto;align-items:center;gap:22px;padding:24px 0;display:grid}.article-row img{border:1px solid var(--rule);width:100%;height:auto;display:block}.article-no-cover{background:#f0f1ed;min-height:80px}.article-row h2{font-size:clamp(20px,2.5vw,26px);line-height:1.45}.article-row:hover h2,.article-arrow{color:var(--accent)}.article-excerpt{color:var(--quiet);margin:8px 0 0;font-size:14px;line-height:1.65}.article-meta{color:var(--quiet);flex-wrap:wrap;gap:6px 14px;margin:0 0 8px;font-size:13px;display:flex}.article-page{max-width:990px}.article-head{max-width:720px}.article-head h1{text-wrap:pretty;font-size:clamp(28px,4vw,40px);line-height:1.35}.article-crumb{color:var(--quiet);gap:8px;margin:0 0 14px;font-size:13px;display:flex}.article-crumb a,.article-body a,.article-end a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.article-deck{color:var(--quiet);margin:14px 0 19px;font-size:17px;line-height:1.75}.article-cover{max-width:720px;margin:27px 0 34px}.article-cover img{border:1px solid var(--rule);width:100%;height:auto;display:block}.article-page figcaption{color:var(--quiet);margin-top:9px;font-size:13px;line-height:1.55}.article-reading{grid-template-columns:minmax(0,720px) minmax(130px,1fr);align-items:start;gap:34px;display:grid}.article-body{overflow-wrap:anywhere;grid-area:1/1;min-width:0;font-size:16px;line-height:1.95}.article-body h2{margin:36px 0 10px;scroll-margin-top:20px;font-size:23px;line-height:1.45}.article-body p{margin:0 0 16px}.article-body figure{margin:20px 0}.article-body img{max-width:100%;height:auto;display:block}.article-body pre{border:1px solid var(--rule);padding:14px;overflow:auto}.article-toc{grid-column:2;position:sticky;top:22px}.article-toc p{margin:0 0 9px;font-size:14px;font-weight:600}.article-toc ol,.article-mobile-toc ol{color:var(--quiet);margin:0;padding-left:1.3em;font-size:13px;line-height:1.7}.article-toc li,.article-mobile-toc li{margin-block:6px}.article-toc a:hover,.article-mobile-toc a:hover{color:var(--accent);text-decoration:underline}.article-toc a[aria-current=location]{color:var(--accent);text-underline-offset:3px;font-weight:650;text-decoration:underline}.article-mobile-toc{display:none}.article-end{border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;max-width:720px;margin-top:38px;padding-top:17px;font-size:14px;display:flex}.article-share{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.article-share button{border:1px solid var(--rule);color:var(--ink);background:0 0;padding:7px 11px}.article-share button:hover{color:var(--accent);border-color:var(--accent)}.article-share input{max-width:100%;color:var(--ink)}.article-share [role=status]{color:var(--quiet);font-size:13px}@media (max-width:800px){.article-reading{display:block}.article-toc{display:none}.article-mobile-toc{border-block:1px solid var(--rule);margin-bottom:20px;padding-block:10px;display:block}.article-mobile-toc summary{cursor:pointer;font-size:14px}.article-mobile-toc ol{margin-top:8px}}@media (max-width:540px){.article-row{grid-template-columns:minmax(0,1fr) auto;gap:12px}.article-row img{grid-column:1/-1}.article-no-cover{display:none}.article-row div{align-self:start}}.article-body video{max-width:100%;height:auto;display:block}