/* Long-form article page (self-hosting guide): narrow reading column, numbered steps, code blocks. */
.article{max-width:820px;padding:72px 0 96px}
.article-head h1{font-size:clamp(34px,4.4vw,54px);line-height:1.06;letter-spacing:-.045em;margin:0 0 22px}
.article-lede{font-size:18px;line-height:1.6;color:#3b4b5b;margin:0 0 6px}
.article .fine-print{max-width:none;margin-top:14px}
.article .fine-print a{color:var(--orange);text-decoration:underline}
.article h2{font-size:24px;line-height:1.2;letter-spacing:-.03em;margin:0 0 12px}
.article p,.article li{font-size:16px;line-height:1.65;color:#2b3a49}
.article code{font:13.5px var(--mono);background:#eef3f7;border-radius:4px;padding:2px 5px}
.article pre{margin:14px 0;padding:16px 18px;background:#13254f;color:#e6edff;border-radius:10px;overflow-x:auto}
.article pre code{background:none;padding:0;color:inherit;font-size:13.5px;line-height:1.7}
.article blockquote{margin:14px 0;padding:14px 18px;border-left:4px solid var(--orange);background:#f6f9fb;font-size:17px;font-weight:600;color:var(--ink)}
.article-box{margin:40px 0;padding:24px 28px;border:1px solid var(--line);border-radius:14px;background:#f6f9fb}
.article-box ul{margin:0;padding-left:20px}
.article-box li+li{margin-top:8px}
.steps{list-style:none;margin:0;padding:0;counter-reset:none}
.steps>li{padding:32px 0;border-top:1px solid var(--line)}
.steps>li ul{margin:0 0 16px;padding-left:20px}
.steps>li li+li{margin-top:8px}
.step-no{display:inline-grid;place-items:center;width:32px;height:32px;margin-right:12px;border-radius:50%;background:var(--ink);color:#fff;font:700 14px var(--sans);letter-spacing:0;vertical-align:2px}
.note{padding:12px 16px;border-radius:8px;background:#fff4e8;border:1px solid #f5d3ae}
.article-cta{margin-top:24px;padding:32px;border-radius:14px;background:#13254f;color:#fff}
.article-cta h2,.article-cta p{color:#fff}
.article-cta .text-link{margin-left:18px;color:#c9d6fa;font-weight:650}
@media (max-width:700px){
  .article{padding:44px 0 64px}
  .article-box{padding:20px}
  .article-cta .text-link{display:block;margin:16px 0 0}
}