/* ============================================================
   WYVERN FREIGHT · Register as a Business Client (business-registration.html, tools/register/make-register.cjs)
   Every section is an existing component (home-decargo.css, about.css, contact.css, track.css, services.css).
   Only layout tweaks here, mirroring sheq.css.
   ============================================================ */

.rg-page .rg-strong{color:var(--ink);font-weight:500}
.rg-page .dc-two.rg-top{align-items:start}

/* Plain multi-column list (who can register), as SHEQ's higher-risk list */
.rg-cols{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
.rg-cols li{padding:14px 0;border-bottom:1px solid var(--line);font:500 16px/1.4 var(--sans);color:var(--ink)}

/* Why register: the clarity box sits under the icon grid, aligned to the grid's left edge */
.rg-clarity{margin-top:56px;max-width:760px}
.rg-clarity h3{font-size:18px}

/* How it works: numbered squares, as SHEQ's process band */
.rg-steps{margin:0}
.rg-steps .ct-step-ic{font:500 15px/1 var(--mono);color:var(--ink)}

/* Before you begin: left-aligned head (a reading section, not a centred band) and two-column card grid */
.rg-need-head{display:grid;gap:14px;max-width:760px;margin-bottom:40px}
.rg-need-head p:not(.eyebrow){color:var(--muted)}
.rg-need .ab-lm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.rg-list{margin:0;padding-left:20px;display:grid;gap:6px}
.rg-list li{font-size:15px;line-height:1.5;color:var(--muted)}
.rg-list li::marker{color:var(--red)}

/* Choose the right route */
.rg-routes{padding-top:0}
.rg-routes .eyebrow{margin-bottom:var(--eb-gap)}
.rg-routes h2{margin-bottom:32px}
.rg-routes .ab-lm-top .dc-ic{color:var(--red)}
.rg-routes .ab-lm-card .btn-p{margin-top:auto}
.rg-routes .ab-lm-card{align-content:stretch;grid-template-rows:auto 1fr auto}

/* FAQ: plain heading, as the service pages */
.rg-faq{background:var(--tint)}
.rg-faq-h{font:400 clamp(32px,3.3vw,46px)/1.05 var(--sans);letter-spacing:-.04em;color:var(--ink)}
.rg-faq .fq-list{margin-top:40px}
.rg-faq .fq-a a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}

/* Final action */
.rg-apply-acts{align-items:center}
.rg-apply-acts .btn-t,.rg-apply-acts .btn-t:hover,.rg-apply-acts .btn-t:focus-visible{color:#fff}
.rg-apply-acts .btn-t::after{background:rgba(255,255,255,.5)}

/* Three route cards: one row on desktop, stacked rows below 1024 (about.css would leave an orphan in its 2-column step) */
@media (max-width:1024px){
  .rg-routes .ab-lm-grid{grid-template-columns:1fr}
}
@media (max-width:767px){
  .rg-cols,.rg-need .ab-lm-grid{grid-template-columns:1fr}
  .rg-clarity{margin-top:40px}
}

/* Tabs (service-page.css .spg-tabbar / .spg-panel): the bands inside a panel bring their own spacing */
.rg-page .spg-panel{padding:0}
.rg-page .spg-panel:focus-visible{outline-offset:-4px}
.rg-page .rg-need{padding-top:88px}
@media (max-width:767px){ .rg-page .rg-need{padding-top:56px} }