/* SoCal Crash Report — single Accident page. Depends on tokens from base.css/home.css.
   Note: .scr-quick-facts is intentionally owned by base.css (shared seam component);
   this file only positions it. Trust footer uses .scr-atrust* to avoid colliding with
   the homepage .scr-trust band defined in home.css. */

.scr-single{background:#fff;padding:0 0 3.5rem}

/* Shared article column — gutter-safe, caps at 768, 20px side gutter at every width */
.scr-breadcrumb,
.scr-ahead,
.scr-quick-facts,
.scr-adetails,
.scr-involve,
.scr-atrust{width:min(768px,100% - 40px);margin-inline:auto;box-sizing:border-box}

/* ---------- Breadcrumb ---------- */
.scr-breadcrumb{padding-top:1.6rem;padding-bottom:.2rem}
.scr-breadcrumb__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:.15rem;font-family:var(--scr-ff-mono);font-size:.72rem;letter-spacing:.02em}
.scr-breadcrumb__item{display:inline-flex;align-items:center;gap:.15rem}
.scr-breadcrumb__item a{color:var(--scr-orange-ink);text-decoration:none}
.scr-breadcrumb__item a:hover{text-decoration:underline}
.scr-breadcrumb__sep{color:var(--scr-slate-2);margin:0 .35rem;opacity:.6}
.scr-breadcrumb__current{color:var(--scr-slate);max-width:22ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---------- Header (above the fold) ---------- */
.scr-ahead{padding-top:1.2rem;padding-bottom:1.6rem;border-bottom:1px solid var(--scr-line)}
.scr-ahead__eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;margin:0 0 .85rem}
.scr-ahead__type{font-family:var(--scr-ff-mono);font-size:.66rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--scr-orange-ink);background:rgba(237,103,33,.09);padding:.3rem .55rem;border-radius:6px}
.scr-ahead__loc{font-family:var(--scr-ff-mono);font-size:.72rem;letter-spacing:.03em;color:var(--scr-slate)}
.scr-ahead__title{font-family:var(--scr-ff-head);font-weight:800;color:var(--scr-navy);font-size:clamp(1.7rem,4.4vw,2.5rem);line-height:1.14;letter-spacing:-.01em;margin:0 0 .9rem}
.scr-ahead__facts{display:flex;flex-wrap:wrap;align-items:center;gap:.2rem .1rem;margin:0 0 1.05rem;color:var(--scr-slate);font-size:.96rem}
.scr-ahead__facts .scr-ahead__when{font-weight:600;color:var(--scr-ink)}
.scr-ahead__where{display:inline-flex;align-items:center;gap:.35rem}
.scr-ahead__where .scr-ico{width:15px;height:15px;color:var(--scr-orange-ink);flex:0 0 auto}
.scr-ahead__dot{margin:0 .7rem;color:var(--scr-line);font-size:.7rem}
.scr-ahead__chips{display:flex;flex-wrap:wrap;gap:.5rem}

/* Status chips */
.scr-chip{display:inline-flex;align-items:center;gap:.45rem;font-size:.82rem;font-weight:600;padding:.4rem .7rem;border-radius:999px;border:1px solid var(--scr-line);color:var(--scr-ink);background:#fff;line-height:1}
.scr-chip .scr-sev{width:9px;height:9px}
.scr-chip--none{color:var(--scr-slate)}
.scr-chip--inj-1{border-color:#e7d38a;background:#fbf6e6}
.scr-chip--inj-2{border-color:#e7b892;background:#fbeee4}
.scr-chip--inj-3{border-color:#e0a78f;background:#fceae2}
.scr-chip--fatal{border-color:#dca7a7;background:#fbeaea;color:#8a1a1a}
.scr-chip--muted{color:var(--scr-slate);background:var(--scr-cloud);border-color:var(--scr-line-2)}

/* ---------- Quick Facts (styled by base.css; here we only position + space) ---------- */
.scr-quick-facts{margin-top:1.6rem}

/* ---------- Article details ---------- */
.scr-adetails{margin-top:2rem}
.scr-adetails--body{margin-top:1.4rem}
.scr-adetails__section{margin:0 0 2.1rem;scroll-margin-top:90px}
.scr-adetails__section:last-child{margin-bottom:0}
.scr-adetails__h{font-family:var(--scr-ff-head);font-weight:700;color:var(--scr-navy);font-size:1.32rem;line-height:1.25;margin:0 0 .85rem;padding-bottom:.5rem;border-bottom:2px solid var(--scr-cloud-2)}
.scr-adetails__prose{color:var(--scr-ink);font-size:1.06rem;line-height:1.72}
.scr-adetails__prose p{margin:0 0 1.05rem}
.scr-adetails__prose p:last-child{margin-bottom:0}
.scr-adetails__facts{margin:0;padding:0;list-style:none;display:grid;gap:.55rem}
.scr-adetails__facts li{position:relative;padding-left:1.6rem;color:var(--scr-ink);font-size:1.02rem;line-height:1.6}
.scr-adetails__facts li::before{content:"";position:absolute;left:.15rem;top:.62rem;width:7px;height:7px;border-radius:50%;background:var(--scr-orange)}
.scr-adetails__disclaimer{margin:1rem 0 0;font-size:.85rem;line-height:1.55;color:var(--scr-slate-2);font-style:italic}
.scr-adetails__agency-name{font-size:1.04rem;color:var(--scr-ink);margin:0 0 1rem;line-height:1.6}

/* Injuries list */
.scr-adetails__inj{margin:0;padding:0;list-style:none;border:1px solid var(--scr-line);border-radius:var(--scr-r);overflow:hidden}
.scr-adetails__inj-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid var(--scr-line-2)}
.scr-adetails__inj-row:last-child{border-bottom:0}
.scr-adetails__inj-row:nth-child(even){background:var(--scr-cloud)}
.scr-adetails__inj-k{color:var(--scr-slate);font-size:.92rem}
.scr-adetails__inj-v{font-weight:700;color:var(--scr-navy);font-size:.95rem}
.scr-adetails__inj-v--fatal{color:#8a1a1a}
.scr-adetails__inj-v--inj-3{color:var(--scr-orange-ink)}
.scr-adetails__inj-v--none{color:var(--scr-slate)}

/* Map placeholder */
.scr-map{margin:0;border:1px solid var(--scr-line);border-radius:var(--scr-r-lg);overflow:hidden;background:#fff}
.scr-map__canvas{position:relative;height:220px;background:
  linear-gradient(0deg,rgba(11,34,57,.03),rgba(11,34,57,.03)),
  repeating-linear-gradient(0deg,transparent 0 26px,rgba(18,59,93,.06) 26px 27px),
  repeating-linear-gradient(90deg,transparent 0 26px,rgba(18,59,93,.06) 26px 27px),
  var(--scr-cloud)}
.scr-map__canvas::after{content:"";position:absolute;left:-10%;right:-10%;top:58%;height:14px;background:rgba(31,111,159,.18);transform:rotate(-4deg)}
.scr-map__pin{position:absolute;left:50%;top:50%;transform:translate(-50%,-100%);color:var(--scr-orange);z-index:1;filter:drop-shadow(0 3px 4px rgba(11,34,57,.25))}
.scr-map__pin .scr-ico{width:30px;height:30px;stroke-width:1.6}
.scr-map__cap{display:flex;flex-direction:column;gap:.2rem;padding:.8rem 1rem}
.scr-map__addr{font-weight:600;color:var(--scr-navy);font-size:.95rem}
.scr-map__coords{font-family:var(--scr-ff-mono);font-size:.76rem;color:var(--scr-slate)}
.scr-map__note{font-size:.8rem;color:var(--scr-slate-2);font-style:italic}

/* How to obtain the report */
.scr-report{margin-top:1.2rem;background:var(--scr-cloud);border:1px solid var(--scr-line);border-left:3px solid var(--scr-orange-ink);border-radius:var(--scr-r);padding:1.1rem 1.2rem}
.scr-report__title{font-family:var(--scr-ff-head);font-weight:700;color:var(--scr-navy);font-size:1.05rem;margin:0 0 .5rem}
.scr-report__note{margin:0 0 1rem;color:var(--scr-slate);font-size:.94rem;line-height:1.6}
.scr-report__cta{display:flex;flex-wrap:wrap;gap:.6rem}
.scr-report__cta .scr-btn{width:auto}
.scr-report__fallback{margin:0;color:var(--scr-slate);font-size:.9rem}
.scr-btn--secondary{background:#fff;color:var(--scr-orange-ink);border-color:var(--scr-orange-ink)}
.scr-btn--secondary:hover,.scr-btn--secondary:focus-visible{background:var(--scr-orange-ink);color:#fff}

/* Updates */
.scr-updates{margin:0;padding:0;list-style:none;border-left:2px solid var(--scr-line);display:grid;gap:1rem}
.scr-updates__item{position:relative;padding-left:1.4rem}
.scr-updates__item::before{content:"";position:absolute;left:-5px;top:.35rem;width:8px;height:8px;border-radius:50%;background:var(--scr-orange-ink);border:2px solid #fff}
.scr-updates__date{display:block;font-family:var(--scr-ff-mono);font-size:.74rem;color:var(--scr-slate);margin-bottom:.15rem}
.scr-updates__note{color:var(--scr-ink);font-size:.98rem;line-height:1.6}

/* Sources */
.scr-sources{margin:0;padding:0;list-style:none;display:grid;gap:.55rem}
.scr-sources__item{padding-left:1.3rem;position:relative;font-size:.96rem;line-height:1.5}
.scr-sources__item::before{content:"↗";position:absolute;left:0;top:0;color:var(--scr-orange-ink);font-weight:700}
.scr-sources__item a{color:var(--scr-orange-ink);text-decoration:none;font-weight:600}
.scr-sources__item a:hover{text-decoration:underline}
.scr-sources__ret{color:var(--scr-slate-2);font-size:.82rem}

/* ---------- Were you involved ---------- */
.scr-involve{margin-top:2.2rem}
.scr-involve__head{margin-bottom:1.1rem}
.scr-involve__title{font-family:var(--scr-ff-head);font-weight:700;color:var(--scr-navy);font-size:1.3rem;margin:0 0 .5rem}
.scr-involve__intro{margin:0;color:var(--scr-slate);font-size:.96rem;line-height:1.6}
.scr-involve__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.scr-involve__card{background:#fff;border:1px solid var(--scr-line);border-top:3px solid var(--scr-orange);border-radius:var(--scr-r);padding:1.1rem 1.1rem 1.2rem}
.scr-involve__card-title{font-family:var(--scr-ff-head);font-weight:700;color:var(--scr-navy);font-size:1.02rem;margin:0 0 .5rem}
.scr-involve__card-body{margin:0;color:var(--scr-slate);font-size:.9rem;line-height:1.58}
.scr-involve__foot{margin:1.1rem 0 0;padding:.85rem 1rem;background:var(--scr-cloud);border-radius:var(--scr-r);font-size:.92rem;color:var(--scr-ink)}
.scr-involve__foot a{color:var(--scr-orange-ink);font-weight:600;text-decoration:none}
.scr-involve__foot a:hover{text-decoration:underline}

/* ---------- Related (full-width band) ---------- */
.scr-related{margin-top:2.6rem;background:var(--scr-cloud);border-top:1px solid var(--scr-line);border-bottom:1px solid var(--scr-line);padding:2.6rem 20px}
.scr-related__title{font-family:var(--scr-ff-head);font-weight:800;color:var(--scr-navy);font-size:1.4rem;margin:0 auto;max-width:1120px;text-align:left}
.scr-related__sub{margin:.35rem auto 1.4rem;max-width:1120px;color:var(--scr-slate);font-size:.96rem}
.scr-related__grid{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}

/* ---------- Trust footer (scoped .scr-atrust to avoid homepage .scr-trust) ---------- */
.scr-atrust{margin-top:2.6rem;padding-top:.5rem}
.scr-atrust__title{font-family:var(--scr-ff-head);font-weight:700;color:var(--scr-navy);font-size:1.2rem;margin:0 0 1rem}
.scr-atrust__meta{display:flex;flex-wrap:wrap;gap:1.6rem;margin:0 0 1.4rem;padding:1rem 1.15rem;background:var(--scr-cloud);border-radius:var(--scr-r)}
.scr-atrust__pair{margin:0}
.scr-atrust__pair dt{font-family:var(--scr-ff-mono);font-size:.66rem;letter-spacing:.09em;text-transform:uppercase;color:var(--scr-slate);margin:0 0 .2rem}
.scr-atrust__pair dd{margin:0;color:var(--scr-navy);font-weight:600;font-size:.95rem}
.scr-atrust__cols{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem}
.scr-atrust__col h3{font-family:var(--scr-ff-head);font-weight:700;color:var(--scr-navy);font-size:1rem;margin:0 0 .5rem}
.scr-atrust__col p{margin:0;color:var(--scr-slate);font-size:.9rem;line-height:1.62}
.scr-atrust__dev{margin:1.5rem 0 0;padding:.85rem 1rem;background:#fbf6e6;border:1px solid #e7d38a;border-radius:var(--scr-r);font-size:.86rem;color:#6b5810;line-height:1.55}

/* ---------- Responsive ---------- */
@media (max-width:900px){
  .scr-involve__grid{grid-template-columns:1fr}
  .scr-related__grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .scr-atrust__cols{grid-template-columns:1fr;gap:1.2rem}
  .scr-atrust__meta{gap:1rem 1.6rem}
  .scr-related__grid{grid-template-columns:1fr}
  .scr-report__cta .scr-btn{width:100%}
  .scr-ahead__dot{margin:0 .5rem}
}

/* involvement-module entry CTA into Accident Report Assistance (Phase 3A) */
.scr-involve__cta{margin:1.1rem 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem}
.scr-involve__cta .scr-btn{width:auto}
.scr-involve__cta-note{font-size:.85rem;color:var(--scr-slate)}