
.crumbs{margin:-6px 0 6px;font-size:14px;color:var(--on-hero-muted)}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:0 8px}
.crumbs li+li::before{content:"›";margin-right:8px;opacity:.7}
.crumbs a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:2px}
.crumbs [aria-current]{opacity:.85}
.title h1{text-wrap:balance}
.title .lede{max-width:660px;font-size:18px;line-height:1.55;text-wrap:pretty}
.gsteps{list-style:none;counter-reset:gs;margin:20px 0;padding:0}
.gsteps li{counter-increment:gs;position:relative;margin:0;padding:0 0 18px 54px;min-height:34px}
.gsteps li::before{content:counter(gs);position:absolute;left:0;top:-1px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:15px;font-weight:700;background:var(--primary-container);color:var(--on-primary-container)}
.gsteps li:not(:last-child)::after{content:"";position:absolute;left:16px;top:38px;bottom:-1px;width:2px;border-radius:2px;background:var(--border)}
.note{margin:22px 0;padding:16px 20px;border-radius:16px;background:var(--surface2);border-left:4px solid var(--primary)}
.note p{margin:0}
.note p+p{margin-top:8px}
.gshot{margin:8px auto 28px;max-width:240px;text-align:center}
.gshot img{display:block;width:100%;height:auto;border-radius:22px;border:1px solid var(--border);box-shadow:var(--shadow)}
.gshot figcaption{margin-top:10px;font-size:14px;line-height:1.4;color:var(--muted)}
.cta{margin:56px 0 0;padding:30px 32px;border-radius:24px;color:var(--on-hero);background:radial-gradient(120% 160% at 85% 0%,var(--hero-glow),var(--hero) 60%,var(--hero-deep));display:flex;flex-wrap:wrap;gap:20px 28px;align-items:center;justify-content:space-between}
.cta h2{margin:0 0 6px;font-size:24px;letter-spacing:-.02em;color:var(--on-hero)}
.cta p{margin:0;max-width:440px;color:var(--on-hero-muted)}
.cta .tm{margin-top:10px;font-size:12px}
.cta .badge{margin:0}
.rel{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rel a{display:block;height:100%;padding:16px 18px;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--fg);text-decoration:none;line-height:1.4}
.rel a:hover{border-color:var(--primary)}
.rel b{display:block;font-size:16px}
.rel span{display:block;margin-top:4px;font-size:14px;color:var(--muted)}
.doc .rel{padding:0}
.doc .rel a{text-decoration:none;color:var(--fg)}
@media (max-width:640px){
  .bar .get{display:inline-flex;height:44px;padding:0 16px;font-size:14px}
  .title .lede{font-size:16px}
  .gsteps li{padding-left:48px}
  .cta{padding:24px 22px}
  .rel{grid-template-columns:1fr}
  .rel a{padding:18px}
}
