.guide{max-width:40rem;margin:0 auto;padding:1.4rem 1rem 3rem;display:grid;gap:1.1rem}
.guide h1{font-size:1.4rem;letter-spacing:.06em;margin:0}
.guide h2{font-size:1rem;letter-spacing:.06em;margin:.8rem 0 0;padding-bottom:.4rem;border-bottom:1px solid var(--line)}
.guide p{margin:0}
.lead{color:var(--muted);font-size:.92rem}
.quick{margin:0;padding:0;list-style:none;counter-reset:q;display:grid;gap:.5rem}
.quick li{counter-increment:q;position:relative;padding:.7rem .9rem .7rem 3.2rem;background:var(--bg2);
  border:1px solid var(--line);border-radius:6px;line-height:1.55}
.quick li::before{content:counter(q);position:absolute;left:.85rem;top:.72rem;display:grid;place-items:center;
  width:1.7rem;height:1.7rem;border-radius:50%;background:var(--accent);color:var(--accent-ink);font-weight:700;font-size:.85rem}
.quick b{color:var(--accent)}
.quick small{display:block;font-size:.78rem;color:var(--muted)}
.ex{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}
.ex figure{margin:0}
.ex img{display:block;width:100%;height:auto;border-radius:4px}
.ex figcaption{font-size:.76rem;color:var(--muted);text-align:center;margin-top:.25rem}
.faq{margin:0;padding:0;list-style:none;display:grid;gap:.45rem;font-size:.9rem}
.faq b{display:block}
.back{text-align:center;margin-top:.8rem}
.btn{display:inline-block;background:var(--accent);color:var(--accent-ink);font-weight:700;text-decoration:none;
  padding:.8rem 1.6rem;border-radius:999px}
.foot{max-width:40rem}