/* Arbor Survey page styles: results.css */
/* ---------- Brand design system (Brand Guidelines v2.3) ---------- */
.bg-pale{background:var(--pale-green);}
/* ---------- Header / nav with rounded-pill hover ---------- */
.pillar,section[id]{scroll-margin-top:84px;}
/* ---------- Hero ---------- */
.lead-statement{font-size:1.25rem;line-height:1.5;color:var(--dark-green);font-weight:600;}
/* ---------- Stats band ---------- */
.band{background:var(--dark-green);color:#fff;}
.band h2{color:#fff;}
.band .intro{color:var(--pale-green);max-width:44em;}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:28px;}
.stat .num{font-size:2.5rem;font-weight:700;color:var(--light-green);line-height:1.05;}
.stat .lab{font-size:.94rem;color:var(--pale-green);margin-top:6px;}
/* ---------- Case cards ---------- */
.cases-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:32px;}
.case{background:#fff;border:1px solid var(--light-grey);border-radius:4px;padding:24px;display:flex;flex-direction:column;}
.case .cite{font-weight:700;color:var(--dark-green);font-size:1.04rem;margin-bottom:10px;}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;}
.tag{font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:4px 10px;border-radius:999px;}
.tag--side{background:var(--pale-tint);color:var(--dark-green);}
.tag--win{background:var(--positive);color:#fff;}
.tag--note{background:#fff;color:var(--mid-grey);border:1px solid var(--light-grey);text-transform:none;letter-spacing:0;}
.quote{margin:0 0 14px;padding:12px 16px;background:var(--pale-tint);border-left:3px solid var(--sage);
  font-style:italic;color:var(--dark-green);font-size:1rem;}
.case .ctx{font-size:.95rem;color:var(--near-black);margin:0;}
.case--wide{grid-column:1 / -1;}
.note .container{max-width:760px;}
.note p{font-size:1.1rem;color:var(--near-black);margin-bottom:0;}
@media (max-width:880px){
  h1{font-size:2rem;}
  .stats{grid-template-columns:repeat(2,1fr);}
  .cases-grid{grid-template-columns:1fr;}
  .why-grid{grid-template-columns:1fr !important;}
}
@media (max-width:480px){
  .stats{grid-template-columns:1fr;}
}