/* Branded, semantic scorecard with score explanations alongside their lozenges. */
.sample-scorecard{table-layout:fixed;min-width:0;border-collapse:collapse}
.sample-area-column{width:20%}.sample-score-column{width:44%}.sample-observation-column{width:36%}
.sample-scorecard caption{background:var(--ink);color:var(--accent);padding:20px 24px;text-align:left;border-radius:8px 8px 0 0;line-height:1.6}
.sample-scorecard thead th{background:var(--ink-soft);color:var(--white);font-size:.85rem;letter-spacing:.03em;padding:18px 22px;border-color:#ffffff26;border-bottom:2px solid var(--accent)}
.sample-scorecard tbody th{background:var(--ink-soft);color:var(--accent);font-weight:700;font-size:1rem;line-height:1.6;padding:22px;border-color:#ffffff26;vertical-align:middle}
.sample-scorecard tbody td{padding:22px;background:var(--white);border-color:#d7cdb7;line-height:1.7;vertical-align:middle}
.sample-scorecard tbody tr:nth-child(even) td{background:var(--white)}
.sample-scorecard tbody td:nth-child(2),.sample-scorecard tbody tr:nth-child(even) td:nth-child(2){background:var(--paper)}
.sample-score-explanation{display:flex;align-items:center;gap:18px}
.sample-scorecard .sample-score{flex:none;background:var(--accent);color:var(--ink);padding:8px 15px;font-size:1.12rem;line-height:1.35;border-radius:999px}
.sample-scorecard .sample-score-label{display:block;margin:0;font-size:.95rem;line-height:1.65;min-width:0}
@media(max-width:800px){.sample-area-column{width:22%}.sample-score-column{width:42%}.sample-observation-column{width:36%}.sample-scorecard :is(th,td){padding:18px!important}.sample-score-explanation{gap:12px}}
@media(max-width:600px){
 .table-scroll:has(.sample-scorecard){overflow:visible}
 .sample-scorecard,.sample-scorecard caption,.sample-scorecard tbody,.sample-scorecard tbody tr,.sample-scorecard tbody th,.sample-scorecard tbody td{display:block;width:100%}
 .sample-scorecard colgroup{display:none}
 .sample-scorecard thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .sample-scorecard caption{margin-bottom:16px;border-radius:8px;font-size:.95rem}
 .sample-scorecard tbody tr{margin-bottom:16px;border:1px solid #d7cdb7;border-radius:8px;overflow:hidden}
 .sample-scorecard tbody :is(th,td){border:0}
 .sample-scorecard tbody td+td{border-top:1px solid #d7cdb7}
 .sample-scorecard td[data-label]::before{content:attr(data-label);display:block;font-size:.7rem;line-height:1.6;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--accent-dark);margin-bottom:12px}
}