/* /setup/v2box/ page — layout only. Colors/typography inherit from style.css root variables. */
.breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);padding:22px 0 0}
.breadcrumb a{color:var(--red)}
.breadcrumb a:hover{text-decoration:underline}
.breadcrumb span{opacity:.6}

.info-hero{padding:30px 0 6px}
.info-hero .eyebrow{margin-bottom:2px}
.info-hero h1{font-size:clamp(38px,4.2vw,58px);line-height:1.55}
.info-hero p.lede{max-width:680px;font-size:16px;line-height:2}
.updated{font-size:13px;color:var(--muted);margin:2px 0 22px}
.updated time{color:var(--ink)}

.info-section{padding:34px 0 8px;border-top:1px solid var(--line)}
.info-section h2{font-size:26px;margin:0 0 14px}
.info-section p{margin:0 0 14px;max-width:720px}
.info-section p:last-child{margin-bottom:0}
.info-section .note{font-size:14px}

.store-links{display:flex;flex-wrap:wrap;gap:14px;margin:18px 0 6px}
.store-links a{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border:1px solid var(--line);border-radius:9px;color:var(--ink);font-size:14px;font-weight:700}
.store-links a:hover{border-color:var(--red);color:var(--red)}

.steps-list{list-style:none;margin:0 0 20px;padding:0;counter-reset:step;display:grid;gap:16px;max-width:720px}
.steps-list li{position:relative;padding-right:34px;color:var(--ink);line-height:1.9;counter-increment:step}
.steps-list li:before{content:counter(step);position:absolute;right:0;top:1px;width:22px;height:22px;border-radius:50%;background:var(--red);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}

.checklist{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:14px;max-width:720px}
.checklist li{position:relative;padding-right:26px;color:var(--ink);line-height:1.9}
.checklist li:before{content:"–";position:absolute;right:0;color:var(--red);font-weight:700}

.cta-box{padding:38px 0 60px;border-top:1px solid var(--line);text-align:center}
.cta-box p{margin:0 0 18px}
.cta-links{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
.button.solid{background:var(--red);color:#fff}
.button.solid:hover{background:var(--deep);color:#fff}
.back-links{font-size:14px;margin-top:20px}
.back-links a{margin:0 6px}

@media(max-width:680px){
  .breadcrumb{padding-top:16px;font-size:12px}
  .info-hero{padding:22px 0 4px}
  .info-hero h1{font-size:clamp(32px,9vw,40px);line-height:1.6;letter-spacing:-1px}
  .info-section{padding:24px 0 4px}
  .info-section h2{font-size:21px}
  .store-links{flex-direction:column}
  .cta-box{padding:26px 0 42px}
  .cta-links{flex-direction:column}
  .button.solid{width:100%;justify-content:space-between}
}