/* Help / getting started. Tokens come from site.css. */
.guide-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px;margin-top:4px}
.guide-toc{position:sticky;top:96px;align-self:start;display:flex;flex-direction:column;gap:2px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);font-size:14px;counter-reset:toc}
.guide-toc strong{margin:0 0 8px;padding:0 10px;color:var(--subtle);font-size:12px;font-weight:650;letter-spacing:.06em}
.guide-toc a{display:flex;align-items:center;gap:10px;min-height:42px;padding:8px 10px;border-radius:var(--radius-sm);color:var(--ink-2);transition:background-color .15s,color .15s}
.guide-toc a:hover{background:var(--accent-soft);color:var(--blue)}
.guide-content{display:grid;gap:16px;min-width:0}
.guide-step{position:relative;padding:28px 32px 30px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper);box-shadow:var(--shadow-sm);scroll-margin-top:96px}
.guide-step h2{margin-bottom:12px;font-size:24px;font-weight:700}
.guide-step p{max-width:780px;font-size:15px;line-height:1.95}
.guide-step>.text-link{display:inline-flex;align-items:center;min-height:44px;margin-top:12px;font-size:14px}
.guide-number{display:inline-grid;place-items:center;width:36px;height:36px;margin-bottom:14px;border-radius:12px;background:linear-gradient(135deg,#2457a7,#4a7fd6);color:#fff;font-size:15px;font-weight:700;box-shadow:0 8px 16px -8px rgb(36 87 167/.8)}
.guide-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:20px;font-size:14px}
.guide-content>section:not(.guide-step){margin-top:24px;scroll-margin-top:96px}
.guide-content .section-heading{margin-bottom:16px}
.guide-content .section-heading h2{font-size:26px}
@media(max-width:800px){
  .guide-layout{grid-template-columns:1fr;gap:20px}
  .guide-toc{position:static;flex-direction:row;flex-wrap:wrap;gap:6px;padding:12px}
  .guide-toc strong{width:100%;margin-bottom:4px;padding:0 4px}
  .guide-toc a{min-height:40px;padding:6px 12px;border:1px solid var(--line);border-radius:999px;font-size:13px}
  .guide-step{padding:22px 20px}
  .guide-step h2{font-size:21px}
  .guide-step p{font-size:15px}
}
