/* Results section (survey) on the home page */
:root{
  --rs-bar:#2f7a62;
  --rs-track:rgba(22,53,43,.10);
}
[data-theme="dark"]{
  --rs-bar:#5CA0FF;
  --rs-track:rgba(231,237,245,.12);
}

.rs-stats{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.rs-stat{ padding:26px 22px; display:flex; flex-direction:column; gap:8px; }
.rs-big{ font-family:'Fraunces',serif; font-weight:500; font-size:clamp(2.4rem,4.4vw,3.3rem); line-height:1; color:var(--pine-deep); }
.rs-cap{ color:var(--ink-soft); font-size:.97rem; line-height:1.5; }

.rs-take{ display:grid; grid-template-columns:repeat(3,1fr); gap:28px; margin:34px 0 8px; }
.rs-take-item{ border-top:2px solid var(--rs-bar); padding-top:14px; }
.rs-take-item h3{ font-size:1.15rem; }
.rs-take-item p{ margin-top:8px; color:var(--ink-soft); line-height:1.6; font-size:.97rem; }

.rs-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-top:26px; align-items:start; }
.rs-panel{ padding:26px 26px 22px; }
.rs-panel h3{ font-size:1.25rem; }
.rs-sub{ margin-top:4px; font-size:.82rem; color:var(--ink-soft); opacity:.9; }
.rs-bars{ list-style:none; margin:16px 0 0; padding:0; display:flex; flex-direction:column; gap:14px; }
.rs-row{ display:grid; grid-template-columns:1fr auto; column-gap:14px; row-gap:6px; align-items:baseline; }
.rs-lab{ font-size:.94rem; line-height:1.4; color:var(--ink); }
.rs-val{ font-weight:700; font-variant-numeric:tabular-nums; color:var(--pine-deep); font-size:.95rem; }
.rs-track{ grid-column:1 / -1; height:9px; border-radius:99px; background:var(--rs-track); overflow:hidden; }
.rs-fill{ display:block; height:100%; border-radius:99px; background:var(--rs-bar); }

.rs-note{ margin-top:26px; padding:24px 28px; }
.rs-note h3{ font-size:1.1rem; }
.rs-note p{ margin-top:8px; color:var(--ink-soft); line-height:1.65; font-size:.93rem; max-width:80ch; }

@media (max-width:900px){
  .rs-stats{ grid-template-columns:repeat(2,1fr); }
  .rs-take{ grid-template-columns:1fr; gap:20px; }
  .rs-grid{ grid-template-columns:1fr; }
}
@media (max-width:420px){
  .rs-stats{ grid-template-columns:1fr; }
  .rs-panel{ padding:22px 18px 18px; }
}

/* home teaser */
.rs-grid.rs-one{ grid-template-columns:minmax(0,820px); }
.rs-more{ margin-top:24px; }