.guide-hero { text-align: center; padding: 72px 20px 40px; max-width: 880px; margin: 0 auto; }
.eyebrow { letter-spacing: .3em; color: var(--nw-aurora); font-size: .8rem; }
.guide-hero h1 { font-size: clamp(2rem, 5vw, 3.2rem); }
.toc { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-top: 24px; }
.toc a {
  color: var(--nw-text-dim); text-decoration: none; font-size: .85rem;
  border: 1px solid var(--nw-line); border-radius: 999px; padding: 6px 14px;
  transition: border-color .2s, color .2s;
}
.toc a:hover { border-color: var(--nw-aurora); color: var(--nw-text); }
main { max-width: 760px; margin: 0 auto; padding: 0 20px 40px; display: grid; gap: var(--nw-gap); }
main h2 { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; font-size: 1.35rem; }
.stepnum {
  font-family: var(--nw-font-display); color: var(--nw-amber); font-size: 1.6rem;
  border: 1px solid var(--nw-line); border-radius: 10px; width: 44px; height: 44px;
  display: inline-grid; place-items: center; flex-shrink: 0;
}
main p, main li { color: var(--nw-text-dim); }
main strong { color: var(--nw-text); }
main ol, main ul { padding-left: 22px; line-height: 1.8; }
.tip {
  border-left: 3px solid var(--nw-aurora); padding: 8px 14px; margin-top: 14px;
  background: rgba(92, 224, 184, 0.06); border-radius: 0 var(--nw-radius-sm) var(--nw-radius-sm) 0;
}
.c-green { color: var(--nw-aurora); }
.c-amber { color: var(--nw-amber); }
.dim { color: var(--nw-text-dim); }
footer { text-align: center; padding: 32px 20px 48px; border-top: 1px solid var(--nw-line); }
.cta-small {
  display: inline-block; background: var(--nw-aurora); color: #04281D;
  padding: 10px 26px; border-radius: 999px; font-weight: 700; text-decoration: none; margin-bottom: 12px;
}
.foot-link { color: var(--nw-signal); text-decoration: none; }
.foot-link:hover { text-decoration: underline; }
.foot-legal { margin-top: 10px; font-size: .74rem; }
html { scroll-behavior: smooth; }
.c-alarm { color: var(--nw-alarm); }