/* Guidad start (views/guide.js, components/guide-steps.js): full screen without the shell, one narrow column (max 640 px). Tokens only. */
body[data-page="guide"] aside.side,body[data-page="guide"] .top,body[data-page="guide"] .tabbar,body[data-page="guide"] #infobar,body[data-page="guide"] .foot{display:none}
body[data-page="guide"] .app{grid-template-columns:minmax(0,1fr)}
.gd-wrap{min-height:100vh}
.gd-top{display:flex;align-items:center;gap:var(--s-4);flex-wrap:wrap;padding:var(--s-3) var(--s-5);box-shadow:0 1px 0 var(--edge)}
.gd-top .brand{padding:0}
.gd-steps{display:flex;gap:var(--s-2);list-style:none;margin:0 auto;padding:0}
.gd-steps button{display:flex;align-items:center;gap:var(--s-2);min-height:var(--tap);padding:0 var(--s-3);border:0;border-radius:var(--r-md);background:none;color:var(--muted);font:inherit;cursor:pointer}
.gd-steps button:focus-visible{outline:0;box-shadow:0 0 0 3px var(--acc-soft)}
.gd-n{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--edge);font:500 12px var(--font-mono)}
.gd-steps li.on button{color:var(--ink);font-weight:500}
.gd-steps li.on .gd-n{background:var(--acc);color:var(--on-acc);box-shadow:none}
.gd-steps li.ok .gd-n{color:var(--acc-ink);box-shadow:inset 0 0 0 1px var(--acc-line)}
.gd-prog{font-size:var(--fs-sm);color:var(--muted)}
.gd-col{max-width:640px;margin:0 auto;padding:var(--s-6) var(--s-4) var(--s-6)}
.gd-meta{margin:0 0 var(--s-1);font-size:var(--fs-sm);color:var(--muted)}
.gd-col h1{margin:0 0 var(--s-2);font-size:var(--fs-xl);letter-spacing:-.02em}
.gd-col h1:focus{outline:0}
.gd-h2{margin:var(--s-5) 0 var(--s-2);font-size:var(--fs-md);font-weight:600}
.gd-card{padding:var(--s-4) var(--s-5);margin:var(--s-4) 0}
.gd-form{display:grid;gap:var(--s-4)}
.gd-f{display:grid;gap:var(--s-1)}
.gd-f label,.gd-fs legend{font-size:var(--fs-sm);font-weight:500;color:var(--ink2)}
.gd-f .hint,.gd-f .err{margin:0}
.gd-row2{display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:var(--s-3)}
.gd-inline{display:flex;gap:var(--s-2);align-items:center;flex-wrap:wrap}
.gd-inline label{flex-basis:100%;font-size:var(--fs-sm);color:var(--ink2)}
.gd-inline .err{flex-basis:100%;margin:0}
.gd-btns{display:flex;gap:var(--s-3);flex-wrap:wrap}
.gd-nav{display:flex;justify-content:space-between;align-items:center;gap:var(--s-3);margin-top:var(--s-5)}
.gd-facts{display:grid;gap:var(--s-3);margin:var(--s-4) 0}
.gd-fact{display:grid;gap:2px}
.gd-fact dt{font-size:var(--fs-sm);color:var(--muted)}
.gd-fact dd{margin:0}
.gd-src{font-size:var(--fs-sm);color:var(--muted);font-family:var(--font-mono)}
.gd-list{list-style:none;margin:0;padding:0}
.gd-row{display:flex;justify-content:space-between;align-items:center;gap:var(--s-3);padding:var(--s-2) 0;box-shadow:0 1px 0 var(--edge2)}
.gd-sum{display:block;font-size:var(--fs-sm);color:var(--ink2)}
.gd-undo{margin:var(--s-3) 0 0;font-size:var(--fs-sm)}
.gd-sug{margin:var(--s-3) 0;padding:var(--s-3);border-radius:var(--r-md);background:var(--acc-soft);color:var(--ink)}
.gd-fs{border:0;margin:0;padding:0;display:grid;gap:var(--s-2)}
.gd-opts{display:grid;gap:var(--s-1);max-height:220px;overflow:auto;padding:var(--s-1) 0}
.gd-cols{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}
.gd-countbox{padding:var(--s-3);border-radius:var(--r-md);background:var(--surface2);min-height:56px}
.gd-count{margin:0;font-size:var(--fs-lg)}
.gd-countbox .gd-src{display:block;margin-top:var(--s-1)}
@media (max-width:640px){
  .gd-top{padding:var(--s-3) var(--s-4)}
  .gd-steps{order:3;flex-basis:100%;justify-content:space-between;margin:0}
  .gd-l{display:none}
  .gd-steps li.on .gd-l{display:inline}
  .gd-row2,.gd-cols{grid-template-columns:1fr}
}
.gd-opts .swt{display:flex;align-items:center;gap:var(--s-2);min-height:32px}