﻿/* BandXL practice report. Scoped to results; the exam simulator keeps its layout. */
.practice-report{background:#fff;color:#17212c;border:1px solid #cbd3d2;border-top:5px solid #0b6e61;padding:28px;margin-top:20px;box-shadow:0 8px 30px #17212c08;break-inside:avoid}
.practice-report .report-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;border-bottom:1px solid #cbd3d2;padding-bottom:20px}
.practice-report .report-brand{font:700 1.7rem var(--display);letter-spacing:-.06em;color:#123d37}
.practice-report .report-brand span{color:#0b6e61}
.practice-report h2{font:600 1.3rem var(--display);margin:9px 0 4px;color:#17212c}
.practice-report .report-subtitle,.practice-report .report-note{font-size:.8rem;color:#53616a;line-height:1.6;margin:0}
.practice-report .report-stamp{border:1px solid #0b6e61;color:#0b6e61;padding:7px 10px;font:600 .65rem var(--mono);letter-spacing:.08em;white-space:nowrap}
.practice-report .report-details{display:grid;grid-template-columns:1fr 1fr;gap:18px 28px;margin:22px 0}
.practice-report .report-details div{min-width:0}
.practice-report dt{font:600 .65rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#66726e;margin-bottom:5px}
.practice-report dd{margin:0;font-size:.95rem;font-weight:600;overflow-wrap:anywhere}
.practice-report .report-results-label{font:600 .72rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#53616a;margin:24px 0 10px}
.practice-report .scores{grid-template-columns:repeat(4,minmax(0,1fr)) 1.1fr;gap:0;margin:0;border:1px solid #bdc9c5}
.practice-report .score{border:0;border-right:1px solid #bdc9c5;border-radius:0;box-shadow:none;background:#fff;padding:18px 10px;text-align:center;min-width:0}
.practice-report .score:last-child{border-right:0}
.practice-report .score .lbl{color:#53616a;font-size:.65rem;letter-spacing:.04em}
.practice-report .score .band{color:#17212c;font-size:2.6rem;line-height:1.5}
.practice-report .score .raw{color:#53616a;font:400 .68rem/1.5 var(--mono);overflow-wrap:anywhere}
.practice-report .score.overall{background:#123d37;color:#fff;border-color:#123d37;box-shadow:none}
.practice-report .score.overall .lbl,.practice-report .score.overall .band,.practice-report .score.overall .raw{color:#fff}
.practice-report .report-footer{border-top:1px solid #dbe1df;margin-top:22px;padding-top:14px}
.practice-report .report-footer strong{color:#17212c}
@media(max-width:650px){.practice-report{padding:18px 14px}.practice-report .report-heading{gap:10px}.practice-report h2{font-size:1.1rem}.practice-report .report-stamp{font-size:.55rem;padding:6px}.practice-report .report-details{gap:16px}.practice-report .scores{grid-template-columns:1fr 1fr}.practice-report .score{border-right:1px solid #bdc9c5;border-bottom:1px solid #bdc9c5;padding:14px 8px}.practice-report .score:nth-child(2n){border-right:0}.practice-report .score.overall{grid-column:1/-1;border:0;display:grid;grid-template-columns:1fr auto;align-items:center;text-align:left;padding:12px 20px}.practice-report .score.overall .band{grid-column:2;grid-row:1/3}.practice-report .score.overall .raw{grid-column:1}.practice-report .score .band{font-size:2.3rem}}
@media print{@page{size:A4;margin:18mm}body:has(.practice-report){background:#fff!important;height:auto!important;overflow:visible!important;color:#17212c}body:has(.practice-report)>:not(#app){display:none!important}body:has(.practice-report) #app{display:block!important;height:auto!important;min-height:0!important}body:has(.practice-report) #top,body:has(.practice-report) #nav,body:has(.practice-report) #modal{display:none!important}body:has(.practice-report) #main{display:block!important;height:auto!important;overflow:visible!important;padding:0!important}body:has(.practice-report) #main>.page{max-width:none!important;padding:0!important;margin:0!important}body:has(.practice-report) #main>.page>:not(.practice-report){display:none!important}.practice-report{margin:0;border:1px solid #899a94;border-top:5px solid #0b6e61;box-shadow:none;print-color-adjust:exact;-webkit-print-color-adjust:exact}.practice-report .scores{grid-template-columns:repeat(4,minmax(0,1fr)) 1.1fr}.practice-report .score.overall{display:block;grid-column:auto;text-align:center}.practice-report .score{border-bottom:0}.practice-report .report-details{grid-template-columns:1fr 1fr}}
