/* ==========================================================================
   Hear Me Help: Global Abuse Statistics (/statistics, /es/statistics)
   Editorial illustrated bands, matched to the approved design reference.
   No white cards, fog or glow. Figures are flat illustration, never photographs.
   ========================================================================== */
.page-stats { --fig: rgba(243, 235, 221, 0.78); --accent: var(--gold-light); }
.page-stats h1, .page-stats h2, .page-stats h3 { font-family: var(--f-serif); font-weight: 500; }
.btn svg { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }
.share-status { margin: 0; min-height: 0; font-size: 13px; font-weight: 600; color: var(--gold-light); }
.share-status:empty { display: none; }

/* figures: outline people, one emphasised */
.figs { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 4px 6px; color: var(--fig); }
.fig { display: inline-block; line-height: 0; }
.fig svg { width: 38px; height: 91px; fill: none; stroke: currentColor; stroke-width: 2.3; stroke-linecap: round; stroke-linejoin: round; overflow: visible; }
.fig.on svg { fill: var(--accent); stroke: var(--accent); }
.figs--sm .fig svg { width: 29px; height: 70px; }
.figs--group { gap: 10px; }
.figs--group .fig svg { width: 54px; height: 130px; }
.fig--ico svg { width: 22px; height: 53px; }
.sec-ico { display: flex; gap: 6px; align-items: flex-end; color: var(--fig); }
svg.g-fig { fill: var(--g-bg, var(--teal)); stroke: var(--ivory-soft); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; overflow: visible; }
svg.g-fig.on { fill: var(--gold); stroke: var(--gold); }


/* ---------- hero ---------- */
.s-hero { position: relative; isolation: isolate; overflow: hidden; background: #0F2B2B; display: flex; align-items: center; min-height: clamp(440px, 34vw, 500px); }
.s-hero-art { position: absolute; z-index: -2; top: 0; right: -2%; bottom: 0; width: 104%; }
.s-hero-art picture, .s-hero-art img { display: block; width: 100%; height: 100%; }
.s-hero-art img { object-fit: cover; object-position: 62% 30%; opacity: 1;
  -webkit-mask-image: linear-gradient(180deg, #000 55%, transparent 100%); mask-image: linear-gradient(180deg, #000 55%, transparent 100%); }
.s-hero::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(15, 43, 43, .9) 0, rgba(15, 43, 43, .62) 48%, rgba(15, 43, 43, .08) 85%), linear-gradient(0deg, rgba(15, 43, 43, .96) 0, rgba(15, 43, 43, .5) 30%, rgba(15, 43, 43, 0) 52%); }
.s-hero-in { width: 100%; padding-block: clamp(14px, 2.4vw, 32px) clamp(24px, 3.4vw, 40px); }
.s-hero-in > * { max-width: 600px; }
.s-top { display: flex; align-items: center; gap: 14px; }
.s-top .eyebrow { margin: 0; padding-left: 14px; border-left: 1px solid rgba(212, 184, 119, 0.5); }
.s-back { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; margin-left: -6px; padding-inline: 6px; color: var(--ivory-soft); font-size: 13px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; text-decoration: none; }
.s-back:hover { color: var(--ivory); text-decoration: underline; text-underline-offset: 4px; }
.s-hero h1 { margin-top: 0; font-size: clamp(38px, 4.6vw, 62px); line-height: 1.02; letter-spacing: -0.012em; }
.h1-l { display: block; }
.s-intro { margin-top: 14px; max-width: 54ch; font-size: clamp(16px, 1.3vw, 17.5px); line-height: 1.6; }
.s-hero .btn-row { margin-top: 20px; }
.s-hero .btn-row .btn { flex: 1 1 200px; }
.s-hero .share-status { margin-top: 10px; }
.s-callout { margin-top: 12px; font-size: 13.5px; line-height: 1.5; color: var(--ivory-soft); max-width: 48ch; }
@media (min-width: 900px) {
  .s-hero-art { width: 62%; right: 0; }
  .s-hero-art img { opacity: 1; object-position: 60% 52%;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 36%); mask-image: linear-gradient(90deg, transparent 0, #000 36%); }
  .s-hero::before { display: none; }
  .s-hero .btn-row .btn { flex: 0 0 auto; }
}

/* ---------- snapshot ---------- */
.s-snap { background: var(--stats-bg); padding-block: clamp(26px, 3.4vw, 44px); }
.snap-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 22px; }
.snap-head h2 { font-size: clamp(32px, 3.4vw, 46px); line-height: 1.05; }
.snap-head p { color: var(--ivory-soft); font-size: 15px; }
.snaps { display: grid; margin-top: 18px; }
.snap { display: grid; grid-template-columns: 76px 1fr; gap: 16px; align-items: center; padding: 16px 0; border-top: 1px solid rgba(212, 184, 119, 0.28); --accent: var(--sc); }
.snap--1 { --sc: #F27A8C; } .snap--2 { --sc: #E0679A; } .snap--3 { --sc: #EDB24E; } .snap--4 { --sc: #EE8C4C; }
.snap-ico { display: flex; align-items: flex-end; justify-content: center; gap: 2px; color: var(--sc); }
.snap-ico .fig svg { width: 22px; height: 54px; fill: var(--sc); stroke: var(--sc); stroke-width: 2; }
.snap-fig { font-family: var(--f-serif); font-size: clamp(32px, 2.5vw, 40px); font-weight: 500; color: var(--sc); line-height: 1.04; }
.snap-t { margin-top: 6px; font-size: 15px; line-height: 1.5; }
.snap-src { margin-top: 6px; font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ivory-soft); }
.snap-cta { width: 100%; margin-top: 8px; }
@media (min-width: 700px) { .snap-cta { width: auto; } }
@media (min-width: 760px) { .snaps { grid-template-columns: repeat(2, 1fr); column-gap: 28px; } }
@media (min-width: 1100px) {
  .snaps { grid-template-columns: repeat(4, 1fr); column-gap: 0; }
  .snap { border-top: 0; border-left: 1px solid rgba(212, 184, 119, 0.3); padding: 6px 22px; grid-template-columns: auto 1fr; }
  .snap:first-child { border-left: 0; padding-left: 0; }
  .snap-cta { margin-top: 22px; }
}

/* ---------- topic bands ---------- */
.cats { display: block; }
.cat { background: var(--cb); color: var(--ivory); border-top: 1px solid rgba(243, 235, 221, 0.16); scroll-margin-top: calc(var(--header-h) + 8px); }
.cat--wine { --cb: #5A1F34; --ico: #F59AAE; }
.cat--rust { --cb: #9D4D37; --ico: #F3EBDD; --accent: #F6E7BE; --ivory-soft: #F3EBDD; }
.cat--teal { --cb: #00313B; --ico: #5FD0CF; }
.cat--olive { --cb: #4F553A; --ico: #F3EBDD; --accent: #E8D6A4; }
.cat--wine2 { --cb: #552033; --ico: #F59AAE; }
.cat--mustard { --cb: #8B5E25; --ico: #F3EBDD; --accent: #FBF0D2; --ivory-soft: #F3EBDD; }
.cat--dark { --cb: #01242C; --ico: #5FD0CF; }
.cat-sum {
  display: grid; grid-template-columns: clamp(96px, 26%, 350px) 84px minmax(0, 1fr) 72px;
  grid-template-areas: "img ico h go" "img ico d go";
  align-items: center; row-gap: 2px; max-width: 1440px; margin-inline: auto;
  min-height: clamp(84px, 9.6vw, 134px); cursor: pointer; list-style: none; padding-right: clamp(10px, 3vw, 32px);
}
.cat-sum::-webkit-details-marker { display: none; }
.cat-sum:focus-visible { outline: 3px solid var(--gold-light); outline-offset: -3px; }
.cat-img { grid-area: img; align-self: stretch; overflow: hidden; min-height: 84px; }
.cat-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 72% 50%;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 7%, #000 70%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 7%, #000 70%, transparent 100%); }
.cat-ico { grid-area: ico; display: flex; justify-content: center; color: var(--ico); }
.cat-ico svg { width: 52px; height: 52px; }
.cat-h { grid-area: h; align-self: end; margin: 0; padding-top: 6px; font-size: clamp(23px, 2.7vw, 38px); line-height: 1.1; }
.cat-d { grid-area: d; align-self: start; padding-bottom: 6px; max-width: 64ch; font-size: clamp(14px, 1.2vw, 16.5px); line-height: 1.45; color: rgba(243, 235, 221, 0.94); }
.cat-go { grid-area: go; justify-self: end; display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 1.5px solid rgba(243, 235, 221, 0.85); border-radius: 50%; transition: transform .2s, background-color .2s; }
.cat-go svg { width: 20px; height: 20px; fill: none; stroke: var(--ivory); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.cat-sum:hover .cat-go { background: rgba(243, 235, 221, 0.14); }
.cat[open] .cat-go { transform: rotate(90deg); }
.cat-body { padding-block: 8px 36px; border-top: 1px solid rgba(243, 235, 221, 0.22); }
@media (max-width: 700px) {
  .cat-sum { grid-template-columns: 92px 42px minmax(0, 1fr) 50px; grid-template-areas: "img ico h go"; min-height: 78px; padding-right: 8px; }
  .cat-d { display: none; }
  .cat-h { align-self: center; padding: 6px 0; font-size: 21px; }
  .cat-ico svg { width: 30px; height: 30px; }
  .cat-img img { object-position: 60% 50%; }
}
@media (max-width: 380px) { .cat-sum { grid-template-columns: 80px 36px minmax(0, 1fr) 48px; } .cat-h { font-size: 19px; } }

.sblocks { display: grid; gap: 0; }
.sblock { padding: 22px 0 24px; border-bottom: 1px solid rgba(243, 235, 221, 0.18); display: flex; flex-direction: column; }
.sblock:last-child { border-bottom: 0; }
.sb-text h3 { font-weight: 600; font-size: clamp(25px, 2.2vw, 31px); line-height: 1.14; margin-bottom: 8px; }
.sb-text p { font-size: 16px; line-height: 1.55; }
.sb-text p + p { margin-top: 8px; }
.sb-text b { color: var(--accent); font-weight: 700; }
.sb-text .sb-src { margin-top: 10px; font-size: 12px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ivory-soft); }
.sb-viz { margin-top: 16px; }
@media (min-width: 900px) {
  .sblocks--2 { grid-template-columns: repeat(2, 1fr); column-gap: 56px; }
  .sblocks--3 { grid-template-columns: repeat(3, 1fr); column-gap: 44px; }
  .sblock { border-bottom: 0; padding: 24px 0 28px; }
  .sblocks--1 .sblock { flex-direction: row; align-items: center; gap: 64px; }
  .sblocks--1 .sb-text { flex: 1 1 0; max-width: 620px; }
  .sblocks--1 .sb-viz { flex: 1 1 0; margin-top: 0; display: flex; justify-content: center; }
  .sblocks--1 .figs { justify-content: center; }
  .sblocks--1 .fig svg { width: 58px; height: 139px; }
  .sblocks--1 .rings { width: 260px; }
}

/* visualisations */
.viz-note { margin-top: 8px; font-size: 13px; color: var(--ivory-soft); }
.viz-note--strong { font-size: 15px; color: var(--ivory); font-weight: 600; }
.bars { display: grid; gap: 12px; }
.bar-row { display: grid; gap: 4px; }
.bar-label { font-size: 15px; font-weight: 600; }
.bar-label b { font-family: var(--f-serif); font-size: 28px; font-weight: 600; color: var(--accent); }
.bar-track { height: 14px; border-radius: 7px; background: rgba(243, 235, 221, 0.14); overflow: hidden; }
.bar-fill { display: block; height: 100%; border-radius: 7px; background: var(--accent); }
.bar-fill.b { background: var(--ivory); }
.bar-val { font-size: 14px; color: var(--ivory); }
.sb-compare { margin-top: 6px; padding-top: 22px; border-top: 1px solid rgba(243, 235, 221, 0.25); max-width: 760px; }
.split { display: flex; height: 54px; border-radius: 8px; overflow: hidden; border: 1.5px solid rgba(243, 235, 221, 0.55); }
.seg { display: flex; align-items: center; justify-content: center; overflow: hidden; }
.seg b { font-size: 12px; font-weight: 700; line-height: 1.15; text-align: center; padding: 0 3px; }
.seg.a { background: var(--accent); color: var(--charcoal); }
.seg.b { background: var(--ivory); color: var(--charcoal); }
.seg.c { background: transparent; color: var(--ivory); }
.dots { display: grid; grid-template-columns: repeat(20, 1fr); gap: 6px; max-width: 380px; }
.dots i { display: block; aspect-ratio: 1; border-radius: 50%; background: var(--accent); }
.circle-wrap { display: flex; }
.circ { width: min(200px, 60vw); height: auto; }
.c-fill { fill: rgba(243, 235, 221, 0.12); }
.c-ring { fill: none; stroke: var(--accent); stroke-width: 1.5; stroke-dasharray: 2 5; }
.c-text { font-family: var(--f-serif); font-size: 21px; font-weight: 600; fill: var(--ivory); }
.mf { display: grid; gap: 14px; }
.mf-lab { display: block; margin-bottom: 4px; font-size: 13px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ivory-soft); }
.rings { width: min(200px, 60vw); height: auto; display: block; }
.r-lines { stroke: var(--accent); opacity: 0.7; }


/* ---------- context (ivory band) ---------- */
.s-context { background: var(--ivory); color: var(--charcoal); padding-block: clamp(30px, 4vw, 52px); }
.s-context-grid { display: grid; gap: 22px; align-items: start; }
.s-context h2 { font-size: clamp(30px, 3.2vw, 42px); line-height: 1.08; }
.ctx-lead { margin-top: 12px; max-width: 70ch; font-size: 17px; line-height: 1.6; }
.ctx-list { margin-top: 12px; display: grid; gap: 6px 36px; max-width: 880px; font-size: 16px; line-height: 1.5; }
.ctx-list li { padding-left: 18px; position: relative; }
.ctx-list li::before { content: ''; position: absolute; left: 0; top: .6em; width: 7px; height: 7px; border-radius: 50%; background: var(--clay-deep); }
.ctx-close { margin-top: 16px; max-width: 70ch; font-size: 17px; font-weight: 600; line-height: 1.5; }
.ctx-act .btn { width: 100%; }
@media (min-width: 700px) { .ctx-list { grid-template-columns: repeat(2, 1fr); } .ctx-act .btn { width: auto; } }
@media (min-width: 900px) { .s-context-grid { grid-template-columns: 1fr auto; gap: 48px; align-items: center; } }

/* ---------- shareable graphic ---------- */
.s-info { background: var(--teal-deep); padding-block: clamp(30px, 4vw, 52px); }
.info-head { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; margin-bottom: 20px; }
.info-head h2 { font-size: clamp(28px, 3vw, 40px); margin-right: auto; }
.infog { margin: 0; max-width: 1120px; margin-inline: auto; background: var(--ivory); color: var(--charcoal); border-radius: 12px; overflow: hidden; }
.ig-top { background: var(--teal); color: var(--ivory); padding: 10px 20px; }
.ig-brand { display: inline-flex; align-items: center; gap: 10px; font-family: var(--f-sans); font-size: 16px; font-weight: 600; }
.ig-brand img { width: 22px; height: auto; }
.ig-main { display: grid; }
.ig-copy { padding: 22px 22px 18px; }
.ig-h { font-family: var(--f-serif); font-size: clamp(30px, 4vw, 44px); font-weight: 600; line-height: 1.05; }
.ig-sub { margin-top: 6px; font-size: 14px; color: #3b4543; }
.ig-stats { margin-top: 16px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px 18px; }
.ig-stats li { padding-left: 12px; border-left: 2px solid rgba(29, 36, 34, 0.25); }
.ig-n { font-family: var(--f-serif); font-size: clamp(25px, 2.3vw, 31px); font-weight: 600; line-height: 1.05; }
.ig-stats .snap--1 .ig-n { color: #9C2B4A; } .ig-stats .snap--2 .ig-n { color: #7A1E4F; } .ig-stats .snap--3 .ig-n { color: #8F5612; } .ig-stats .snap--4 .ig-n { color: #A8421C; }
.ig-t { margin-top: 4px; font-size: 13.5px; line-height: 1.4; }
.ig-s { margin-top: 4px; font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #4a5452; }
.ig-art { min-height: 180px; background: #0F2B2B; }
.ig-art picture, .ig-art img { display: block; width: 100%; height: 100%; }
.ig-art img { object-fit: cover; object-position: 60% 40%; max-height: 260px; }
.ig-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 20px; padding: 14px 22px; background: var(--crimson); color: var(--ivory); font-size: clamp(15px, 1.6vw, 18px); font-weight: 600; }
@media (min-width: 800px) {
  .ig-main { grid-template-columns: 1.7fr 0.9fr; }
  .ig-stats { grid-template-columns: repeat(4, 1fr); gap: 14px; }
  .ig-art img { max-height: none; }
  .ig-copy { padding: 26px 26px 22px; }
}
@media (max-width: 799px) { .ig-art { order: -1; max-height: 200px; overflow: hidden; } .ig-art img { max-height: 200px; } }

/* ---------- topic modal ---------- */
.stats-modal { width: min(1040px, calc(100vw - 24px)); max-height: calc(100dvh - 24px); margin: auto; padding: 0; border: 0; border-radius: 14px; overflow: hidden; background: var(--ivory); color: var(--charcoal); }
.stats-modal[open] { display: flex; flex-direction: column; }
.stats-modal::backdrop { background: rgba(10, 24, 24, 0.78); }
.sm-bar { display: flex; align-items: center; gap: 10px; padding: 10px 14px 10px 20px; background: var(--teal); color: var(--ivory); flex-shrink: 0; }
.sm-brand { display: inline-flex; align-items: center; gap: 10px; margin-right: auto; font-size: 17px; font-weight: 600; white-space: nowrap; }
.sm-brand img { width: 22px; height: auto; }
.sm-btn { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 18px; border: 1.5px solid rgba(243, 235, 221, 0.6); border-radius: 8px; background: transparent; color: var(--ivory); font: 600 13px var(--f-sans); letter-spacing: 0.06em; text-transform: uppercase; cursor: pointer; }
.sm-btn svg, .sm-x svg { width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.sm-btn:hover, .sm-x:hover { background: rgba(243, 235, 221, 0.12); }
.sm-x { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border: 0; border-radius: 8px; background: transparent; color: var(--ivory); cursor: pointer; }
.sm-x svg { width: 24px; height: 24px; }
.sm-body { overflow: auto; padding: 22px clamp(16px, 3vw, 32px) 28px; }
.sm-body h2 { font-size: clamp(32px, 3.4vw, 44px); line-height: 1.05; }
.sm-sub { margin-top: 4px; font-size: 15px; color: #3b4543; }
.sm-snaps { display: grid; margin-top: 16px; padding-bottom: 18px; border-bottom: 1px solid rgba(29, 36, 34, 0.22); }
.sm-snap { display: grid; grid-template-columns: 70px 1fr; gap: 14px; align-items: center; padding: 12px 0; --accent: var(--sc); }
.sm-snap.snap--1 { --sc: #9C2B4A; } .sm-snap.snap--2 { --sc: #7A1E4F; } .sm-snap.snap--3 { --sc: #B0651A; } .sm-snap.snap--4 { --sc: #B5481F; }
.sm-snap .snap-src { color: #4a5452; } .sm-snap .snap-t { font-size: 14.5px; }
.sm-snap .snap-fig { font-size: clamp(30px, 3vw, 38px); }
.sm-h3 { margin-top: 20px; font-size: clamp(26px, 2.6vw, 34px); line-height: 1.1; }
.sm-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-top: 14px; }
.sm-card { display: flex; flex-direction: column; text-decoration: none; color: var(--charcoal); border-radius: 10px; overflow: hidden; background: transparent; }
.sm-card:hover .sm-ct { text-decoration: underline; text-underline-offset: 3px; }
.sm-card:focus-visible { outline: 3px solid var(--crimson); outline-offset: 2px; }
.sm-thumb { display: block; aspect-ratio: 16 / 9; background: var(--cb); overflow: hidden; border-radius: 10px; }
.sm-thumb img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 72% 50%; }
.sm-thumb--data { display: flex; align-items: center; justify-content: center; color: var(--ivory); }
.sm-thumb--data svg { width: 56px; height: 56px; }
.sm-ct { margin-top: 8px; font-family: var(--f-serif); font-size: 21px; font-weight: 600; line-height: 1.12; }
.sm-cd { margin-top: 4px; font-size: 13.5px; line-height: 1.4; color: #3b4543; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.sm-cta { width: 100%; margin-top: 22px; }
@media (max-width: 480px) { .sm-bar { padding-left: 14px; gap: 6px; } .sm-brand { font-size: 15px; gap: 8px; } .sm-btn { padding: 0 12px; } }
@media (min-width: 560px) { .sm-grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 760px) { .sm-grid { grid-template-columns: repeat(4, 1fr); } .sm-snaps { grid-template-columns: repeat(4, 1fr); } .sm-snap { grid-template-columns: 1fr; gap: 8px; align-items: start; padding: 4px 14px; border-left: 1px solid rgba(29, 36, 34, 0.22); } .sm-snap:first-child { border-left: 0; padding-left: 0; } .sm-cta { width: auto; display: flex; margin-inline: auto; max-width: 420px; } }

/* final CTA + data */
.s-final { background: var(--plum); padding-block: clamp(36px, 4.6vw, 60px); }
.s-final h2 { max-width: 22ch; }
.fin-copy { margin-top: 16px; display: grid; gap: 4px; font-size: 18px; max-width: 60ch; }
.fin-close { margin-top: 12px; font-family: var(--f-serif); font-size: clamp(22px, 2.2vw, 28px); font-style: italic; }
.s-final .btn-row .btn { width: 100%; }
@media (min-width: 760px) { .s-final .btn-row .btn { width: auto; } }
.s-data { background: var(--trust-bg); padding-block: clamp(30px, 4vw, 48px); }
.s-data-grid { display: grid; gap: 22px; }
.data-sub { margin-top: 14px; font-size: 12px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--gold-light); }
.data-src { margin-top: 8px; display: grid; gap: 2px; }
.data-src li { padding: 7px 0 7px 18px; position: relative; font-size: 16px; border-bottom: 1px solid var(--line); }
.data-src li::before { content: ''; position: absolute; left: 2px; top: 16px; width: 7px; height: 7px; border-radius: 50%; background: var(--gold-light); }
.data-copy { display: grid; align-content: start; gap: 12px; font-size: 15px; color: var(--ivory-soft); max-width: 70ch; }
.reviewed { font-weight: 700; color: var(--gold-light); }
@media (min-width: 900px) { .s-data-grid { grid-template-columns: 0.8fr 1.4fr; gap: 56px; } }
.s-final h2, .s-data h2 { font-size: clamp(30px, 3.2vw, 42px); line-height: 1.08; }