/* Scope all replay styling to .pr; shared navigation and other pages are unchanged.
 * 2026-10-02: use the existing canonical spacing/type scales; no local scale or budget override.
 * Native touch dimensions and selection outlines retain their accessibility contract. */
.pr{--pr-bg:var(--bg,var(--c-ink));--pr-ink:var(--ink,var(--c-paper));--pr-muted:var(--mist,var(--c-muted));--pr-line:var(--edge2,var(--c-shell-hairline));--pr-accent:var(--sand,var(--c-gold));--pr-panel:var(--panel,var(--c-shell-panel));max-width:1160px;margin:0 auto;padding:var(--space-24) var(--space-40) var(--space-40);color:var(--pr-ink);font-family:var(--sans,system-ui,sans-serif);line-height:1.65;outline:none}
.pr *{box-sizing:border-box;min-width:0}
.pr p,.pr h1,.pr h2,.pr h3,.pr ol,.pr ul,.pr dl{margin:0}
.pr a{color:inherit;text-decoration:none;overflow-wrap:anywhere}
.pr a:hover{text-decoration:underline;text-underline-offset:5px}
.pr a:focus-visible,.pr button:focus-visible{outline:3px solid var(--pr-accent);outline-offset:4px;border-radius:2px}
.pr [hidden]{display:none!important}
.pr button{font:inherit;cursor:pointer}
.pr-crumb{display:flex;gap:var(--space-12);flex-wrap:wrap;color:var(--pr-muted);font-size:var(--text-13);align-items:center;margin-bottom:var(--space-40)}
.pr-crumb a{min-height:44px;display:inline-flex;align-items:center}
.pr-intro{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:var(--space-64);align-items:end;margin-bottom:var(--space-40)}
.pr-eyebrow{font-size:var(--text-11);font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--pr-accent);line-height:1.6}
.pr h1{font-size:var(--gd-body);font-weight:550;margin-top:var(--space-12)}
.pr-deck{font-family:var(--serif,Georgia,serif);font-size:var(--gd-h1);line-height:1.05;letter-spacing:-.035em;margin-top:var(--space-16)!important}
.pr-deck em{color:var(--pr-accent);font-weight:400}
.pr-summary{font-size:var(--text-16);line-height:1.65;color:var(--pr-muted);max-width:56ch;margin-top:var(--space-24)!important}
.pr-context{border-left:1px solid var(--pr-line);padding:0 0 0 var(--space-24)}
.pr-stamp{display:inline-block;color:var(--pr-accent);border:1px solid var(--pr-accent);padding:var(--space-2) var(--space-8);font-family:var(--mono,monospace);font-size:var(--text-11);letter-spacing:.08em;margin-bottom:var(--space-16)}
.pr-context h2{font-family:var(--serif,Georgia,serif);font-size:var(--text-28);line-height:1.25;font-weight:400;margin-bottom:var(--space-12)}
.pr-context p{color:var(--pr-muted);font-size:var(--text-14);line-height:1.7}
.pr-action{display:inline-flex;gap:var(--space-24);align-items:center;justify-content:space-between;min-height:48px;padding:var(--space-12) 0;color:var(--pr-accent)!important;font-size:var(--text-14);font-weight:600}
.pr-status-bar{display:flex;gap:var(--space-16);flex-wrap:wrap;border-top:1px solid var(--pr-line);border-bottom:1px solid var(--pr-line);padding:var(--space-12) 0;font-size:var(--text-12);color:var(--pr-muted);align-items:center}
.pr-state{font-family:var(--mono,monospace);color:var(--pr-ink)}
.pr-status-bar>span:last-child{margin-left:auto}
.pr-fetch{min-height:60px;display:flex;align-items:center;gap:var(--space-16);padding:var(--space-12) 0;color:var(--pr-muted);font-size:var(--text-12);line-height:1.6}
.pr-fetch p{max-width:82ch}
.pr-retry{border:1px solid var(--pr-accent);background:transparent;color:var(--pr-ink);padding:var(--space-8) var(--space-12);min-height:44px;flex-shrink:0}
.pr-retry:disabled{cursor:wait;opacity:.6}
.pr[data-record-state="unavailable"] .pr-fetch{border-left:2px solid var(--pr-accent);padding-left:var(--space-16);margin:var(--space-16) 0;background:var(--pr-panel)}
.pr-noscript{border:1px solid var(--pr-line);padding:var(--space-16);color:var(--pr-muted);font-size:var(--text-14)}
.pr-noscript a{text-decoration:underline;display:inline-flex;align-items:center;min-height:44px}
.pr-journey{margin-top:var(--space-16)}
.pr-section-top{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-24);margin-bottom:var(--space-24)}
.pr-section-top h2{font-size:var(--text-16);font-weight:550;line-height:1.4}
.pr-section-top p{font-size:var(--text-12);color:var(--pr-muted)}
.pr-rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));list-style:none;padding:0;position:relative}
.pr-rail li{position:relative}
.pr-rail li:not(:last-child)::after{content:"";position:absolute;top:21px;left:48px;right:8px;border-top:1px solid var(--pr-line);pointer-events:none}
.pr-node{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:124px;padding:0 var(--space-8) var(--space-12) 0;gap:var(--space-8)}
.pr-node-number{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--pr-line);border-radius:50%;font:var(--text-12) var(--mono,monospace);background:var(--pr-bg);color:var(--pr-muted);position:relative;z-index:1}
.pr-node-label{font-size:var(--text-14);font-weight:600;line-height:1.4}
.pr-node-question{font-size:var(--text-11);line-height:1.4;color:var(--pr-muted)}
.pr-node[aria-current="step"] .pr-node-number{border:2px solid var(--pr-accent);color:var(--pr-accent);border-radius:4px}
.pr-node[aria-current="step"] .pr-node-label{color:var(--pr-accent);text-decoration:underline;text-underline-offset:5px}
.pr-node:hover .pr-node-number{border-color:var(--pr-accent)}
.pr-node:hover{text-decoration:none!important}
.pr-rail-note{font-size:var(--text-11);color:var(--pr-muted);padding:var(--space-8) 0 var(--space-16);border-bottom:1px solid var(--pr-line)}
.pr-inspector{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:var(--space-64);margin-top:var(--space-24)}
.pr-stage{padding:0 0 var(--space-24);scroll-margin-top:140px;outline:none;margin-bottom:var(--space-24);border-bottom:1px solid var(--pr-line)}
.pr-enhanced .pr-stage{margin-bottom:0}
.pr-stage:focus-visible{outline:2px solid var(--pr-accent);outline-offset:10px}
.pr-stage h2{font-family:var(--serif,Georgia,serif);font-size:var(--gd-h2);line-height:1.2;font-weight:400;margin:var(--space-12) 0 var(--space-16)}
.pr-step-summary{font-size:var(--text-16);color:var(--pr-ink);line-height:1.7;max-width:65ch}
.pr-quote{border-left:2px solid var(--pr-accent);padding:var(--space-2) 0 var(--space-2) var(--space-24);margin:var(--space-24) 0 var(--space-12)}
.pr-quote>span{font-size:var(--text-11);letter-spacing:.05em;color:var(--pr-accent)}
.pr-quote p{font-size:var(--gd-body);color:var(--pr-muted);margin-top:var(--space-8);line-height:1.7}
.pr-stage-footer{display:flex;justify-content:space-between;gap:var(--space-24);align-items:center;font-size:var(--text-12);margin-top:var(--space-24)}
.pr-stage-footer>span{color:var(--pr-muted)}
.pr-stage-footer a{display:inline-flex;align-items:center;gap:var(--space-12);min-height:44px;color:var(--pr-accent);flex-shrink:0}
.pr-source{border-left:1px solid var(--pr-line);padding-left:var(--space-24);font-size:var(--text-14);color:var(--pr-muted)}
.pr-source h2{font-size:var(--text-20);font-weight:550;color:var(--pr-ink);margin:var(--space-12) 0}
.pr-source strong{font-weight:550;color:var(--pr-ink)}
.pr-source dl{margin-top:var(--space-16);font-size:var(--text-12)}
.pr-source dl>div{display:grid;grid-template-columns:80px 1fr;gap:var(--space-8);border-top:1px solid var(--pr-line);padding:var(--space-8) 0}
.pr-source dd{margin:0;color:var(--pr-ink)}
.pr-source dd a{min-height:44px;display:inline-flex;align-items:center}
.pr-boundary{border-top:1px solid var(--pr-line);margin-top:var(--space-16);padding-top:var(--space-16)}
.pr-boundary h3{font:var(--text-20)/1.25 var(--serif,Georgia,serif);color:var(--pr-accent);margin-bottom:var(--space-12)}
.pr-boundary p{font-size:var(--text-13);line-height:1.75}
.pr-text-link{display:inline-flex;gap:var(--space-16);min-height:44px;align-items:center;font-size:var(--text-13);margin-top:var(--space-12);color:var(--pr-accent)!important}
.pr-evidence{list-style:none;padding:0;margin-top:var(--space-24)!important;border-top:1px solid var(--pr-line)}
.pr-evidence li{border-bottom:1px solid var(--pr-line)}
.pr-evidence a{display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:var(--space-2) var(--space-16);align-items:center;padding:var(--space-12) 0;min-height:76px}
.pr-evidence strong{font-size:var(--gd-body);font-weight:550}
.pr-evidence span{grid-column:1;color:var(--pr-muted);font-size:var(--text-12)}
.pr-evidence b{grid-column:2;grid-row:1/3;font-size:var(--text-20);color:var(--pr-accent);font-weight:400}
.pr-small{font-size:var(--text-12);color:var(--pr-muted);line-height:1.7;margin-top:var(--space-16)!important}
.pr-checks{margin-top:var(--space-16);border-top:1px solid var(--pr-line)}
.pr-checks article{padding:var(--space-16) 0;border-bottom:1px solid var(--pr-line);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-8) var(--space-16)}
.pr-checks h3{font-size:var(--gd-body);font-weight:550}
.pr-test-state{font:var(--text-11)/1.7 var(--mono,monospace);color:var(--pr-accent)}
.pr-checks p{grid-column:1/-1;font-size:var(--text-13);color:var(--pr-muted);line-height:1.7}
.pr-receipt{margin:var(--space-24) 0 0!important;border-top:1px solid var(--pr-line)}
.pr-receipt>div{padding:var(--space-12) 0;border-bottom:1px solid var(--pr-line)}
.pr-receipt dt{font-size:var(--text-12);color:var(--pr-muted);margin-bottom:var(--space-4)}
.pr-receipt dd{margin:0;font-size:var(--text-14);overflow-wrap:anywhere}
.pr-receipt code{font:var(--text-13)/1.6 var(--mono,monospace);color:var(--pr-ink);white-space:normal;overflow-wrap:anywhere}
.pr-footer{border-top:1px solid var(--pr-line);padding-top:var(--space-24);margin-top:var(--space-40);display:flex;justify-content:space-between;gap:var(--space-24);align-items:center}
.pr-footer p{font-size:var(--text-13);color:var(--pr-muted)}
.pr-footer strong{color:var(--pr-ink);font-weight:500}
.pr-footer>div{display:flex;gap:var(--space-16);flex-wrap:wrap}
.pr-footer a{font-size:var(--text-12);display:inline-flex;align-items:center;gap:var(--space-12);min-height:44px;color:var(--pr-accent)}
@media(max-width:900px){.pr-intro{gap:var(--space-24)}.pr-inspector{gap:var(--space-24)}.pr-section-top{align-items:flex-start;flex-direction:column;gap:var(--space-4)}.pr-node-question{font-size:var(--text-11)}.pr-footer{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.pr{padding:var(--space-16) var(--space-16) var(--space-40)}.pr-crumb{margin-bottom:var(--space-24)}.pr-intro{grid-template-columns:1fr;gap:var(--space-24);margin-bottom:var(--space-24)}.pr-deck{font-size:var(--text-40)}.pr-summary{font-size:var(--gd-body)}.pr-context{padding:0 0 0 var(--space-16)}.pr-context h2{font-size:var(--text-20)}.pr-context p{font-size:var(--text-13)}.pr-status-bar{gap:var(--space-8) var(--space-16)}.pr-status-bar>span:last-child{margin-left:0;width:100%}.pr-fetch{align-items:flex-start;flex-direction:column;gap:var(--space-8)}.pr-rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-16) 0}.pr-rail li:nth-child(3)::after{display:none}.pr-node{min-height:118px;padding-right:var(--space-12)}.pr-node-label{font-size:var(--text-13)}.pr-node-question{font-size:var(--text-11)}.pr-rail-note{padding-top:0;font-size:var(--text-11)}.pr-inspector{grid-template-columns:1fr;gap:var(--space-24)}.pr-stage h2{font-size:var(--text-28)}.pr-step-summary{font-size:var(--text-16)}.pr-quote{padding-left:var(--space-16)}.pr-quote p{font-size:var(--text-14)}.pr-stage-footer{align-items:flex-start;gap:var(--space-12)}.pr-stage-footer>span{max-width:56%}.pr-source{padding-left:var(--space-16)}.pr-checks article{grid-template-columns:1fr}.pr-test-state{font-size:var(--text-11)}.pr-footer{margin-top:var(--space-24)}.pr-footer>div{gap:var(--space-8) var(--space-16)}}
@media(prefers-reduced-motion:reduce){.pr *{scroll-behavior:auto;animation:none!important;transition:none!important}}