.psi-summary-scores{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 7px}
.psi-mini-score{display:flex;flex-direction:column;min-width:0;font-size:10px;color:var(--muted)}
.psi-mini-score strong{font-size:21px;line-height:1.5;color:var(--ink);font-weight:800;letter-spacing:-.6px}
.psi-mini-score small{font-size:10px;font-weight:500;color:var(--muted);letter-spacing:0}
.psi-panel{padding:22px;border-bottom:1px solid var(--line);background:#f5f8fc}
.psi-heading h4,.psi-html-heading h4{font-size:15px;margin:0 0 5px}
.psi-heading>p,.psi-html-heading p{font-size:13px;color:var(--muted);margin:0}
.psi-note{font-size:13px;line-height:1.75;color:var(--muted);margin:12px 0;overflow-wrap:anywhere}
.psi-devices{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:18px}
.psi-device{padding:20px;min-width:0;border:1px solid var(--line);border-radius:5px;background:#fff}
.psi-card-header{display:flex;justify-content:space-between;align-items:center;gap:15px}
.psi-card-header h4{font-size:16px;margin:0}
.psi-card-header>span{font-size:12px;color:var(--muted)}
.psi-device-score{font-size:31px;font-weight:800;letter-spacing:-1px;line-height:1.2}
.psi-device-score small{font-size:13px;font-weight:500;color:var(--muted);letter-spacing:0}
.psi-state{display:flex;align-items:flex-start;gap:12px;color:var(--muted);font-size:13px;line-height:1.8;margin:20px 0;min-height:48px}
.psi-state .spinner{margin-top:3px}
.psi-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:15px 0;border-block:1px solid var(--line);margin:16px 0}
.psi-metric{min-width:0}
.psi-metric abbr{display:block;font-size:12px;color:#5c728a;text-decoration:none;margin-bottom:5px;cursor:help}
.psi-metric strong{font-size:21px;font-weight:800;letter-spacing:-.7px;display:block;white-space:nowrap}
.psi-metric small{font-size:12px;font-weight:500;letter-spacing:0}
.psi-panel .psi-color-pass,.psi-summary-scores .psi-color-pass{color:var(--pass)}
.psi-panel .psi-color-warning,.psi-summary-scores .psi-color-warning{color:var(--warning)}
.psi-panel .psi-color-fail,.psi-summary-scores .psi-color-fail{color:var(--fail)}
.psi-panel .psi-color-unchecked{color:var(--unchecked)}
.psi-device h5{font-size:13px;margin:23px 0 11px}
.psi-recommendations{display:grid;gap:10px}
.psi-recommendations article{padding:13px;border:1px solid var(--line);border-radius:5px;background:#fbfcfe;min-width:0}
.psi-recommendations strong{display:block;font-size:13px}
.psi-recommendations p{font-size:13px;color:#536980;margin:6px 0;overflow-wrap:anywhere;line-height:1.75}
.psi-recommendations small{font-size:12px;color:var(--muted)}
.psi-recommendations details{margin-top:8px}
.psi-recommendations summary{font-size:12px;color:var(--blue);cursor:pointer}
.psi-recommendations code{font-size:10px;overflow-wrap:anywhere;color:var(--muted)}
.psi-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:20px;padding-top:14px}
.psi-card-footer>span{font-size:12px;color:var(--muted)}
.psi-device .button{font-size:13px;min-height:37px;padding:7px 12px}
.psi-html-heading{padding:20px 22px;background:#fafbfd;border-bottom:1px solid var(--line)}
.psi-header-state{font-size:13px;color:var(--muted)}
.psi-impact{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0 12px}
.psi-impact:empty{display:none}
.psi-impact>span{font-size:12px;background:#edf3fb;color:#486582;padding:3px 7px;border-radius:4px}
.psi-affected-label{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;margin:13px 0 8px}
.psi-affected-label>span{font-size:10px;background:#e7edf6;color:#51647b;padding:1px 6px;border-radius:3px}
.psi-resource-scroll{max-width:100%;overflow-x:auto}
.psi-resource-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px}
.psi-resource-table caption.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.psi-resource-table th{font-size:12px;color:var(--muted);font-weight:700;text-align:right;vertical-align:bottom;padding:7px 5px;background:#f1f5fa;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.psi-resource-table th:first-child{width:48%;text-align:left}
.psi-resource-table td{border-bottom:1px solid #e5ebf3;padding:9px 5px;vertical-align:top;text-align:right;font-size:13px}
.psi-resource-table td:first-child{text-align:left;min-width:0}
.psi-resource-table td>small{display:block;font-size:10px;color:var(--muted);margin-top:3px}
.psi-resource-address,.psi-resource-address>a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px}
.psi-resource-location{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;color:var(--muted);margin-top:3px}
.psi-resource-kind{display:block;color:var(--muted);font-size:10px;margin-top:4px}
.psi-resource-selector{display:block;overflow-wrap:anywhere;margin-top:4px}
.psi-resource-element code,.psi-resource-element a{display:block;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:5px}
.psi-more-resources{padding-bottom:4px}
.psi-more-resources>summary{padding:6px 0}
.psi-next-step{padding-top:8px;border-top:1px solid var(--line)}
@media print{.psi-resource-address,.psi-resource-address>a,.psi-resource-location{white-space:normal;overflow:visible;overflow-wrap:anywhere}.psi-resource-table tr{break-inside:avoid}}
@media(max-width:1100px){.psi-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.psi-device{padding:16px}}
@media(max-width:700px){.psi-panel{padding:16px 12px}.psi-devices{grid-template-columns:1fr}.psi-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.psi-device-score{font-size:28px}.psi-html-heading{padding:16px 12px}}
@media print{.psi-device .button{display:none!important}.psi-panel{padding:12px;background:#fff}.psi-devices{grid-template-columns:minmax(0,1fr)}.psi-device{padding:12px}.psi-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.psi-recommendations article{break-inside:avoid}.psi-recommendations p,.psi-note{font-size:10px}.psi-mini-score strong{font-size:17px}}
