/* ══════════════════════════════════════════════════════════════════
   AVC v2 — 04 case study (#results): an evidence chain
   1 measured behaviour → 2 DT reproduction → 3 PID search on the DT →
   4 independent validation → 5 set-point scenario → recommendation
   ──────────────────────────────────────────────────────────────────
   (round-3 figure system, kept:)
   One figure system for the three result figures (.rs-fig, a .panel):
     head   source tag · sentence-case kicker · title · controls
     plot   .well — legend row + SVG chart (crosshair tooltip)
     aside  ledger — facts / reductions / before → after, hairline rows
     foot   caption · table view
   Series colours are the user's: set-point #ff5d5d dashed, existing
   PID #9aa4b1 (thin, softer), recommended PID #1e90ff (stronger, dark
   halo) — tokens --s-sp / --s-base / --s-rec from css/base.css.
   Amber (--warm) marks "DT result, not field data" statements only.
   Everything is scoped under #results.
   ══════════════════════════════════════════════════════════════════ */

/* band: one light, top-left; fades back to the page tone before §05 */
#results{
  --light-at:14% 0%; --light:.075; --light-size:70% 38%;
  --sec-bg:linear-gradient(180deg, var(--bg-1) 0, var(--bg-1) calc(100% - 360px), var(--bg) 100%);
  --rs-gap:clamp(20px, 2.2vw, 28px);
}
#results .sec-lead{ max-width:62ch; }
html[data-lang="ko"] #results .sec-lead{ max-width:52ch; }

/* ── case sheet: one hairline strip, four fields ──────────────────── */
#results .rs-case{ display:grid; grid-template-columns:minmax(0,1.12fr) minmax(0,1fr) minmax(0,1.42fr) minmax(0,.96fr);
  margin:0; border-top:1px solid var(--line); border-bottom:1px solid var(--line-soft); }
#results .rs-case > div{ min-width:0; padding:18px 24px 20px; border-left:1px solid var(--line-soft); }
#results .rs-case > div:first-child{ padding-left:0; border-left:0; }
#results .rs-case dt{ font-size:12.5px; line-height:1.3; font-weight:var(--fw-semi); color:var(--dim); }
html[data-lang="ko"] #results .rs-case dt{ font-size:13px; }
#results .rs-case dd{ margin:7px 0 0; font-size:14px; line-height:1.55; color:var(--body); text-wrap:pretty; }
html[data-lang="ko"] #results .rs-case dd{ line-height:1.68; }

/* ── figure ─────────────────────────────────────────────────────── */
#results .rs-fig{ display:grid; grid-template-columns:minmax(0,1fr) clamp(272px, 23.5vw, 318px);
  grid-template-areas:"head head" "plot aside" "foot foot";
  column-gap:clamp(24px, 2.8vw, 40px); row-gap:0; margin-top:var(--rs-gap); }
#results .rs-case + .rs-fig{ margin-top:clamp(32px, 3.4vw, 48px); }

#results .rs-fig__head{ grid-area:head; display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:16px 28px; margin-bottom:20px; }
#results .rs-fig__titles{ flex:1 1 440px; min-width:0; }
/* the page's eyebrow (.kicker), with the source tag in front */
#results .rs-kicker{ display:flex; align-items:center; flex-wrap:wrap; gap:6px 10px; margin:0 0 10px; }
#results .rs-fig__title{ font-size:var(--fs-h2); line-height:var(--lh-h2); letter-spacing:var(--ls-h2); font-weight:var(--fw-semi); color:var(--text); text-wrap:balance; }
html[data-lang="ko"] #results .rs-fig__title{ line-height:1.38; letter-spacing:-.014em; }
#results .rs-ctrl{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
#results .seg button{ min-width:44px; }

/* plot well: legend row + chart */
#results .rs-fig__plot{ grid-area:plot; min-width:0; display:flex; flex-direction:column; padding:14px 16px 8px; --plot-l:36px; --plot-r:46px; }
#results .rs-legend{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 20px;
  min-height:28px; margin:0 0 8px; padding:0 var(--plot-r) 0 var(--plot-l); }
#results .rs-legend .legend{ gap:6px 22px; align-items:center; }
#results .rs-legend .legend > li{ display:inline-flex; align-items:center; }
#results .rs-legend .sw--base{ height:1.5px; opacity:.85; }
#results .rs-legend .sw--rec{ height:2.5px; }
#results .rs-legend .legend__meta{ margin-left:2px; }
#results .rs-legend__aside{ font-size:12.5px; line-height:1.3; color:var(--dim); font-variant-numeric:tabular-nums; }
html[data-lang="ko"] #results .rs-legend__aside{ font-size:13px; }

/* series toggles (validation figure) — quiet legend buttons */
#results .rs-key{ margin:-5px -8px; padding:5px 8px; border-radius:var(--r-sm); text-align:left;
  transition:background-color var(--dur-hover) var(--ease), color var(--dur-hover) var(--ease); }
#results .rs-key:hover{ background:rgba(150,180,225,.07); color:var(--text); }
#results .rs-key .sw, #results .rs-key .legend__meta{ transition:opacity var(--dur-hover) var(--ease); }
#results .rs-key[aria-pressed="false"]{ color:var(--dim); }
#results .rs-key[aria-pressed="false"] .sw{ opacity:.28; }
#results .rs-key[aria-pressed="false"] .legend__meta{ opacity:.55; }
#results .rs-key:focus-visible{ outline:none; box-shadow:var(--focus); }

/* chart */
/* the chart fills the well (the well stretches to the ledger beside it); the SVG is absolute so it never props the box open */
#results .rs-chart{ position:relative; flex:1 1 auto; min-height:330px; border-radius:var(--r-sm); outline:none; touch-action:pan-y; -webkit-tap-highlight-color:transparent; }
#results .rs-chart--tall{ min-height:360px; }
#results .rs-chart--short{ min-height:268px; }
#results .rs-chart:focus-visible{ box-shadow:0 0 0 2px var(--well), 0 0 0 4px rgba(125,180,255,.85); }
#results .rs-chart svg{ position:absolute; inset:0; display:block; width:100%; height:100%; overflow:visible; transition:opacity .2s var(--ease); }
#results .rs-chart.is-swap svg{ opacity:.18; }

#results .rs-vgrid{ stroke:rgba(150,180,225,.045); }
#results .rs-s{ fill:none; stroke-linejoin:round; stroke-linecap:round; transition:opacity var(--dur-hover) var(--ease); }
#results .rs-s--meas{ stroke:var(--s-meas); stroke-width:1.35; stroke-opacity:.9; }
#results .rs-s--sim{ stroke:var(--s-sim); stroke-width:2.2; }
#results .rs-s--glow{ stroke:var(--s-rec); stroke-width:7; stroke-opacity:.13; }
#results .rs-s--base{ stroke:var(--s-base); stroke-width:1.25; stroke-opacity:.74; }
#results .rs-s--halo{ stroke:var(--well); stroke-width:6.5; }
#results .rs-s--rec{ stroke:var(--s-rec); stroke-width:2.4; }
#results .rs-s--sp{ stroke:var(--s-sp); stroke-width:1.5; stroke-dasharray:6 4; stroke-linecap:butt; stroke-linejoin:miter; }
#results .rs-env{ stroke:var(--s-base); stroke-width:1; stroke-linejoin:round; fill:var(--s-base); }
#results .rs-env--meas{ stroke:var(--s-meas); fill:var(--s-meas); }
#results .rs-env--base{ fill-opacity:.2; stroke-opacity:.5; }
#results .rs-env--meas{ fill-opacity:.26; stroke-opacity:.7; }
#results .rs-chart.is-hide-base .rs-env--base,
#results .rs-chart.is-hide-base .rs-s--base,
#results .rs-chart.is-hide-rec .rs-s--rec,
#results .rs-chart.is-hide-rec .rs-s--halo,
#results .rs-chart.is-hide-rec .rs-s--glow{ opacity:0; }

#results .rs-band{ fill:rgba(150,180,225,.055); }
#results .rs-mark{ stroke:rgba(190,210,240,.38); stroke-width:1; shape-rendering:crispEdges; }
#results .rs-note{ font:500 12px var(--small); fill:var(--body); paint-order:stroke; stroke:var(--well); stroke-width:4px; stroke-linejoin:round; }
#results .rs-gut{ font:500 11.5px var(--small); fill:var(--dim); font-variant-numeric:tabular-nums; }
#results .rs-dim{ stroke:rgba(214,226,242,.6); stroke-width:1; fill:none; }
#results .rs-dim--ext{ stroke:rgba(214,226,242,.3); }
#results .rs-cross{ stroke:rgba(234,242,251,.42); stroke-width:1; shape-rendering:crispEdges; transition:opacity .12s; }
#results .rs-dot{ stroke:var(--well); stroke-width:2; transition:opacity .12s; }

/* tooltip (base .ch-tip) */
#results .rs-tip{ top:0; left:0; z-index:4; min-width:196px; opacity:0; transition:opacity .14s var(--ease); }
#results .rs-tip.is-on{ opacity:1; }
#results .rs-tip .tt-t{ font-size:12.5px; margin-bottom:8px; }
#results .rs-tip__h{ margin:8px 0 2px; font-size:11.5px; line-height:1.3; font-weight:var(--fw-semi); color:var(--dim); }
#results .rs-tip__h:first-of-type{ margin-top:0; }
#results .rs-tip__r{ display:grid; grid-template-columns:14px minmax(0,1fr) auto; align-items:center; column-gap:8px; line-height:1.7; }
#results .rs-tip__r .sw{ width:14px; }
#results .rs-tip__r span{ font-size:12.5px; color:var(--dim); white-space:nowrap; }
#results .rs-tip__r b{ font-size:13px; font-weight:var(--fw-semi); color:var(--text); text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums; }

/* ── aside: ledger ──────────────────────────────────────────────── */
#results .rs-fig__aside{ grid-area:aside; min-width:0; display:flex; flex-direction:column;
  padding-left:clamp(22px, 2.4vw, 32px); border-left:1px solid var(--line-soft); }
#results .rs-aside__head{ padding:2px 0 14px; }
#results .rs-aside__title{ font-size:14px; line-height:1.4; font-weight:var(--fw-semi); color:var(--text); }
#results .rs-aside__head .caption{ margin-top:6px; font-size:12.5px; line-height:1.5; }
html[data-lang="ko"] #results .rs-aside__head .caption{ font-size:13px; line-height:1.62; }
/* "DT result, not field data" — the amber left rule used across the section */
#results .rs-dtline{ margin-top:8px; padding:1px 0 1px 10px; border-left:2px solid rgba(231,177,95,.72);
  font-size:12.5px; line-height:1.5; color:var(--dim); text-wrap:pretty; }
html[data-lang="ko"] #results .rs-dtline{ font-size:13px; line-height:1.62; }

#results .rs-rows{ margin:0; }
/* row: metric name across the full width; below it, before → after (left) and the change (right) on one baseline */
#results .rs-row{ display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:14px;
  padding:15px 0 16px; border-top:1px solid var(--line-soft); }
#results .rs-row dt{ grid-column:1 / -1; grid-row:1; min-width:0; }
#results .rs-row__name{ display:block; font-size:13.5px; line-height:1.35; font-weight:var(--fw-semi); color:var(--text); }
#results .rs-row__sub{ display:block; margin-top:2px; font-size:12.5px; line-height:1.4; color:var(--dim); }
html[data-lang="ko"] #results .rs-row__sub{ font-size:13px; }
#results .rs-row__vals{ grid-column:1; grid-row:2; align-self:baseline; margin:10px 0 0; font-size:13.5px; line-height:1.2; color:var(--dim);
  font-variant-numeric:tabular-nums; white-space:nowrap; }
#results .rs-row__vals b{ font-weight:var(--fw-semi); color:var(--text); }
#results .rs-row__vals .rs-arr, #results .rs-pair .rs-arr{ display:inline-block; margin:0 .4em; font-style:normal; color:var(--dimmer); }
#results .rs-row__delta{ grid-column:2; grid-row:2; align-self:baseline; margin:8px 0 0; white-space:nowrap;
  font-size:clamp(30px, 2.6vw, 38px); line-height:1; font-weight:var(--fw-bold); letter-spacing:-.03em; color:var(--text);
  font-variant-numeric:tabular-nums; }
#results .rs-row__delta small{ margin-left:.08em; font-size:.5em; font-weight:var(--fw-semi); letter-spacing:0; color:var(--body); }

/* before → after pair (step test) */
#results .rs-row--pair{ grid-template-columns:minmax(0,1fr); }
#results .rs-pair{ grid-column:1; grid-row:2; margin:8px 0 0; display:flex; align-items:baseline; flex-wrap:wrap; gap:0 2px;
  font-variant-numeric:tabular-nums; white-space:nowrap; }
#results .rs-pair .v0{ font-size:clamp(20px, 1.7vw, 23px); font-weight:var(--fw-medium); letter-spacing:-.02em; color:var(--body); }
#results .rs-pair .rs-arr{ font-size:16px; }
#results .rs-pair b{ font-size:clamp(26px, 2.2vw, 31px); font-weight:var(--fw-bold); letter-spacing:-.03em; color:var(--text); line-height:1; }
#results .rs-pair .u{ margin-left:.3em; font-size:13.5px; font-weight:var(--fw-medium); color:var(--dim); }

/* facts (measured figure): number first, label below */
#results .rs-facts{ margin:0; }
#results .rs-facts > div{ display:flex; flex-direction:column-reverse; justify-content:flex-end; padding:13px 0 14px; border-top:1px solid var(--line-soft); }
#results .rs-facts dd{ margin:0; font-size:clamp(23px, 2vw, 27px); line-height:1.1; font-weight:var(--fw-semi); letter-spacing:-.02em; color:var(--text);
  font-variant-numeric:tabular-nums; white-space:nowrap; }
#results .rs-facts dd small{ margin-left:.24em; font-size:13.5px; font-weight:var(--fw-medium); letter-spacing:0; color:var(--dim); }
#results .rs-facts dt{ margin-top:5px; font-size:13px; line-height:1.45; font-weight:var(--fw-regular); color:var(--dim); text-wrap:pretty; }
html[data-lang="ko"] #results .rs-facts dt{ line-height:1.6; }
#results .rs-approx{ margin-right:.18em; font-weight:var(--fw-medium); color:var(--dim); }

/* ── foot: caption + table view ─────────────────────────────────── */
#results .rs-fig__foot{ grid-area:foot; display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:10px 32px; margin-top:18px; }
#results .rs-fig__foot .caption{ flex:1 1 520px; max-width:92ch; }
/* the open table never widens the page: the details shrinks to the footer and the wrap scrolls */
#results .rs-table{ flex:0 1 auto; min-width:0; max-width:100%; order:2; margin-left:auto; }
#results .rs-fig__foot .rs-table[open]{ flex-basis:100%; order:3; display:flex; flex-direction:column; align-items:stretch; }
#results .rs-table[open] > summary{ align-self:flex-end; }
#results .rs-table > summary{ display:inline-flex; align-items:center; gap:8px; height:32px; margin:-6px 0 0; padding:0 8px; border-radius:8px;
  list-style:none; cursor:pointer; user-select:none; font-size:13.5px; font-weight:var(--fw-semi); color:var(--body);
  transition:color var(--dur-hover) var(--ease), background-color var(--dur-hover) var(--ease); }
#results .rs-table > summary::-webkit-details-marker{ display:none; }
#results .rs-table > summary:hover{ color:var(--text); background:rgba(150,180,225,.06); }
#results .rs-table > summary:focus-visible{ outline:none; box-shadow:var(--focus); }
#results .rs-table > summary .ic{ color:var(--dim); }
#results .rs-table > summary .ic--chev{ width:14px; height:14px; transition:transform var(--dur-hover) var(--ease); }
#results .rs-table[open] > summary .ic--chev{ transform:rotate(90deg); }
#results .rs-table__wrap{ align-self:stretch; margin-top:8px; overflow-x:auto; -webkit-overflow-scrolling:touch; container-type:inline-size; }
#results .rs-table table{ width:auto; min-width:0; margin-left:auto; border-collapse:collapse; font-size:13px; font-variant-numeric:tabular-nums; }
#results .rs-table caption{ caption-side:bottom; max-width:100cqw; padding-top:10px; text-align:left; font-size:12.5px; line-height:1.5; color:var(--dim); }
#results .rs-table th, #results .rs-table td{ padding:8px 12px; text-align:right; white-space:nowrap; border-bottom:1px solid var(--line-soft); }
#results .rs-table thead th{ font-size:12.5px; font-weight:var(--fw-semi); color:var(--dim); }
#results .rs-table thead tr:first-child th{ color:var(--body); border-bottom-color:var(--line); }
#results .rs-table thead th[colspan]{ text-align:center; }
#results .rs-table thead th[rowspan]{ text-align:left; vertical-align:bottom; color:var(--dim); border-bottom-color:var(--line-soft); }
#results .rs-table tbody th{ text-align:left; font-weight:var(--fw-medium); color:var(--body); }
#results .rs-table td{ color:var(--body); }
#results .rs-table td.is-rec{ color:var(--text); font-weight:var(--fw-semi); }
#results .rs-table .is-mean{ background:rgba(150,180,225,.035); }

/* ── recommendation (the one accent card) ──────────────────────── */
#results .rs-rec{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.9fr) minmax(0,1.1fr); margin-top:var(--rs-gap);
  padding:clamp(24px, 2.6vw, 34px); }
#results .rs-rec > div{ min-width:0; padding:0 clamp(22px, 2.6vw, 36px); border-left:1px solid rgba(120,175,255,.16); }
#results .rs-rec > div:first-child{ padding-left:0; border-left:0; }
#results .rs-rec > div:last-child{ padding-right:0; }
#results .rs-rec__title{ font-size:var(--fs-h2); line-height:var(--lh-h2); letter-spacing:var(--ls-h2); font-weight:var(--fw-semi); color:var(--text); text-wrap:balance; }
html[data-lang="ko"] #results .rs-rec__title{ line-height:1.38; letter-spacing:-.014em; }
#results .rs-rec__text{ margin-top:12px; font-size:14px; line-height:1.6; color:var(--body); text-wrap:pretty; }
html[data-lang="ko"] #results .rs-rec__text{ line-height:1.72; }

#results .rs-gains{ width:100%; max-width:280px; border-collapse:collapse; font-variant-numeric:tabular-nums; }   /* one width in both languages (KO headers are short) */
#results .rs-gains th, #results .rs-gains td{ padding:0; text-align:right; vertical-align:baseline; }
#results .rs-gains thead th{ padding:0 0 12px; font-size:13px; line-height:1.2; font-weight:var(--fw-semi); color:var(--body); white-space:nowrap; text-align:right; }
#results .rs-gains thead .sw{ margin-right:8px; vertical-align:middle; }
#results .rs-gains thead .sw--base{ height:1.5px; }
#results .rs-gains thead .is-rec{ color:var(--text); }
#results .rs-gains tbody th{ padding:11px 18px 11px 0; text-align:left; font-size:15px; font-weight:var(--fw-semi); color:var(--body); }
#results .rs-gains tbody td{ padding:11px 0; font-size:clamp(22px, 1.9vw, 26px); line-height:1.1; font-weight:var(--fw-medium); letter-spacing:-.02em; color:var(--body); }
#results .rs-gains tbody td.is-rec{ font-size:clamp(27px, 2.3vw, 32px); font-weight:var(--fw-bold); letter-spacing:-.03em; color:var(--text); }
#results .rs-gains tbody tr + tr > *{ border-top:1px solid rgba(120,175,255,.14); }
#results .rs-gains .rs-gains__arr{ padding-left:clamp(12px, 1.4vw, 20px); padding-right:clamp(12px, 1.4vw, 20px); font-size:16px; text-align:center; color:var(--dimmer); }

#results .rs-rec__label{ font-size:14px; line-height:1.4; font-weight:var(--fw-semi); color:var(--text); }
#results .rs-rec .rs-dtline{ color:var(--body); }
#results .rs-impl{ margin:14px 0 0; padding:0; list-style:none; display:grid; gap:10px; }
#results .rs-impl li{ position:relative; padding-left:20px; font-size:14px; line-height:1.6; color:var(--body); text-wrap:pretty; }
html[data-lang="ko"] #results .rs-impl li{ line-height:1.72; }
#results .rs-impl li::before{ content:""; position:absolute; left:0; top:calc(.8em - 1px); width:9px; height:2px; border-radius:1px; background:var(--acc); }

/* ── scope: the page's scope note (base .note--warm, as in 03) ───── */
#results .rs-scope{ margin-top:var(--rs-gap); }

/* ── responsive ─────────────────────────────────────────────────── */
@media (max-width:1100px){
  #results .rs-fig{ grid-template-columns:minmax(0,1fr); grid-template-areas:"head" "plot" "aside" "foot"; }
  #results .rs-fig__aside{ padding:2px 0 0; border-left:0; }
  #results .rs-aside__head{ display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 18px; padding-bottom:12px; }
  #results .rs-aside__head .caption, #results .rs-aside__head .rs-dtline{ margin-top:0; }
  #results .rs-rows{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); column-gap:28px; }
  #results .rs-rows--2{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  #results .rs-facts{ display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); column-gap:24px; }
  #results .rs-rec{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); row-gap:24px; }
  #results .rs-rec > div:first-child{ grid-column:1 / -1; }
  #results .rs-rec > div:nth-child(2){ padding-left:0; border-left:0; }
}
@media (max-width:900px){
  #results .rs-case{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  #results .rs-case > div:nth-child(3){ padding-left:0; border-left:0; }
  #results .rs-case > div:nth-child(n+3){ border-top:1px solid var(--line-soft); }
  #results .rs-rows:not(.rs-rows--2){ grid-template-columns:minmax(0,1fr); }
  #results .rs-facts{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}
@media (max-width:760px){
  #results .rs-chart{ min-height:300px; }
  #results .rs-chart--tall{ min-height:330px; }
  #results .rs-chart--short{ min-height:248px; }
  #results .rs-rec{ grid-template-columns:minmax(0,1fr); }
  #results .rs-rec > div{ padding:0; border-left:0; }
  #results .rs-rec > div + div{ padding-top:22px; border-top:1px solid rgba(120,175,255,.16); }
}
@media (max-width:600px){
  #results .panel.rs-fig{ padding:18px 16px 20px; border-radius:var(--r-lg); }
  #results .rs-fig__plot{ padding:12px 10px 6px; }
  #results .rs-fig__head{ gap:14px; }
  #results .rs-fig__titles{ flex-basis:100%; }
  #results .rs-legend{ padding-right:0; }
  #results .rs-legend .legend{ gap:6px 16px; }
  #results .rs-case{ grid-template-columns:minmax(0,1fr); }
  #results .rs-case > div, #results .rs-case > div:nth-child(3){ padding:14px 0 15px; border-left:0; }
  #results .rs-case > div + div{ border-top:1px solid var(--line-soft); }
  #results .rs-rows, #results .rs-rows--2{ grid-template-columns:minmax(0,1fr); }
  #results .rs-facts{ column-gap:20px; }
  #results .rs-fig__foot .caption{ flex-basis:100%; }
  #results .rs-table > summary{ margin:0 0 0 -8px; }
}
@media (max-width:400px){
  #results .rs-facts{ grid-template-columns:minmax(0,1fr); }
}
/* touch: 40-px targets, legend toggles that never overlap */
@media (pointer:coarse){
  #results .rs-key{ min-height:40px; margin-block:0; }
  #results .rs-legend .legend{ row-gap:2px; }
  #results .rs-table > summary{ height:40px; }
}


/* ═══ v2: evidence chain, panels, new figure parts ════════════════ */
#results{ --sec-bg:linear-gradient(180deg, var(--bg-1) 0, var(--bg-1) calc(100% - 360px), var(--bg) 100%); }
#results .rs-chain{ position:relative; margin-top:clamp(30px, 3.2vw, 44px); counter-reset:none; }
/* the spine: one rail through the five numbered steps */
#results .rs-chain::before{ content:""; position:absolute; left:-30px; top:22px; bottom:28px; width:1px;
  background:linear-gradient(180deg, rgba(140,175,225,.0), rgba(140,175,225,.22) 4%, rgba(90,165,255,.35) 50%, rgba(140,175,225,.22) 96%, rgba(140,175,225,0)); }
#results .rs-step{ position:relative; }
#results .rs-step + .rs-step{ margin-top:var(--rs-gap); }
#results .rs-fig{ margin-top:0; padding:clamp(20px, 2.2vw, 30px); }
#results .rs-case + .rs-chain .rs-fig{ margin-top:0; }
#results .rs-num{ display:inline-grid; place-items:center; width:24px; height:24px; border-radius:50%; font-family:var(--display); font-size:12px; font-weight:700; color:#0b1834;
  background:linear-gradient(180deg, #cfe5ff, #8dc0ff); box-shadow:0 0 0 3px rgba(30,144,255,.14), 0 0 16px rgba(60,150,255,.45); font-variant-numeric:tabular-nums; }
#results .rs-step .rs-num{ position:relative; }
#results .rs-step .rs-num::before{ content:""; position:absolute; left:calc(-35px - clamp(20px, 2.2vw, 30px)); top:7.5px; width:9px; height:9px; border-radius:50%; background:#0a1426; box-shadow:inset 0 0 0 1.5px rgba(140,190,255,.7); }
#results .rs-kicker{ display:flex; align-items:center; flex-wrap:wrap; gap:8px 10px; margin:0 0 10px; font-family:var(--small); font-size:12.5px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:#8fb2df; }
html[data-lang="ko"] #results .rs-kicker{ font-size:13px; letter-spacing:.02em; text-transform:none; }
#results .rs-fig__title{ font-family:var(--display); font-size:var(--fs-h3); line-height:1.25; letter-spacing:var(--ls-h3); font-weight:600; }
html[data-lang="ko"] #results .rs-fig__title{ line-height:1.42; letter-spacing:-.016em; }
#results .rs-fig__plot{ border-radius:var(--r-lg); background:radial-gradient(70% 60% at 50% 0%, rgba(30,110,230,.05), transparent 70%), var(--well); box-shadow:var(--sh-well); }
#results .rs-s--halo{ stroke:var(--well); }
#results .rs-dot{ stroke:var(--well); }
#results .rs-note{ stroke:var(--well); }
#results .rs-aside__title{ font-family:var(--display); font-size:15px; }
#results .rs-row__delta, #results .rs-row__big{ font-family:var(--display); font-weight:500; }
#results .rs-row__big{ grid-column:2; grid-row:2; align-self:baseline; margin:8px 0 0; white-space:nowrap; font-size:clamp(26px, 2.2vw, 32px); line-height:1; letter-spacing:-.025em; color:var(--text); font-variant-numeric:tabular-nums; }
#results .rs-row__big small{ margin-left:.12em; font-size:.46em; font-weight:600; letter-spacing:0; color:var(--body); }
#results .rs-rows--repro .rs-row__vals b{ color:var(--text); }
#results .rs-aside__foot{ margin-top:auto; padding-top:14px; border-top:1px solid var(--line-soft); font-size:12.5px; line-height:1.55; color:var(--dim); font-variant-numeric:tabular-nums; }
html[data-lang="ko"] #results .rs-aside__foot{ font-size:13px; line-height:1.65; }
#results .rs-facts dd, #results .rs-pair b, #results .rs-pair .v0{ font-family:var(--display); }
#results .rs-pair b{ font-weight:500; }
/* 3 · the bridge between reproduction and validation */
#results .rs-bridge{ display:grid; grid-template-columns:auto minmax(0, 1fr) auto auto; align-items:center; gap:12px 24px; padding:14px clamp(20px, 2.2vw, 30px); }
#results .rs-thumb{ display:block; width:240px; height:120px; border-radius:10px; background:var(--well); box-shadow:var(--sh-well); }
#results .rs-bridge .rs-kicker{ margin:0; }
#results .rs-bridge__text{ font-size:15.5px; line-height:1.55; color:var(--body); }
#results .rs-bridge__text b{ font-family:var(--display); font-weight:600; color:var(--text); }
#results .rs-bridge__link{ justify-self:start; display:inline-flex; align-items:center; gap:8px; height:34px; padding:0 12px; border-radius:10px; font-size:13px; font-weight:600; color:#b9c8dc; text-decoration:none;
  box-shadow:inset 0 0 0 1px rgba(140,175,225,.18); transition:color var(--dur-hover) var(--ease), box-shadow var(--dur-hover) var(--ease); white-space:nowrap; }
#results .rs-bridge__link:hover{ color:#fff; box-shadow:inset 0 0 0 1px rgba(110,170,255,.42); }
#results .rs-bridge__link .ic{ width:14px; height:14px; }
/* recommendation and scope */
#results .rs-rec{ margin-top:calc(var(--rs-gap) + 8px); padding:clamp(22px, 2.6vw, 34px); }
#results .rs-rec__title{ font-family:var(--display); }
#results .rs-rec__label em{ display:block; margin-top:2px; font-style:normal; font-size:12.5px; font-weight:400; color:var(--dim); }
#results .rs-scope{ margin-top:var(--rs-gap); }
#results .rs-table tr.is-rep th, #results .rs-table tr.is-rep td{ color:var(--text); }
#results .rs-table tr.is-mean th, #results .rs-table tr.is-mean td{ border-top:1px solid var(--line-hard); font-weight:600; color:var(--text); }
@media (max-width:1320px){ #results .rs-chain::before, #results .rs-step .rs-num::before{ display:none; } }
@media (max-width:1000px){ #results .rs-bridge{ grid-template-columns:minmax(0, 1fr) auto; } #results .rs-bridge .rs-kicker{ grid-column:1 / -1; } }
@media (max-width:760px){
  #results .rs-bridge{ grid-template-columns:1fr; }
  #results .rs-thumb{ width:100%; height:150px; }
  #results .rs-bridge__link{ justify-self:start; }
}

/* reproduction figure: measured drawn over the DT line */
#results #chart-repro .rs-s--meas{ stroke:#e6ecf4; stroke-width:1.4; stroke-opacity:.95; }
#results #chart-repro .rs-s--sim{ stroke-width:2; }
@media (pointer:coarse){ #results .rs-bridge__link{ height:40px; } }
#results .rs-table table:has(th[colspan]){ min-width:600px; }
#results .rs-table table:has(th[colspan]) tbody th{ white-space:normal; min-width:9.5em; }
#results .rs-table thead tr:first-child th:first-child{ text-align:left; }
@media (max-width:600px){
  #results .rs-table thead th{ white-space:normal; }
  #results .rs-table th, #results .rs-table td{ padding:8px 9px; }
  #results .rs-table table:has(th[colspan]) tbody th{ white-space:normal; min-width:8.5em; }
  #results .rs-table table:has(th[colspan]) tbody th, #results .rs-table table:has(th[colspan]) thead th[rowspan]{ width:8.5em; }
  #results .rs-table tbody th, #results .rs-table thead tr:first-child th:first-child{ position:sticky; left:0; z-index:1; background:var(--panel-b); box-shadow:1px 0 0 var(--line-soft); }
}