/* Compact coverage matrix: fixed useful columns, no full-page stretching. */
.readable-ui .coverage-page{--idea-col:240px;--product-col:152px}
.readable-ui .coverage-page .page-header{margin-bottom:14px;gap:12px;align-items:center}
.readable-ui .coverage-page .eyebrow{margin-bottom:4px}
.readable-ui .coverage-page .page-header h1{font-size:24px;margin-bottom:4px}
.readable-ui .coverage-page .page-header p{font-size:12px;line-height:1.5}
.readable-ui .coverage-page .header-buttons{gap:6px}
.readable-ui .coverage-page .header-buttons button{min-height:32px;padding:6px 10px;font-size:12px}
.readable-ui .coverage-page .pill-row{gap:4px;margin-bottom:12px;padding-bottom:8px}
.readable-ui .coverage-page .pill{padding:5px 8px;font-size:13px}
.readable-ui .coverage-page .stats-row{gap:8px;margin-bottom:12px}
.readable-ui .coverage-page .stat{min-width:100px;padding:7px 12px;border-radius:8px}
.readable-ui .coverage-page .stat b{font-size:20px;margin-right:6px}
.readable-ui .coverage-page .stat span{font-size:12px}
.readable-ui .coverage-page .matrix-wrap{width:max-content;max-width:100%;min-height:0;max-height:calc(100dvh - 260px);border-radius:9px}
.readable-ui .coverage-page .matrix{table-layout:fixed;width:calc(var(--idea-col) + var(--product-count) * var(--product-col));min-width:0;font-size:13px}
.readable-ui .coverage-page .matrix th{padding:8px;white-space:normal;overflow-wrap:anywhere;line-height:1.4;font-size:13px}
.readable-ui .coverage-page .matrix th:first-child{width:var(--idea-col);min-width:0}
.readable-ui .coverage-page .matrix th:not(:first-child){width:var(--product-col)}
.readable-ui .coverage-page .matrix td{padding:4px 6px}
.readable-ui .coverage-page .matrix tr:not(.matrix-template)>td:first-child{padding:5px 10px;min-width:0;width:var(--idea-col)}
.readable-ui .coverage-page .matrix .matrix-template td{padding:6px 10px;border-top-width:4px;min-width:0}
.readable-ui .coverage-page .matrix-template button{font-size:13px;line-height:1.4}
.readable-ui .coverage-page .matrix-name{gap:5px;min-width:0}
.readable-ui .coverage-page .matrix-name>button{flex:1;min-width:0;padding:0;font-size:13px;line-height:1.4;overflow-wrap:anywhere}
.readable-ui .coverage-page .coverage-row-total{flex:none;font-size:11px;padding:1px 3px}
.readable-ui .coverage-page .matrix-status{min-width:0;min-height:32px;padding:5px 6px;font-size:13px;line-height:1.4}
.readable-ui .coverage-page .idea-legend{gap:10px;margin-top:9px}
.readable-ui .coverage-page>.footnote{margin-top:7px;font-size:12px;line-height:1.5}
@media(max-width:640px){
 .readable-ui .coverage-page{--idea-col:190px;--product-col:120px}
 .readable-ui .coverage-page .matrix-status{min-height:36px}
 .readable-ui .coverage-page .page-header{gap:8px}
 .readable-ui .coverage-page .matrix-wrap{max-height:65dvh}
}

