/* Report card, My mistakes and practice (report-card.js). Shown in the modal dialog. */
dialog #modalBody .report-sheet{max-height:calc(100dvh - 240px);overflow:auto;padding-right:6px}
.report-sheet:focus{outline:none}
.report-sheet h2{margin:.2em 0 .5em}
.rc-name{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 12px}
.rc-name label{flex-basis:100%;font-weight:700}
.rc-name input{flex:1 1 200px}
.rc-top{display:flex;flex-wrap:wrap;gap:16px;align-items:stretch;margin:10px 0}
.rc-score{display:flex;flex-direction:column;justify-content:center;min-width:150px;padding:12px 16px;border-radius:14px;background:#f3e6cf;border:1px solid #d8bf97}
.rc-score-num{font-size:2.4rem;font-weight:800;line-height:1;color:#4a2f22}
.rc-score-num small{font-size:1.1rem;font-weight:600}
.rc-score-label{font-size:.9rem;color:#655044}
.rc-facts{flex:1 1 260px;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}
.rc-facts>div{padding:8px 10px;border-radius:10px;background:#fbf4e6;border:1px solid #e3d0ae}
.rc-facts b{font-size:1.2rem;color:#4a2f22;margin-right:4px}
.rc-facts span{display:block;font-size:.82rem;color:#655044}
.rc-skills{display:grid;gap:6px;margin:12px 0}
.rc-skill{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(80px,1fr) auto;gap:10px;align-items:center}
.rc-skill-name{font-size:.92rem}
.rc-bar{height:10px;border-radius:6px;background:#eadcc4;overflow:hidden}
.rc-bar-fill{display:block;height:100%;background:#8a5a2b}
.rc-skill-val{font-variant-numeric:tabular-nums;font-size:.9rem;white-space:nowrap}
.rc-send{min-height:1.4em;font-weight:600}
.rc-actions{flex-wrap:wrap}
.rc-items{display:grid;gap:2px;margin-top:14px;font-size:.88rem}
.rc-item{display:flex;justify-content:space-between;gap:12px;padding:4px 8px;border-radius:6px}
.rc-item.is-independent{background:#e8f0dc}
.rc-item.is-hinted{background:#f6eccf}
.rc-item.is-recovered{background:#f6dfd2}
.rc-item.is-unrecorded,.rc-item.is-unreached{background:#f1ece4;color:#7a6658}
.mk-cp{margin:12px 0;padding:12px 14px;border-radius:12px;background:#fbf4e6;border:1px solid #e3d0ae}
.mk-cp-head{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-weight:700}
.mk-cp-skill{font-weight:600;font-size:.82rem;color:#655044}
.mk-q{font-style:italic}
.mk-tries{list-style:none;padding:0;margin:6px 0}
.mk-try{margin:4px 0}
.mk-try s{text-decoration-color:#a3402a}
.mk-label{display:inline-block;min-width:4.2em;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#7a4a2a}
.mk-answer{font-weight:600}
.mk-outcome{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.8rem;font-weight:700;background:#e8f0dc}
.mk-outcome.is-open{background:#f6dfd2}
.mk-actions{margin-top:8px}
.pr-preview{padding:10px 12px;border-radius:10px;background:#fbf4e6;border:1px solid #e3d0ae;font-size:1.05rem}
.pr-join{display:grid;gap:4px;margin:8px 0}
.pr-join span{font-size:.9rem}
.practice-sheet .casework-option[aria-pressed="true"]{outline:3px solid #8a5a2b}
#printReport{display:none}
@media print{
 body.printing-report>*:not(#printReport){display:none!important}
 body.printing-report{background:#fff!important}
 body.printing-report #printReport{display:block;color:#000;-webkit-print-color-adjust:exact;print-color-adjust:exact}
 #printReport .report-sheet{max-height:none;overflow:visible;break-after:page}
 #printReport .mk-cp{break-inside:avoid}
 #printReport *{color:#000!important}
}
/* The Ember Oath additions: contrast-set grid and section headings. */
.rc-h{font-size:18px;margin:16px 0 6px}
.rc-grid{display:grid;gap:3px;font-size:.84rem}
.rc-grid-row{display:grid;grid-template-columns:minmax(0,2.2fr) repeat(4,minmax(38px,.7fr));gap:3px;align-items:center}
.rc-grid-head{font-weight:700;font-size:.75rem;color:#655044}
.rc-grid-set{line-height:1.25;padding:4px 0}
.rc-cell{text-align:center;padding:5px 2px;border-radius:6px;font-variant-numeric:tabular-nums;background:#f1ece4;color:#7a6658}
.rc-cell.is-good{background:#e8f0dc;color:#2f5e38}
.rc-cell.is-mixed{background:#f6eccf;color:#6b5420}
.rc-cell.is-weak{background:#f6dfd2;color:#7c2a17}
.rc-skill-name small{color:#8a7565}
.keyword{display:inline-block;font-weight:800;font-size:12px;letter-spacing:1.5px;background:#2a2230;color:#fff;padding:1px 7px;border-radius:5px}
@media print{#printReport .rc-cell{border:1px solid #999}}
dialog #modalBody .report-sheet{max-height:none;overflow:visible;padding-right:0}
.rc-name input{font-size:17px;padding:10px 12px;border:2px solid #c9b48d;border-radius:10px;min-height:46px;background:#fff}
.rc-name .primary{min-height:46px}