/* Original reports and worked examples share a single horizontal reading axis. */
.eg-nav,.eg-bar,.eg-open,.eg-report-caption,.eg-source-links {display:flex;align-items:center}
.eg-nav {gap:.44rem;flex:none}
.eg-nav button,.eg-variants button {background:#fff;border:1px solid #c5cdd5;color:#25384e;border-radius:4px;cursor:pointer}
.eg-nav button {height:38px;min-width:40px;padding:0 .55rem;font-weight:700}
.eg-nav [data-rail-play] {font-size:.75rem;font-weight:500;padding:0 .65rem}
.eg-nav button:hover,.eg-nav button:focus-visible,.eg-variants button:hover,.eg-variants button:focus-visible {border-color:#1855d2;color:#1855d2}
#analysis .archive-intro,.eg-bar {justify-content:space-between;align-items:center;gap:1rem;margin:0 0 20px;padding:0;border:none}
#analysis .archive-intro>div:first-child {display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap}
#analysis .archive-intro b {font-size:clamp(21px,2.5vw,36px);color:#173451}
#analysis .archive-intro span {font-size:15px;color:#526178}
.eg-archive-track,.eg-case-track {display:grid;position:relative;grid-auto-flow:column;align-items:stretch;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:2px 1px 14px;scrollbar-width:thin;scrollbar-color:#bbc8d7 transparent}
.eg-archive-track {grid-auto-columns:clamp(155px,18vw,216px);gap:clamp(12px,2.1vw,28px)}
.eg-archive-track>button,.eg-case-track>button {scroll-snap-align:start;min-width:0;text-align:left;cursor:pointer;color:#12283e;display:flex;flex-direction:column}
.eg-report {border:0;border-top:2px solid #60788a;background:transparent;padding:13px 0 0}
.eg-report-year {display:block;font:700 .85rem/1.2 sans-serif;min-height:1.2em;color:#2156b9;letter-spacing:.03em}
.eg-report strong {font-size:clamp(19px,2vw,27px);line-height:1.25;margin:.32rem 0 .75rem}
.eg-sheet {display:block;width:100%;height:126px;background:#f2f5f7;border:1px solid #dce2e8;overflow:hidden}
.eg-sheet img {width:100%;height:auto;display:block;object-fit:cover;object-position:top}
.eg-open {width:100%;margin-top:auto;padding:.8rem 0 .18rem;font-size:.9rem;font-weight:750;justify-content:space-between}
.eg-open i {font-style:normal;color:#1757cd;font-size:1.15rem}
.eg-report:hover,.eg-report:focus-visible {border-color:#1e5bec}
.eg-report-note {font-size:.94rem;color:#586777;margin:.7rem 0 0;line-height:1.55}
.eg-bar>span {font-size:clamp(14px,1.6vw,18px);color:#46596d}
.eg-bar>span b {color:#163955}
.eg-case-track {grid-auto-columns:min(45%,494px);gap:16px}
.eg-case {background:#fff;border:1px solid #d2dce5;border-radius:4px;padding:clamp(17px,2vw,25px);font:inherit;transition:border-color .18s}
.eg-case-track.eg-continuous {display:block;scroll-snap-type:none;scroll-behavior:auto;padding-bottom:3px;scrollbar-width:none;overflow-y:hidden}
.eg-continuous::-webkit-scrollbar {display:none}
.eg-belt {position:relative;display:flex;align-items:flex-start;gap:16px;width:max-content;will-change:transform}
.eg-belt .eg-case {display:flex;flex:0 0 var(--eg-card-w,360px);width:var(--eg-card-w,360px);min-width:0;align-items:stretch;flex-direction:column;color:#12283e;text-align:left;cursor:pointer}
.eg-case:hover,.eg-case:focus-visible {border-color:#2562b1}
.eg-kind,.eg-label,.eg-report-caption small,.eg-compare figcaption small {font-size:.83rem;font-weight:700}
.eg-kind {color:#1852a2;letter-spacing:.035em}
.eg-case>strong {font-size:clamp(19px,1.9vw,26px);line-height:1.28;margin:.18rem 0 .72rem;letter-spacing:-.045em}
#evidence.section {padding-top:clamp(30px,4.2vw,60px)}
#evidence>.section-head {margin-bottom:clamp(10px,1.6vw,20px)}
#evidence .eg-bar {margin:0 0 12px}
.eg-snippet,.eg-snippet img {display:block;width:100%}
.eg-snippet {margin-bottom:.58rem;border-top:1px solid #d7e0e8;padding-top:.34rem}
.eg-label {display:flex;align-items:baseline;flex-wrap:wrap;gap:.22rem .55rem;margin-bottom:.2rem;text-align:left}
.eg-label span {font-size:.79rem;color:#46596b;font-weight:600}
.eg-label.original-label {color:#536373}
.eg-label.class-label,.eg-compare figure:not(:last-child) small {color:#205cc9}
.eg-label.exam-label,.eg-compare figure:last-child small {color:#793b54}
.eg-snippet img {width:100%;height:clamp(98px,10vw,133px);object-fit:contain;object-position:left center}
.eg-open {border-top:1px solid #e0e7ee}
.eg-case .eg-open {padding-top:.9rem;margin-top:0}
.eg-summary {margin:0 0 18px;color:#405774;line-height:1.6}
.eg-proof-source {font-size:.82rem;color:#4e6174;margin:1rem 0 0}
.eg-compare {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2vw,22px)}
.eg-compare.with-original {grid-template-columns:repeat(3,minmax(0,1fr))}
.eg-compare figure {margin:0;min-width:0}
.eg-compare figcaption {display:grid;gap:.3rem;margin-bottom:10px;padding-top:.6rem;border-top:2px solid #668098}
.eg-compare figcaption strong {font-size:1rem;line-height:1.45;word-break:keep-all}
.eg-compare figure:last-child figcaption {border-color:#793b54}
#viewer-body .eg-compare img {height:auto;width:100%;max-height:59vh;object-fit:contain;object-position:top left;display:block;margin:0}
.eg-variants {border-top:1px solid #d8e1ea;margin-top:1.25rem;padding-top:1rem}
.eg-variants>b {font-size:.95rem}
.eg-variants>div,.eg-source-links {display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.56rem}
.eg-variants button {font:inherit;font-size:.86rem;padding:.45rem .6rem}
.eg-variants button[aria-pressed=true] {background:#173957;border-color:#173957;color:white}
.eg-report-caption {justify-content:space-between;gap:.55rem;flex-wrap:wrap;margin-bottom:8px}
.eg-report-caption small,.eg-source-links {color:#4d667c}
.eg-report-detail>img {max-width:100%;max-height:78vh;display:block;width:auto;height:auto;margin:0 auto}
.eg-reuse {border-bottom:1px solid #c9d5df;border-top:1px solid #c9d5df;margin-top:1.5rem}
.eg-reuse summary {display:flex;align-items:center;gap:.8rem;padding:1rem 0;cursor:pointer;list-style:none}
.eg-reuse summary::-webkit-details-marker {display:none}
.eg-reuse summary b {font-size:1.12rem;color:#173451}
.eg-reuse summary span {color:#596c80;font-size:.9rem}
.eg-reuse summary i {font-style:normal;font-size:1.25rem;margin-left:auto}
.eg-reuse[open] summary i {transform:rotate(45deg)}
.eg-reuse .reuse {margin:0;padding:1rem 0;border:0}
.eg-reuse .reuse-images img {max-width:100%;height:auto;display:block}
@media(max-width:730px) {
  .eg-case-track {grid-auto-columns:min(91%,448px);gap:12px}
  .eg-case {padding:12px}
  .eg-case>strong {min-height:0;font-size:21px}
  .eg-archive-track {grid-auto-columns:min(48%,190px);gap:14px}
  .eg-sheet {height:100px}
  .eg-bar {align-items:flex-start;flex-wrap:wrap;gap:.65rem}
  #analysis .archive-intro>div:first-child {display:grid;gap:.35rem}
  .eg-nav button {height:38px;min-width:38px}
  .eg-compare,.eg-compare.with-original {grid-template-columns:1fr}
  #viewer-body .eg-compare img {max-height:54vh}
  .eg-reuse summary {gap:.3rem;flex-wrap:wrap}
  .eg-reuse summary span {font-size:.78rem}
}
@media(prefers-reduced-motion:reduce) {.eg-case {transition:none}}


.forecast-pair {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,3vw,36px);padding:.85rem 0 1.25rem}
.forecast-pair figure {min-width:0}
.forecast-pair figcaption {border-top:2px solid var(--blue);padding-top:.6rem}
.forecast-pair figure:last-child figcaption {border-color:var(--wine)}
.forecast-pair small {font-weight:700;color:var(--blue)}
.forecast-pair figure:last-child small {color:var(--wine)}
.forecast-pair h3 {font-size:clamp(18px,2vw,23px);margin:.35rem 0 .8rem}
.forecast-pair .zoom {display:block;width:100%;padding:0;border:1px solid var(--line);background:#fff;cursor:zoom-in}
.forecast-pair img {display:block;width:100%;height:auto}
@media(max-width:730px){.forecast-pair {grid-template-columns:1fr}}