/* Getting-started guide: an article laid out inside the home page's header, colours and footer (styles.css). */
.guide{width:min(100% - 64px,980px);margin:0 auto;padding:48px 0 72px}
.guide-intro{padding-bottom:12px;border-bottom:1px solid #35505588}
.guide-intro h1{margin:14px 0 12px;font-size:clamp(34px,5vw,54px);line-height:1.05;letter-spacing:-.02em}
.guide-lead{max-width:760px;margin:0 0 24px;color:var(--muted);font-size:18px}
.guide-toc{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.guide-toc a{padding:7px 13px;border:1px solid var(--line);border-radius:999px;color:#d6e2de;font-size:13px;font-weight:800;text-decoration:none;background:var(--surface)}
.guide-toc a:hover{border-color:var(--lime);color:var(--lime-soft)}
.guide section{padding-top:44px;scroll-margin-top:16px}
.guide h2{margin:0 0 14px;font-size:clamp(26px,3.4vw,34px);line-height:1.15}
.guide h3{margin:0 0 6px;font-size:17px}
.guide p,.guide li{color:#d3dfdb;font-size:16px}
.guide a{color:var(--lime-soft)}
.guide strong{color:var(--ink)}
.guide-steps{counter-reset:step;list-style:none;margin:18px 0;padding:0;display:grid;gap:12px}
.guide-steps li{counter-increment:step;position:relative;padding:14px 16px 14px 60px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.guide-steps li::before{content:counter(step);position:absolute;left:16px;top:13px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:#14201a;font-weight:900}
.guide-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:18px 0}
.guide-cards article{padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.guide-cards article p{margin:6px 0 0;font-size:15px}
.guide-note{padding:12px 16px;border-left:4px solid var(--aqua);border-radius:8px;background:var(--surface-2)}
.guide-shot{margin:22px 0}
.guide-shot img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:12px;background:#0b1118}
.guide-shot figcaption{margin-top:8px;color:var(--muted);font-size:14px}
.guide-figgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.guide-figgrid .guide-shot{margin:0}
.guide .button{margin-top:8px}
.header-nav a[aria-current="page"]{color:var(--lime)}
@media(max-width:650px){.guide{width:calc(100% - 32px);padding-top:28px}.guide-figgrid{grid-template-columns:1fr}.guide-steps li{padding-left:54px}.guide-lead{font-size:16px}}
@media(prefers-reduced-motion:reduce){.guide section{scroll-margin-top:0}}