/* =====================================================================
   Supracited report pages (/report/...). Source: site/styles/report.v1.css; copied to /css/report.v1.css by
   site/build_report.py. Loaded after /css/site.v60.css, which carries the fonts, tokens, header, footer, bands,
   cards, figures and folds. This sheet adds the findings list, the chart frame and the source lists.
   Charts: one teal ramp (deep, mid) plus one gold accent; text stays in ink and muted; nothing under 15px.
   ===================================================================== */
:root{--c-a:#0B5F59;--c-b:#2F9E8F;--c-g:#B98423}

/* ---------- summary: one sentence per finding, its source beneath ---------- */
.finds{counter-reset:f;display:grid;gap:0 clamp(2rem,4vw,3.5rem)}
@media (min-width:56rem){.finds{grid-template-columns:repeat(2,minmax(0,1fr))}}
.finds>li{counter-increment:f;display:grid;grid-template-columns:30px minmax(0,1fr);gap:4px 8px;padding:16px 0;border-top:1px solid var(--hair)}
.finds>li::before{content:counter(f);font-size:1.0625rem;line-height:1.5;font-weight:700;color:var(--teal)}
.find{font-size:1.0625rem;line-height:1.5;font-weight:600;color:var(--ink)}
.find-src{grid-column:2;font-size:15px;line-height:1.5;color:var(--muted)}
.find-src a,.src a{color:inherit;text-decoration-color:var(--teal);text-decoration-thickness:1.5px;text-underline-offset:3px}
.cta-row{margin-top:2rem;display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}
.cta-row p{font-size:1rem;line-height:1.55;color:var(--muted);max-width:50ch}
@media (max-width:719px){.cta-row .btn{width:100%}}

/* ---------- a section: chart beside a short reading ---------- */
.rep-grid{display:grid;gap:2rem clamp(2rem,5vw,4.5rem);align-items:start}
@media (min-width:64rem){.rep-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}
.rep-aside{min-width:0}
.rep-aside>*+*{margin-top:1.1rem}
.rep-aside p{max-width:62ch}
.rep-aside .figs{margin-top:0}
.rep-aside .figs+p,.rep-aside p+.figs{margin-top:1.5rem}
.rep-list>li{position:relative;padding-left:22px;line-height:1.55}
.rep-list>li+li{margin-top:.75rem}
.rep-list>li::before{content:"";position:absolute;left:0;top:.75em;width:10px;height:2px;background:var(--teal)}
.figs--solo .fig-n{font-size:clamp(2.5rem,2.2rem + 1vw,3rem)}

/* ---------- chart frame: title, key, the drawing, then the source ---------- */
.chart{min-width:0;margin:0;padding:24px;border:1px solid var(--hair);border-radius:14px;background:var(--white)}
@media (max-width:719px){.chart{padding:18px 16px}}
.chart-t{font-size:1.0625rem;line-height:1.4;font-weight:700;color:var(--ink)}
.chart-key{margin-top:.65rem;display:flex;flex-wrap:wrap;gap:6px 20px;font-size:15px;line-height:1.45;color:var(--ink)}
.chart-key li{display:inline-flex;align-items:center;gap:8px}
.sw{display:inline-block;flex:none;width:14px;height:14px;border-radius:3px}
.sw--a{background:var(--c-a)}
.sw--b{background:var(--c-b)}
.sw--g{background:var(--c-g)}
.ch-svg{display:block;width:100%;margin-top:1rem}
.ch-svg text{font-family:var(--font);fill:var(--ink)}
.ch-svg .lbl{font-size:16px;font-weight:500}
.ch-svg .lbl-b{font-size:16px;font-weight:700}
.ch-svg .val{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}
.ch-svg .na,.ch-svg .tick,.ch-svg .rng-t{font-size:15px;fill:var(--muted)}
.ch-svg .s-a{fill:var(--c-a)}
.ch-svg .s-b{fill:var(--c-b)}
.ch-svg .s-g{fill:var(--c-g)}
.ch-svg .axis{stroke:var(--ink);stroke-width:1.5}
.ch-svg .track{stroke:var(--track);stroke-width:4;stroke-linecap:round}
.ch-svg .rng{stroke:var(--c-b);stroke-width:6;stroke-linecap:round}
.ch-svg .dot{fill:var(--c-a);stroke:var(--white);stroke-width:2.5}
.src{margin-top:1rem;font-size:15px;line-height:1.55;color:var(--muted);overflow-wrap:anywhere}
.chart .src{padding-top:.9rem;border-top:1px solid var(--hair)}
.src+.src{margin-top:.5rem}
.chart .src+.src{padding-top:0;border-top:0}

/* ---------- method and sources ---------- */
.rep-method{max-width:68ch}
.rep-method>*+*{margin-top:1rem}
.src-list{margin-top:2rem;border-bottom:1px solid var(--hair)}
.src-list>li{padding:18px 0;border-top:1px solid var(--hair)}
.s-what{font-size:1rem;line-height:1.5;font-weight:700;color:var(--ink)}
.s-use{display:inline-block;margin-left:8px;padding:1px 10px;border-radius:999px;background:var(--tint);font-size:15px;font-weight:600;line-height:1.45;vertical-align:1px}
.s-use--cite{background:var(--white);border:1px solid var(--muted);padding:0 9px}
.s-cite{margin-top:6px;font-size:15px;line-height:1.55;color:var(--ink);max-width:90ch;overflow-wrap:anywhere}
.s-cite a{color:var(--ink);text-decoration-color:var(--teal);text-underline-offset:3px}
.s-meta{margin-top:4px;font-size:15px;line-height:1.5;color:var(--muted);max-width:90ch}
.s-meta a{color:inherit}