/* Guide: chapters with a contents sidebar. */
main.help.guide{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;max-width:1240px;margin:0 auto;padding:20px 16px 80px}
.g-side{position:sticky;top:calc(var(--hdr, 57px) + 16px);align-self:start;max-height:calc(100vh - 90px);overflow:auto;font-size:14px}
.g-menu summary{display:none}
.g-side nav{display:flex;flex-direction:column;gap:2px}
.g-home{font-weight:700;text-decoration:none;color:var(--ink);padding:6px 8px;border-radius:8px}
.g-part{margin:14px 8px 4px;font-family:var(--f-cond);text-transform:uppercase;letter-spacing:.4px;color:var(--muted);font-size:15px}
.g-chs{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.g-chs > li > a{display:flex;gap:8px;align-items:center;text-decoration:none;color:var(--ink);padding:6px 8px;border-radius:8px;font-weight:600}
.g-side a:hover{background:var(--surface)}
.g-side a.on,.g-home.on{background:var(--accent-soft);color:var(--accent)}
.g-n{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:var(--line);color:var(--ink)}
.g-side a.on .g-n{background:var(--accent);color:#fff}
.g-steps{list-style:none;margin:2px 0 6px 38px;padding:0;display:none;border-left:2px solid var(--line)}
.g-chs > li.cur .g-steps{display:block}
.g-steps a{display:block;padding:3px 8px;text-decoration:none;color:var(--muted);font-size:13px;border-left:2px solid transparent;margin-left:-2px}
.g-steps a.here{color:var(--accent);border-left-color:var(--accent);font-weight:600}
.g-more a{padding:4px 8px;display:block;text-decoration:none;color:var(--muted)}
.g-main{min-width:0;max-width:980px}
.g-chapter h1{font-family:var(--f-cond);text-transform:uppercase;font-size:40px;margin:4px 0 6px;line-height:1}
.g-kicker{margin:0;color:var(--accent);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.5px}
.g-chapter .lead{font-size:17px;color:var(--muted);max-width:70ch}
.g-in{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:14px 0 6px}
.g-in a{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:3px 11px;font-size:13px;font-weight:600;text-decoration:none;color:var(--ink);background:var(--surface)}
.g-in a:hover{border-color:var(--accent)}
/* Steps are numbered per chapter (3.1, 3.2) instead of the plain counter help.css draws. */
.guide .step>h3::before{display:none}
.g-sn{flex:none;font-family:var(--f-cond);font-size:15px;font-weight:700;color:#fff;background:var(--ink);border-radius:6px;padding:1px 8px;font-variant-numeric:tabular-nums}
.guide [id]{scroll-margin-top:calc(var(--hdr, 60px) + 14px)}
.g-parth{font-family:var(--f-cond);text-transform:uppercase;font-size:26px;margin:30px 0 4px;border-top:1px solid var(--line);padding-top:18px}
.g-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin-top:10px}
.g-card{display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--surface);text-decoration:none;color:var(--ink);transition:border-color .15s,transform .15s}
.g-card:hover{border-color:var(--accent);transform:translateY(-1px)}
.g-card b{font-size:17px}
.g-card span:not(.g-n){color:var(--muted);font-size:14px}
.g-card small{color:var(--accent);font-weight:600;margin-top:auto}
.g-card .g-n{background:var(--accent);color:#fff}
.g-pager{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:34px;border-top:1px solid var(--line);padding-top:16px}
.g-pager a{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;padding:12px 14px;text-decoration:none;color:var(--ink);font-weight:700;background:var(--surface)}
.g-pager a:hover{border-color:var(--accent)}
.g-pager small{color:var(--muted);font-weight:500}
.g-next{text-align:right;grid-column:2}
@media (max-width:900px){
  main.help.guide{grid-template-columns:1fr;gap:10px}
  .g-side{position:sticky;top:var(--hdr, 57px);z-index:5;max-height:none;overflow:visible;background:var(--bg);padding:6px 0}
  .g-menu{border:1px solid var(--line);border-radius:10px;background:var(--surface)}
  .g-menu summary{display:block;cursor:pointer;padding:10px 12px;font-weight:700}
  .g-menu[open] nav{max-height:65vh;overflow:auto;padding:0 6px 10px}
  .g-chapter h1{font-size:32px}
  .guide [id]{scroll-margin-top:calc(var(--hdr, 60px) + 60px)}
  .g-pager{grid-template-columns:1fr}
  .g-next{grid-column:auto}
}