.performance-card{margin:24px 0;background:url('assets/newsprint-fibres-v1.svg') center/230px,#fff5db;border:1px solid #c1b496;border-top:5px solid #ffe400;color:#10213a;box-shadow:5px 5px #07132755;overflow:hidden}
.performance-card>header{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:24px;padding:24px;background:radial-gradient(#fff5db12 1px,transparent 1px) 0 0/5px 5px,linear-gradient(115deg,#254a6a,#0e2139);color:#fff5db;border-bottom:4px solid #ffe400}
.performance-card small{font:700 13px/1.5 var(--arc-label);letter-spacing:.04em}
.performance-card>header small{color:#ffe400;letter-spacing:.12em}
body.sw-clean .performance-card h3{margin:4px 0 0;font:italic 900 clamp(54px,6vw,80px)/1.12 var(--arc-shout);color:#fff5db;white-space:nowrap;letter-spacing:0}
.performance-card h3>span{font:700 21px/1.2 var(--arc-label);color:#c9d8e7;white-space:nowrap}
body.sw-clean .performance-card p{font:500 16px/1.55 var(--arc-body);margin:9px 0;color:inherit}
body.sw-clean :is(#resultSheet,#reportSheet) .performance-card>header>p{max-width:28ch;margin:0 0 5px;color:#fff5db}
.performance-ledger{padding:4px 24px 12px}
.performance-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 14px;padding:15px 0;border-bottom:1px solid #a99c80}
.performance-row>span:first-child{font:700 23px/1.25 var(--arc-label)}
.performance-row>span:first-child>b{display:inline-block;font:700 13px/1.3 var(--arc-label);padding:3px 5px;margin-right:9px;background:#162c48;color:#fff5db;border:1px solid #162c48;vertical-align:middle}
.performance-row>strong{font:700 25px/1.2 var(--arc-label);text-align:right;color:#10213a}
.performance-row>strong small{font:700 15px/1.3 var(--arc-label);color:#4b5360}
.performance-row>small{text-align:right;color:#343c47;font-size:13px;letter-spacing:0}
.performance-meter{display:block;align-self:center;height:9px;border:1px solid #4b5b6d;background:#e6dcc4}
.performance-meter i{display:block;height:100%;background:repeating-linear-gradient(120deg,#162f4b 0 6px,#3a5872 6px 8px)}
.performance-next{padding:19px 24px;border-left:6px solid #10213a;background:#ffe400;color:#10213a}
.performance-next>small{font-size:15px;letter-spacing:.08em}
body.sw-clean .performance-next>p{font:700 22px/1.4 var(--arc-label);margin-bottom:0}
.performance-ceiling{padding:20px 24px 9px}
.performance-ceiling>strong{font:700 23px/1.3 var(--arc-label)}
.performance-details{margin:0 24px;border-top:1px solid #9b927f;padding:0 0 2px;color:#10213a}
.performance-details>summary{position:relative;list-style:none;display:block;cursor:pointer;min-height:48px;padding:15px 31px 14px 0;font:700 21px/1.3 var(--arc-label);color:#10213a;background:transparent;box-shadow:none}
.performance-details>summary::-webkit-details-marker{display:none}
.performance-details>summary:after{content:'+';position:absolute;right:0;top:12px;font:700 25px/1 var(--arc-label);width:25px;text-align:center}
.performance-details[open]>summary:after{content:'−'}
.performance-details>summary:focus-visible{outline:3px solid #10213a;outline-offset:-3px}
.performance-details ul{list-style:none;margin:12px 0 18px;padding:0}
.performance-details li{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-top:1px dashed #a99c80;font:700 20px/1.25 var(--arc-label)}
.performance-details li small{display:block;color:#425269}
.performance-details li strong{white-space:nowrap;align-self:center}
.performance-details article{padding:14px 0 18px;border-top:1px dashed #8f876f}
body.sw-clean .performance-details h4{font:700 24px/1.25 var(--arc-label);color:#10213a;margin:0 0 12px}
.performance-bands{margin:6px 0 17px}.performance-bands>div{display:flex;justify-content:space-between;gap:18px;padding:8px 0;border-bottom:1px solid #b9ad92;font:700 18px/1.4 var(--arc-label)}.performance-bands dd{margin:0;text-align:right}
body.sw-clean .has-performance :is(.sw-learning,#calls,#verdict,#coach,#debrief,#repVerdict,#repDebrief){display:none!important}
.performance-card .race-call-column{margin:18px 24px;padding-top:17px;border-top:3px double #162f4b;background:transparent;color:#10213a}
.performance-card .race-call-column h3{font:italic 900 28px/1.2 var(--arc-shout)!important;white-space:normal!important;color:#10213a!important}
@media(max-width:620px){.performance-card>header{grid-template-columns:1fr;gap:8px;padding:21px 18px}.performance-card>header>p{max-width:none}.performance-ledger{padding:3px 18px 12px}.performance-next{padding:18px}.performance-ceiling{padding:18px 18px 10px}.performance-details{margin:0 18px}.performance-row{column-gap:9px}.performance-row>span:first-child{font-size:21px}.performance-card .race-call-column{margin:18px}.performance-row>small{max-width:16ch}.performance-meter{height:10px}}
