*{box-sizing:border-box}html,body{margin:0;background:white;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#2f4644}main{padding:16px 15px 12px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}header p{font-size:8px;letter-spacing:1.6px;color:#91b5b2;margin:0 0 4px;font-weight:600}h1{font-size:19px;letter-spacing:-.5px;margin:0;font-weight:650}header>span{font-size:9px;color:#8cb0ad;background:#f5f7f7;border-radius:4px;padding:4px 7px}table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:11px}th,td{text-align:right;width:27%;padding:9px 0;border-bottom:1px solid #eff3f3;font-variant-numeric:tabular-nums}th:first-child{width:46%;text-align:left;padding-right:5px}thead th{color:#7ca09d;font-size:9px;font-weight:500;vertical-align:top;padding-top:0;padding-bottom:9px}thead small{display:block;font-size:8px;margin-top:2px;color:#98b5b2}tbody th{font-weight:500}td:first-of-type{color:#83a6a3}td:last-of-type{font-weight:650}tr.category th{font-size:10px;padding:9px 7px;background:#f7f9f9;color:#689692;font-weight:650;border-bottom:0}#demoRow td:last-child{color:#153d3a}#demoRow.changed{background:#f5f8f7}footer{margin-top:13px;font-size:8px;color:#9ab8b5;display:flex;gap:4px;justify-content:center}footer b{color:#74a09c;font-weight:600}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}

.compact .extra-category {display:none}
.compact main {padding:12px 13px 9px}
.compact header {margin-bottom:10px}
.compact header h1 {font-size:18px}
.compact table {font-size:13px}
.compact thead th {font-size:11px}
.compact thead small {font-size:10px}
.compact #demoRow th,.compact #demoRow td {font-size:14px;padding-block:12px}
.compact #demoRow.changed {background:#e4f5eb}
.compact #demoRow.changed td:last-child {color:#1b6449}
.compact footer {font-size:10px;margin-top:9px}

/* Same palette inside the existing embedded sample. */
h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:0}
header p{color:#79602b}tr.category th{background:#edf2ed;color:#153d3a;border-left:2px solid #b99a59}