/* ============================================================
   website-repair.css — page-specific styles for /website-repair/.
   Only the break/fix issue cards + the "quick questions" checklist live
   here; everything else on the page composes from the global component
   and block layers. Loaded via the page's pageStyles (alongside the
   sidebar-page layout sheet).
   ============================================================ */

/* ---- BREAK/FIX issue cards (surface = .card .card--tint .card--sm) ---- */
.bf-issue-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}
.bf-issue{padding:13px 15px}
.bf-issue-title{font-weight:700;color:var(--text);font-size:13.5px;margin-bottom:8px}
.bf-issue-list{list-style:none;padding:0;margin:0;font-size:12.5px;color:var(--text-md);line-height:1.75}
.bf-issue-list li{position:relative;padding-left:13px}
.bf-issue-list li::before{content:'·';position:absolute;left:3px;color:var(--blue);font-weight:800}

/* The "quick questions" checklist now uses the global .checklist primitive
   with the .checklist--ruled variant (components.css). */

@media(max-width:560px){
  .bf-issue-grid{grid-template-columns:1fr}
}