/* =====================================================================
 * NZ Discourse Report — October 2026 (report_2026_10.html.tmpl)
 *
 * Per-report stylesheet, scoped under .report-1026. Carried over from the
 * September edition (same editorial draft format): the draft's SVG token
 * classes are re-pointed at the Dossier system — site neutrals, Inter +
 * JetBrains Mono — and the channel colours / signal red stay as July and
 * September so the series reads as one. Draft classes are namespaced
 * r10-* (app.css styles .grid/.dot/.meta/.timeline globally).
 *
 * New this edition: a three-column reception ledger, legend swatches for
 * the audio channel and signal line, and the editor's-note paragraph.
 * ===================================================================== */

.report-1026 {
  --r10-paper: var(--bg-0);          /* figure ground; also the label halo */
  --r10-paper2: var(--bg-1);
  --r10-paperline: #EEF1F4;
  --r10-grid: #E1E6EA;
  --r10-rule: #C4CCD3;
  --r10-ink: #131C26;
  --r10-ink2: #46545F;
  --r10-muted: #7C8B96;
  --r10-mid: #8C99A4;
  --r10-light: #CBD3DA;
  --r10-band: rgba(19, 28, 38, 0.045);
  --r10-press: #175A66;
  --r10-comm: #8A6410;
  --r10-audio: #6A3F79;
  --r10-social: #3C6B44;
  --r10-signal: #BE2C2C;
  --r10-signal-soft: #BE2C2C12;
}

/* --- masthead: period log + display headline + dek -------------------- */
.report-1026 .r10-log {
  display: grid; grid-template-columns: repeat(4, 1fr);
  border: 1px solid var(--line); border-radius: var(--r-md);
  background: var(--bg-1); margin: 0;
}
.report-1026 .r10-log div { padding: 12px 14px 14px; border-right: 1px solid var(--line); }
.report-1026 .r10-log div:last-child { border-right: 0; }
.report-1026 .r10-log dt {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--fg-3); margin: 0 0 3px;
}
.report-1026 .r10-log dd {
  margin: 0; font-family: 'JetBrains Mono', monospace;
  font-size: 12px; line-height: 1.45; color: var(--fg-1);
}
.report-1026 .report-body h2.r10-display {
  font-size: clamp(28px, 4.4vw, 42px);
  font-weight: 600; letter-spacing: -0.022em; line-height: 1.06;
  color: var(--fg-0); margin: 32px 0 0; text-wrap: balance;
}
.report-1026 .r10-display em { font-style: normal; color: var(--r10-signal); }
.report-1026 .r10-display span { display: block; color: var(--fg-2); font-weight: 500; margin-top: 4px; }
.report-1026 .report-body .r10-dek {
  font-size: 18.5px; line-height: 1.55; color: var(--fg-1); margin: 18px 0 0;
}

/* --- headline stats ----------------------------------------------------- */
.report-1026 .r10-stats {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px;
  margin: 28px 0 8px;
}
.report-1026 .r10-stat {
  border: 1px solid var(--line); border-radius: var(--r-md);
  background: var(--bg-1); padding: 16px 16px 18px;
}
.report-1026 .r10-val {
  font-size: 28px; font-weight: 600; letter-spacing: -0.02em; line-height: 1.05;
  color: var(--fg-0); font-feature-settings: "tnum";
}
.report-1026 .r10-val.r10-alert { color: var(--r10-signal); }
.report-1026 .r10-lab {
  display: block; margin-top: 8px;
  font-size: 12.5px; line-height: 1.45; color: var(--fg-2);
}

/* --- section eyebrows + summary list ------------------------------------- */
.report-1026 .report-body .r10-eyebrow {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase;
  color: var(--fg-3); margin: 52px 0 0;
  display: flex; align-items: center; gap: 12px;
}
.report-1026 .r10-eyebrow::after { content: ""; flex: 1; height: 1px; background: var(--line); }
.report-1026 .r10-eyebrow + h2 { margin-top: 10px; }
.report-1026 .r10-findings li { margin-bottom: 12px; }
.report-1026 .r10-findings b { color: var(--fg-0); }

/* --- figures ------------------------------------------------------------- */
.report-1026 .report-body figure.r10-figure {
  margin: 28px 0; padding: 18px 20px 12px;
  border: 1px solid var(--line); border-radius: var(--r-md);
  background: var(--r10-paper);
}
.report-1026 .report-body .r10-fignum {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10.5px; letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--fg-3); margin: 0 0 4px;
}
.report-1026 .report-body figcaption.r10-figcap {
  display: grid; grid-template-columns: 1fr auto; column-gap: 16px;
  text-align: left; margin: 0 0 12px;
}
.report-1026 .r10-figcap b,
.report-1026 .r10-figcap span { grid-column: 1; }
.report-1026 .r10-figcap b { font-size: 15.5px; font-weight: 600; color: var(--fg-0); line-height: 1.35; }
.report-1026 .r10-figcap span { font-size: 13.5px; line-height: 1.5; color: var(--fg-2); margin-top: 3px; }
.report-1026 .r10-figcap .report-chart-dl { grid-column: 2; grid-row: 1 / span 2; align-self: start; }

.report-1026 .r10-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 6px 0; }
.report-1026 .r10-scroll svg { display: block; min-width: 640px; width: 100%; height: auto; }

.report-1026 .r10-legend {
  display: flex; flex-wrap: wrap; gap: 6px 18px;
  font-family: 'JetBrains Mono', monospace; font-size: 11.5px;
  color: var(--fg-2); margin: 4px 0 2px;
}
.report-1026 .r10-legend b { color: var(--fg-0); font-weight: 600; }
.report-1026 .r10-sw { display: inline-block; width: 11px; height: 11px; border-radius: 2px; vertical-align: -1px; margin-right: 6px; }
.report-1026 .r10-lk { display: inline-block; width: 18px; height: 0; border-top: 2px solid; vertical-align: 3px; margin-right: 6px; }

.report-1026 .report-body .r10-chartnote {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px; line-height: 1.5; color: var(--fg-3); margin: 4px 0 8px;
}
.report-1026 .r10-events {
  list-style: none; padding: 10px 0 0; margin: 8px 0 6px;
  border-top: 1px solid var(--line);
}
.report-1026 .report-body .r10-events li {
  display: grid; grid-template-columns: 76px 1fr; column-gap: 4px;
  font-size: 14px; line-height: 1.5; color: var(--fg-2); margin: 0 0 5px;
}
.report-1026 .r10-events b {
  font-family: 'JetBrains Mono', monospace; font-size: 11.5px; font-weight: 600;
  color: var(--fg-0); padding-top: 2px;
}

/* "Show the data" disclosure */
.report-1026 details.r10-data { margin: 8px 0 4px; border-top: 1px solid var(--line); padding-top: 8px; }
.report-1026 details.r10-data summary {
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px; letter-spacing: 0.06em; color: var(--accent); cursor: pointer;
}
.report-1026 .r10-tablewrap { overflow-x: auto; }
.report-1026 .r10-figure table, .report-1026 table.r10-timeline {
  width: 100%; border-collapse: collapse; margin: 10px 0 6px;
  font-size: 13px; font-feature-settings: "tnum";
}
.report-1026 .r10-figure th {
  text-align: left; font-weight: 600;
  font-size: 10.5px; letter-spacing: 0.1em; text-transform: uppercase;
  color: var(--fg-3); border-bottom: 1px solid var(--line-strong);
  padding: 0 10px 6px 0;
}
.report-1026 .r10-figure td {
  padding: 5px 10px 5px 0; border-bottom: 1px solid var(--line); color: var(--fg-1);
}

/* policy timeline (finding 2) */
.report-1026 table.r10-timeline { margin: 14px 0 22px; font-size: 14.5px; }
.report-1026 .r10-timeline td {
  padding: 10px 14px 10px 0; border-bottom: 1px solid var(--line);
  vertical-align: top; color: var(--fg-1); line-height: 1.5;
}
.report-1026 .r10-timeline tr:first-child td { border-top: 1px solid var(--line-strong); }
.report-1026 .r10-timeline tr:last-child td { border-bottom: 1px solid var(--line-strong); }
.report-1026 .r10-timeline td:first-child {
  white-space: nowrap; font-family: 'JetBrains Mono', monospace;
  font-size: 11.5px; color: var(--fg-3); padding-top: 12px;
}
.report-1026 .r10-timeline b { color: var(--fg-0); }

/* --- "Why it matters" callouts + reception ledger ------------------------ */
.report-1026 .r10-why {
  border-left: 3px solid var(--r10-signal);
  background: var(--r10-signal-soft);
  border-radius: 0 var(--r-sm) var(--r-sm) 0;
  padding: 18px 22px; margin: 26px 0;
}
.report-1026 .r10-why .r10-k {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10.5px; letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--r10-signal); display: block; margin-bottom: 8px;
}
.report-1026 .report-body .r10-why p { font-size: 15.5px; line-height: 1.62; margin: 0; }

.report-1026 .r10-ledger {
  display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin: 20px 0;
}
.report-1026 .r10-ledger > div {
  border: 1px solid var(--line); border-radius: var(--r-md);
  background: var(--bg-1); padding: 18px 20px;
}
.report-1026 .r10-ledger h4 {
  font-family: 'JetBrains Mono', monospace;
  font-size: 10.5px; letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--fg-3); margin: 0 0 10px; font-weight: 600;
}
.report-1026 .report-body .r10-ledger ul { margin: 0; padding-left: 18px; }
.report-1026 .report-body .r10-ledger li { font-size: 14.5px; line-height: 1.55; }
.report-1026 .r10-ledger-3 { grid-template-columns: repeat(3, 1fr); }

/* editor's note (finding 3) */
.report-1026 .report-body .r10-note {
  font-size: 14.5px; line-height: 1.6; color: var(--fg-2); font-style: italic;
  border-top: 1px solid var(--line); padding-top: 12px; margin: 22px 0 0;
}

/* --- methodology panel --------------------------------------------------- */
.report-1026 .r10-method {
  border: 1px solid var(--line); border-radius: var(--r-lg);
  background: var(--bg-1); padding: 30px 34px 14px; margin: 56px 0 0;
}
.report-1026 .r10-method .r10-eyebrow { margin-top: 0; }
.report-1026 .report-body .r10-method p { font-size: 14.5px; line-height: 1.65; }

/* --- tooltip --------------------------------------------------------------- */
.report-1026 .r10-tt {
  position: fixed; left: 0; top: 0; z-index: 50; pointer-events: none;
  background: var(--r10-ink); color: #fff;
  font: 11.5px/1.45 'JetBrains Mono', monospace;
  padding: 6px 9px; border-radius: var(--r-sm); max-width: 300px;
  opacity: 0; transition: opacity 0.08s;
}
.report-1026 .r10-tt.on { opacity: 1; }

/* --- SVG marks: the draft's token classes, re-pointed ---------------------- */
.report-1026 svg text { fill: var(--r10-ink2); font-family: 'Inter', system-ui, sans-serif; }
.report-1026 .r10-tick { font-family: 'JetBrains Mono', monospace; font-size: 10.5px; fill: var(--r10-muted); }
.report-1026 .r10-axislabel { font-family: 'JetBrains Mono', monospace; font-size: 10px; fill: var(--r10-muted); }
.report-1026 .r10-month { font-family: 'JetBrains Mono', monospace; font-size: 10.5px; letter-spacing: 0.12em; fill: var(--r10-ink2); font-weight: 600; }
.report-1026 .r10-annot,
.report-1026 .r10-flagtext { font-family: 'JetBrains Mono', monospace; font-size: 10.5px; fill: var(--r10-ink2); }
.report-1026 .r10-flagtext { fill: var(--r10-signal); font-weight: 600; }
.report-1026 .r10-endlabel,
.report-1026 .r10-rowlabel { font-size: 13px; font-weight: 600; fill: var(--r10-ink); }
.report-1026 .r10-colhead,
.report-1026 .r10-group { font-family: 'JetBrains Mono', monospace; font-size: 10.5px; letter-spacing: 0.1em; text-transform: uppercase; fill: var(--r10-muted); }
.report-1026 .r10-value {
  font-family: 'JetBrains Mono', monospace; font-size: 11.5px; font-weight: 600; fill: var(--r10-ink);
  paint-order: stroke; stroke: var(--r10-paper); stroke-width: 3px; stroke-linejoin: round;
}
.report-1026 .r10-annot, .report-1026 .r10-flagtext, .report-1026 .r10-endlabel {
  paint-order: stroke; stroke: var(--r10-paper); stroke-width: 3px; stroke-linejoin: round;
}
.report-1026 .r10-inbar { font-family: 'JetBrains Mono', monospace; font-size: 11.5px; font-weight: 600; }
.report-1026 .r10-inbar-dark { fill: #fff; }
.report-1026 .r10-inbar-light { fill: var(--r10-ink); }
.report-1026 .r10-paper { stroke: var(--r10-paperline); stroke-width: 1; }
.report-1026 .r10-grid { stroke: var(--r10-grid); stroke-width: 1; }
.report-1026 .r10-axis { stroke: var(--r10-rule); stroke-width: 1; }
.report-1026 .r10-divider { stroke: var(--r10-ink); stroke-width: 1; }
.report-1026 .r10-band { fill: var(--r10-band); }
.report-1026 .r10-leader { stroke: var(--r10-muted); stroke-width: 1; }
.report-1026 .r10-flag { stroke: var(--r10-signal); stroke-width: 1; stroke-dasharray: 3 3; }
.report-1026 .r10-baseline { stroke: var(--r10-ink); stroke-width: 1; stroke-dasharray: 4 3; }
.report-1026 .r10-stem { stroke: var(--r10-grid); stroke-width: 2; }
.report-1026 .r10-line { fill: none; stroke-width: 2.25; stroke-linejoin: round; stroke-linecap: round; }
.report-1026 .r10-spike { stroke-width: 2; stroke-linecap: round; opacity: 0.9; }
.report-1026 .r10-dot { stroke: var(--r10-paper); stroke-width: 2; }
.report-1026 .r10-c-press { fill: var(--r10-press); }
.report-1026 .r10-c-comm { fill: var(--r10-comm); }
.report-1026 .r10-c-audio { fill: var(--r10-audio); }
.report-1026 .r10-c-signal { fill: var(--r10-signal); }
.report-1026 .r10-c-ink { fill: var(--r10-ink); }
.report-1026 .r10-c-mid { fill: var(--r10-mid); }
.report-1026 .r10-c-light { fill: var(--r10-light); }
.report-1026 .r10-s-press { stroke: var(--r10-press); }
.report-1026 .r10-s-comm { stroke: var(--r10-comm); }
.report-1026 .r10-s-audio { stroke: var(--r10-audio); }
.report-1026 .r10-s-signal { stroke: var(--r10-signal); }
.report-1026 .r10-s-ink { stroke: var(--r10-ink); }
.report-1026 .r10-s-mid { stroke: var(--r10-mid); }
.report-1026 .r10-s-light { stroke: var(--r10-light); }
.report-1026 i.r10-s-ink { border-color: var(--r10-ink); }
.report-1026 i.r10-s-mid { border-color: var(--r10-mid); }
.report-1026 i.r10-s-signal { border-color: var(--r10-signal); }
.report-1026 i.r10-c-press { background: var(--r10-press); }
.report-1026 i.r10-c-comm { background: var(--r10-comm); }
.report-1026 i.r10-c-signal { background: var(--r10-signal); }
.report-1026 i.r10-c-audio { background: var(--r10-audio); }
.report-1026 i.r10-c-ink { background: var(--r10-ink); }
.report-1026 i.r10-c-mid { background: var(--r10-mid); }
.report-1026 i.r10-c-light { background: var(--r10-light); }
.report-1026 .r10-zero { fill: none; stroke: var(--r10-signal); stroke-width: 2; }
.report-1026 .r10-zerotext { font-family: 'JetBrains Mono', monospace; font-size: 11px; font-weight: 600; fill: var(--r10-signal); }
.report-1026 .r10-hit { fill: transparent; }
.report-1026 [data-tip] { cursor: default; outline: none; }
.report-1026 [data-tip]:hover, .report-1026 [data-tip]:focus { opacity: 0.75; }
.report-1026 .r10-hit:hover, .report-1026 .r10-hit:focus { fill: var(--r10-band); opacity: 1; }
@media (forced-colors: active) { .report-1026 .r10-dot, .report-1026 .r10-spike { forced-color-adjust: auto; } }

/* --- responsive ----------------------------------------------------------- */
@media (max-width: 720px) {
  .report-1026 .r10-log, .report-1026 .r10-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .report-1026 .r10-log div:nth-child(2) { border-right: 0; }
  .report-1026 .r10-log div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .report-1026 .r10-ledger { grid-template-columns: 1fr; }
  .report-1026 .report-body figure.r10-figure { padding: 16px 14px 10px; }
  .report-1026 .report-body figcaption.r10-figcap { grid-template-columns: 1fr; }
  .report-1026 .r10-figcap .report-chart-dl { grid-column: 1; grid-row: auto; justify-self: start; margin-top: 10px; }
  .report-1026 .r10-scroll::after {
    content: "Scroll chart \2192"; display: block;
    font-family: 'JetBrains Mono', monospace;
    font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase;
    color: var(--fg-3); padding-top: 6px;
  }
  .report-1026 .r10-method { padding: 24px 18px 8px; }
}

/* --- print: inherits the shared report print rules; the inline SVGs scale
   via their viewBox, so only the scroller and disclosures need care. */
@media print {
  .report-1026 .r10-scroll { overflow: visible; }
  .report-1026 .r10-scroll svg { min-width: 0; }
  .report-1026 .r10-scroll::after { content: none; }
  .report-1026 details.r10-data, .report-1026 .r10-tt { display: none; }
  .report-1026 .r10-figure, .report-1026 .r10-stat, .report-1026 .r10-why,
  .report-1026 .r10-ledger > div, .report-1026 .r10-timeline { break-inside: avoid; }
  .report-1026 .r10-figure, .report-1026 .r10-why, .report-1026 .r10-stat {
    -webkit-print-color-adjust: exact; print-color-adjust: exact;
  }
}