/* ============================================================
   SIDEBAR-PAGE LAYOUT — the two-column + sticky-sidebar interior shell.
   This sheet now owns ONLY what's unique to that layout: the column grid,
   the sticky rail, and the form-sidebar text. Everything that was generic
   has moved to where it belongs:
     • page shell (.page-body) + pricing grid (.price-grid) → blocks.css
     • page prose (.page-section/.page-intro/.page-note/.page-prompt),
       tag list (.tags/.tag-label), provider card (.provider-*) → components.css
     • break/fix cards + checklist (.bf-*) → website-repair.css
   Loaded automatically by layouts/sidebar-page.njk (its pageStyles).
   ============================================================ */

/* ---------- TWO-COLUMN LAYOUT + STICKY SIDEBAR ---------- */
.page-cols{display:grid;grid-template-columns:1.55fr 1fr;gap:40px;align-items:flex-start}
.page-rail{position:sticky;top:90px}

/* ---------- FORM SIDEBAR (form-specific layout only) ----------
   Shell = .card .card--ghost .card--accent-top .sidebar-card (in markup).
   The labeled divider (.divider) and the phone card (.sidebar-phone-*)
   are global sidebar primitives in components.css — shared with the
   onboarding sidebar so both right rails stay consistent. */
.sidebar-form-title{font-size:18px;font-weight:700;color:var(--text);margin:0 0 8px}
.sidebar-form-intro{font-size:13.5px;color:var(--text-md);line-height:1.65;margin:0 0 18px}
.sidebar-form{display:flex;flex-direction:column;gap:13px}

/* ---------- RESPONSIVE ---------- */
@media(max-width:900px){
  .page-cols{grid-template-columns:1fr;gap:32px}
  .page-rail{position:static;top:auto}
}