.performance-section{grid-column:1/-1}.perf-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.perf-heading h2{margin:0}.perf-heading p{margin:6px 0 0;color:var(--muted);font-size:13px}.perf-meta{font-size:11px;color:var(--muted);margin:14px 0 22px}.performance-section h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin:24px 0 10px;color:var(--muted)}.perf-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.perf-card{border:1px solid var(--line);border-radius:14px;background:#fff;padding:14px;min-width:0}.perf-card span{display:block;font-size:11px;color:var(--muted);margin-bottom:7px}.perf-card strong{display:block;font:500 23px 'Fraunces',serif;white-space:nowrap}.perf-card small{display:block;font-size:10px;color:var(--muted);margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.perf-card.good{border-top:3px solid var(--sage)}.perf-card.warning{border-top:3px solid #c49b58}.perf-card.bad{border-top:3px solid #b96750}.perf-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:#fff}.perf-table{width:100%;border-collapse:collapse;font-size:12px}.perf-table th,.perf-table td{padding:10px 12px;text-align:right;border-bottom:1px solid var(--line);white-space:nowrap}.perf-table th:first-child,.perf-table td:first-child{text-align:left}.perf-table tr:last-child td{border-bottom:0}.perf-table th{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600}.perf-table code{font-size:11px}.perf-empty,.perf-error{font-size:12px;color:var(--muted);padding:14px 0}.perf-error{color:#a74f39}.perf-legend{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px;font-size:10px}.perf-legend>span{padding:4px 8px;border-radius:999px;background:var(--beige)}.perf-legend .good{background:var(--sage-soft)}.perf-legend .warning{background:#f4ead4}.perf-legend .bad{background:#f3ddd5}.perf-legend small{color:var(--muted)}
@media(max-width:900px){.perf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:639px){.perf-heading{display:block}.perf-heading .btn-secondary{margin-top:12px}.perf-grid{grid-template-columns:1fr 1fr}.perf-card{padding:12px}.perf-card strong{font-size:19px}.perf-table{font-size:11px}.perf-table th,.perf-table td{padding:9px 10px}.performance-section{overflow:hidden}}