/* report.css -- the sample report page. Class names carry the rpt- prefix so they cannot collide with seb.css; tokens, header and footer come from seb.css and doc.css. */
:root{--good:#7fb87f;--crit:#c1121f;--high:#e0562e;--med:#e0a000;--low:#4a9d8f;}
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}
.rpt-main{max-width:820px;margin:0 auto;padding:38px var(--gutter) 80px;}
.rpt-main h1,.rpt-main h2,.rpt-main h3,.rpt-main p,.rpt-main li{overflow-wrap:anywhere;}
:where(.rpt-main) h1{margin:0 0 14px;font-size:clamp(27px,4vw,38px);line-height:1.13;letter-spacing:-0.02em;}
:where(.rpt-main) h2{margin:0 0 16px;font-size:19px;letter-spacing:-0.01em;color:var(--text);}
:where(.rpt-main) h3{margin:0 0 8px;font-size:15px;color:var(--text);}
:where(.rpt-main) p{font-size:14.5px;line-height:1.7;color:var(--text-2);}
:where(.rpt-main) strong{color:var(--text-2);}
.rpt-sample-banner strong{color:var(--text);}
:where(.rpt-main) a:not([class]):hover{color:var(--accent-light);}
.rpt-sample-banner{margin:0 0 34px;border:2px solid var(--accent-dark-border);background:rgba(var(--accent-rgb),0.09);padding:16px 20px;display:flex;gap:14px;align-items:flex-start;}
.rpt-sample-banner .rpt-stamp{font-family:var(--font-mono);font-size:9.5px;font-weight:700;letter-spacing:0.16em;color:var(--bg);background:var(--accent);padding:5px 9px;flex-shrink:0;white-space:nowrap;}
.rpt-sample-banner p{margin:0;font-size:13.5px;line-height:1.65;color:var(--text-2);}
.rpt-sample-banner strong{color:var(--text);}
.rpt-lede{font-size:15.5px;line-height:1.7;color:var(--text-2);max-width:660px;margin:0;}
.rpt-sec{border-top:2px solid var(--border);padding:34px 0 6px;margin-top:38px;position:relative;}
.rpt-eyebrow{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:10px;letter-spacing:0.15em;color:var(--accent);margin-bottom:16px;}
.rpt-eyebrow .rpt-rule{flex:1;height:1px;background:var(--border-soft);}
.rpt-card{background:var(--surface);border:2px solid var(--border);padding:22px 24px;margin:18px 0;}
.rpt-card.rpt-soft{border-width:1px;border-color:var(--border-soft);}
table{width:100%;border-collapse:collapse;font-size:13px;}
th{text-align:left;font-family:var(--font-mono);font-size:9.5px;letter-spacing:0.12em;color:var(--text-dim);font-weight:500;padding:9px 10px;border-bottom:2px solid var(--border);white-space:nowrap;}
td{padding:10px;border-bottom:1px solid var(--border-hair);color:var(--text-2);vertical-align:top;}
td.rpt-k{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);white-space:nowrap;}
td.rpt-v{color:var(--text);}
tr:last-child td{border-bottom:none;}
.rpt-tbl-wrap{overflow-x:auto;}
.rpt-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:20px;}
.rpt-stat{display:flex;flex-direction:column;gap:3px;}
.rpt-stat .rpt-n{font-family:var(--font-mono);font-size:25px;font-weight:700;color:var(--text);line-height:1;}
.rpt-stat .rpt-l{font-family:var(--font-mono);font-size:9.5px;color:var(--text-dim);letter-spacing:0.09em;}
.rpt-sevrows{display:flex;flex-direction:column;gap:11px;}
.rpt-sevrow{display:grid;grid-template-columns:88px 1fr 34px;align-items:center;gap:12px;}
.rpt-sevrow .rpt-nm{font-family:var(--font-mono);font-size:10px;letter-spacing:0.09em;}
.rpt-sevrow .rpt-bar{height:9px;background:var(--surface-2);border:1px solid var(--border-hair);position:relative;}
.rpt-sevrow .rpt-bar i{position:absolute;inset:0 auto 0 0;display:block;}
.rpt-sevrow .rpt-ct{font-family:var(--font-mono);font-size:12.5px;text-align:right;color:var(--text);}
.rpt-bar-crit i{background:var(--crit);}
.rpt-bar-high i{background:var(--high);}
.rpt-bar-med i{background:var(--med);}
.rpt-bar-low i{background:var(--low);}
.rpt-pill{display:inline-block;font-family:var(--font-mono);font-size:9.5px;font-weight:700;letter-spacing:0.1em;padding:3px 8px;border:1px solid;}
.rpt-p-crit{color:#ff8b96;border-color:#5a1a22;background:rgba(193,18,31,0.14);}
.rpt-p-high{color:#ffa07a;border-color:#5c2a16;background:rgba(224,86,46,0.14);}
.rpt-p-med{color:#e8c063;border-color:#54430f;background:rgba(224,160,0,0.13);}
.rpt-p-low{color:#7fc7bb;border-color:#1e4741;background:rgba(74,157,143,0.13);}
.rpt-tag{display:inline-block;font-family:var(--font-mono);font-size:9.5px;letter-spacing:0.07em;padding:4px 9px;border:1px solid var(--accent-dark-border);background:rgba(var(--accent-rgb),0.1);color:var(--accent-light);margin:0 5px 5px 0;}
.rpt-finding{border:2px solid var(--border);background:var(--surface);margin:16px 0;border-left-width:5px;}
.rpt-f-crit{border-left-color:var(--crit);}
.rpt-f-high{border-left-color:var(--high);}
.rpt-f-med{border-left-color:var(--med);}
.rpt-f-low{border-left-color:var(--low);}
.rpt-finding .rpt-fhead{padding:15px 18px 13px;border-bottom:1px solid var(--border-soft);display:flex;flex-direction:column;gap:8px;}
.rpt-finding .rpt-fmeta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-family:var(--font-mono);font-size:9.5px;letter-spacing:0.08em;color:var(--text-dim);}
.rpt-finding .rpt-ftitle{font-size:15.5px;font-weight:600;color:var(--text);line-height:1.35;}
.rpt-finding .rpt-fbody{padding:0 18px;}
.rpt-finding dl{margin:0;}
.rpt-finding dt{font-family:var(--font-mono);font-size:9.5px;letter-spacing:0.12em;color:var(--text-dim);padding:13px 0 5px;}
.rpt-finding dd{margin:0;padding:0 0 13px;border-bottom:1px solid var(--border-hair);font-size:13.5px;line-height:1.65;color:var(--text-2);}
.rpt-finding dd:last-child{border-bottom:none;}
.rpt-finding .rpt-ev{font-family:var(--font-mono);font-size:12px;line-height:1.6;background:var(--bg);border-left:2px solid var(--accent);padding:10px 13px;color:var(--text-2);white-space:pre-wrap;word-break:break-word;display:block;}
.rpt-road{display:flex;flex-direction:column;gap:0;border:2px solid var(--border);}
.rpt-road .rpt-r-item{display:grid;grid-template-columns:38px 1fr auto;gap:14px;align-items:baseline;padding:14px 18px;border-bottom:1px solid var(--border-hair);}
.rpt-road .rpt-r-item:last-child{border-bottom:none;}
.rpt-road .rpt-r-n{font-family:var(--font-mono);font-size:12px;color:var(--accent);}
.rpt-road .rpt-r-t{font-size:14px;color:var(--text);line-height:1.5;}
.rpt-road .rpt-r-t small{display:block;font-size:12.5px;color:var(--text-dim);margin-top:3px;line-height:1.55;}
.rpt-road .rpt-r-e{font-family:var(--font-mono);font-size:9.5px;color:var(--text-dim);letter-spacing:0.08em;white-space:nowrap;}
.rpt-chain{font-family:var(--font-mono);font-size:11.5px;line-height:1.85;background:var(--bg-2);border:2px solid var(--border);padding:18px 20px;overflow-x:auto;}
.rpt-chain .rpt-ck{color:var(--text-dim);}
.rpt-chain .rpt-cv{color:var(--accent-light);}
.rpt-chain .rpt-cs{color:var(--good);}
ul.rpt-tight{margin:8px 0 0;padding-left:19px;}
ul.rpt-tight li{font-size:13.5px;line-height:1.75;color:var(--text-2);margin-bottom:7px;}
.rpt-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;}
.rpt-btn{display:inline-block;padding:15px 26px;font-family:var(--font-heading);font-weight:700;font-size:13.5px;letter-spacing:0.03em;}
.rpt-btn-p{background:var(--accent);color:var(--bg);}
.rpt-btn-p:hover{background:var(--accent-hover);color:var(--bg);}
.rpt-btn-s{border:2px solid var(--border);color:var(--text);}
.rpt-btn-s:hover{border-color:var(--accent);color:var(--accent-light);}

/* the inline styles of the old page, as classes */
.rpt-note{margin:16px 0 0;font-size:13px;color:var(--text-dim);}
.rpt-note--14{margin-top:14px;}
.rpt-note--20{margin-top:20px;}
.rpt-sub{margin:0 0 16px;font-size:13.5px;color:var(--text-dim);}
.rpt-sub--6{margin-bottom:6px;}
.rpt-dim{color:var(--text-dim);}
.rpt-t2{color:var(--text-2);}
.rpt-good{color:var(--good);}
.rpt-accl{color:var(--accent-light);}
.rpt-card--accent{border-color:var(--accent-dark-border);}
.rpt-fs125{font-size:12.5px;}
.rpt-kicker{margin-bottom:12px;font-size:10.5px;letter-spacing:0.14em;color:var(--accent);}
.rpt-p14{margin:0;font-size:14px;}
.rpt-p0{margin:0;}
.rpt-pb14{margin:0 0 14px;}
.rpt-vlabel{margin-bottom:8px;font-size:11px;letter-spacing:0.14em;color:var(--text-dim);}
.rpt-verdict{margin-bottom:12px;font-family:var(--font-heading);font-size:26px;font-weight:800;letter-spacing:0.02em;color:var(--accent);}
.rpt-c-crit{color:#ff8b96;}
.rpt-c-high{color:#ffa07a;}
.rpt-c-med{color:#e8c063;}
.rpt-c-low{color:#7fc7bb;}
.rpt-w0{width:0%;}
.rpt-w10{width:10%;}
.rpt-w30{width:30%;}
.rpt-w60{width:60%;}
.rpt-h3-24{margin-top:24px;}
.rpt-ul0{margin-top:0;}
.rpt-closing{margin:0;font-size:15px;line-height:1.75;color:var(--text-2);max-width:660px;}
@media (max-width:719px){.rpt-road .rpt-r-item{grid-template-columns:30px 1fr;}.rpt-road .rpt-r-e{grid-column:2;}}
.rpt-h3{margin:0 0 8px;font-size:15px;color:var(--text);}