.results-main { padding-top: 156px; padding-bottom: 100px; background: #edf2ef; min-height: 90vh; }
.results-intro h1 { margin: 20px 0; font-size: clamp(38px, 5vw, 66px); letter-spacing: -.04em; line-height: 1.15; }
.results-intro > p { max-width: 780px; color: var(--muted); line-height: 1.9; }
.results-scope { display: flex; flex-wrap: wrap; gap: 15px; align-items: center; margin: 26px 0 38px; font-size: 12px; color: var(--muted); }
.results-scope > span:first-child { padding: 8px 12px; border: 1px solid #b7ccbf; border-radius: 4px; color: var(--green); }
.results-toolbar { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; padding-bottom: 25px; border-bottom: 1px solid var(--line); font-size: 13px; }
.results-toolbar label { font-weight: 700; }
.results-toolbar select { min-width: 180px; padding: 12px 36px 12px 14px; border: 1px solid #b7ccbf; border-radius: 5px; background: white; color: var(--night); font: inherit; }
.results-toolbar > span { color: var(--muted); }
#resultsState { padding: 22px 0; line-height: 1.8; }
.results-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin: 26px 0; }
.results-kpis article { display: grid; gap: 13px; padding: 25px; background: white; border: 1px solid var(--line); border-radius: 9px; }
.results-kpis span { font-size: 13px; color: var(--muted); }
.results-kpis strong { font: 42px/1.1 Georgia, serif; color: var(--green); overflow-wrap: anywhere; }
.results-kpis small { font-size: 11px; color: var(--muted); line-height: 1.7; }
.results-kpis strong.is-negative { color: #ab493b; }
.results-graph-panel, .results-quality article, .results-daily { border: 1px solid var(--line); background: white; border-radius: 9px; padding: 30px; }
.results-panel-heading { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; justify-content: space-between; }
.results-panel-heading h2, .results-quality h2 { margin: 0; font-size: 21px; }
.results-panel-heading span { font-size: 11px; color: var(--muted); }
#resultsChart { display: block; width: 100%; margin-top: 20px; min-height: 180px; }
#resultsChart text { font: 12px Consolas, monospace; fill: #637469; }
.results-caption { font-size: 12px; line-height: 1.9; color: var(--muted); }
.results-quality { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin: 20px 0; }
.results-quality p { color: var(--muted); font-size: 13px; line-height: 1.9; }
.results-quality dl > div { display: flex; gap: 14px; justify-content: space-between; border-bottom: 1px solid var(--line); padding: 12px 0; font-size: 12px; }
.results-quality dd { margin: 0; font-weight: 700; }
#qualityNotice { color: #865522; }
.results-text-link { display: inline-block; margin-top: 14px; padding-bottom: 6px; border-bottom: 1px solid currentColor; font-size: 13px; color: var(--green); font-weight: 700; }
.results-daily summary { cursor: pointer; font-size: 14px; font-weight: 700; padding: 4px 0; }
.table-scroll { overflow-x: auto; margin-top: 20px; }
.results-daily table { border-collapse: collapse; width: 100%; text-align: left; font-size: 12px; }
.results-daily caption { text-align: left; color: var(--muted); padding-bottom: 15px; }
.results-daily th, .results-daily td { border-bottom: 1px solid var(--line); padding: 13px 10px; white-space: nowrap; }
.results-archive { display: grid; grid-template-columns: .7fr 1.3fr; gap: 40px; align-items: center; margin-top: 70px; }
.results-archive h2 { font-size: 28px; }
.results-archive p { font-size: 13px; color: var(--muted); line-height: 1.9; }
.results-archive img { width: 100%; border-radius: 8px; border: 1px solid var(--line); }
[hidden] { display: none !important; }
@media (max-width: 1000px) { .results-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) {
  .results-main { padding-top: 120px; padding-bottom: 55px; }
  .results-kpis { gap: 9px; }
  .results-kpis article { padding: 18px 14px; }
  .results-kpis strong { font-size: 31px; }
  .results-quality, .results-archive { grid-template-columns: 1fr; gap: 15px; }
  .results-graph-panel, .results-quality article, .results-daily { padding: 20px 16px; }
  .results-archive { margin-top: 40px; }
  .results-toolbar { gap: 10px; }
  .results-toolbar > span { width: 100%; }
}