.sh-pagespeed-audit { --ps-border: rgba(255,255,255,.12); }
.sh-pagespeed-audit .sh-url-audit__hero .sh-url-audit__shell { grid-template-columns:minmax(0,1fr) 310px; }
.sh-pagespeed__criterion p { display:flex;justify-content:space-between;align-items:baseline;gap:15px; }
.sh-pagespeed__criterion strong { color:var(--sh-text);font:700 20px/1.35 var(--sh-font-mono);white-space:nowrap; }
.sh-pagespeed__criterion small { color:var(--sh-dim);font-size:12px; }
.sh-pagespeed__criterion .sh-pagespeed__google-note { display:block;margin-top:18px;padding-top:14px;border-top:1px solid var(--ps-border);font-size:12px;line-height:1.65; }
.sh-pagespeed__help { margin:10px 0 0;color:var(--sh-dim);font-size:12px;line-height:1.65;overflow-wrap:anywhere; }
.sh-pagespeed__button { min-height:40px;padding:10px 15px;border:1px solid var(--ps-border);border-radius:3px;background:rgba(255,255,255,.03);color:var(--sh-text);font:700 12px/1.4 var(--sh-font-ui);cursor:pointer; }
.sh-pagespeed__button:hover { border-color:var(--sh-accent); }
.sh-pagespeed-audit button:focus-visible,.sh-pagespeed-audit input:focus-visible,.sh-pagespeed-audit select:focus-visible,.sh-pagespeed-audit summary:focus-visible,.sh-pagespeed-audit a:focus-visible { outline:2px solid var(--sh-accent);outline-offset:3px; }
.sh-pagespeed-audit button:disabled { cursor:default;opacity:.5; }
.sh-pagespeed__selection,.sh-pagespeed-audit #pagespeed-report,.sh-pagespeed-audit #pagespeed-history { padding:56px 0; }
.sh-pagespeed__selection .sh-url-audit__section-head p,.sh-pagespeed-audit #pagespeed-history .sh-url-audit__section-head p { max-width:760px; }
.sh-pagespeed__selection-list { display:grid;gap:12px;margin-top:24px; }
.sh-pagespeed__selection-row { display:grid;grid-template-columns:210px minmax(0,1fr) 42px;gap:12px;align-items:start;padding:16px;border:1px solid var(--ps-border);background:#151515;border-radius:3px; }
.sh-pagespeed__selection-row label { display:block;margin-bottom:7px;color:var(--sh-muted);font-size:11px;font-weight:700;line-height:1.5; }
.sh-pagespeed__selection-row input,.sh-pagespeed__selection-row select { width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid rgba(255,255,255,.19);border-radius:3px;background:#101010;color:var(--sh-text);font:13px/1.4 var(--sh-font-ui);box-sizing:border-box; }
.sh-pagespeed__selection-row input[type="url"],.sh-pagespeed__selection-row input[data-url] { font-family:var(--sh-font-mono);font-size:12px; }
.sh-pagespeed__selection-row input[aria-invalid="true"] { border-color:var(--audit-danger); }
.sh-pagespeed__custom-label { margin-top:10px; }
.sh-pagespeed__remove { margin-top:24px;min-width:40px;padding:10px 5px;font-size:18px; }
.sh-pagespeed__selection-actions { display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin-top:16px; }
.sh-pagespeed__selection-actions span { color:var(--sh-dim);font-size:12px; }
.sh-pagespeed__confirm { display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:24px;padding:20px;border:1px solid rgba(242,180,0,.35);background:rgba(242,180,0,.035); }
.sh-pagespeed__confirm strong { color:var(--sh-text);font-size:14px; }
.sh-pagespeed__confirm p { max-width:620px;margin:7px 0 0;color:var(--sh-muted);font-size:12px;line-height:1.7; }
.sh-pagespeed__confirm button { flex-shrink:0;min-height:48px;padding:12px 20px; }
.sh-pagespeed__warnings { margin:16px 0;padding:14px 18px 14px 34px;border-left:3px solid var(--audit-warning);background:rgba(255,191,0,.04);color:var(--sh-muted);font-size:13px;line-height:1.7; }
.sh-pagespeed__table { min-width:950px;table-layout:fixed; }
.sh-pagespeed__table th:nth-child(1) { width:13%; }
.sh-pagespeed__table th:nth-child(2) { width:23%; }
.sh-pagespeed__table th:nth-child(3),.sh-pagespeed__table th:nth-child(4) { width:17%; }
.sh-pagespeed__table th:nth-child(5) { width:30%; }
.sh-pagespeed__table td { vertical-align:top;overflow-wrap:anywhere; }
.sh-pagespeed__url { color:var(--sh-muted);font:12px/1.7 var(--sh-font-mono);overflow-wrap:anywhere; }
.sh-pagespeed__url:hover { color:var(--sh-accent); }
.sh-pagespeed__score { display:block;color:var(--sh-text);font:800 29px/1.2 var(--sh-font-mono); }
.sh-pagespeed__grade { display:block;margin-top:8px;font-size:11px;line-height:1.6; }
.sh-pagespeed__grade.is-good { color:var(--audit-good); }
.sh-pagespeed__grade.is-needs-improvement { color:var(--audit-warning); }
.sh-pagespeed__grade.is-poor { color:var(--audit-danger); }
.sh-pagespeed__target { display:block;margin-top:7px;padding-left:7px;border-left:2px solid currentColor;color:var(--sh-dim);font-size:11px;line-height:1.6; }
.sh-pagespeed__target.is-pass { color:var(--audit-good); }
.sh-pagespeed__target.is-below { color:var(--audit-danger); }
.sh-pagespeed__date,.sh-pagespeed__sample-note { display:block;margin-top:8px;color:var(--sh-dim);font-size:10px;line-height:1.6; }
.sh-pagespeed__refine { display:block;width:100%;margin-top:12px;padding:9px 8px;text-align:left;font-size:10px; }
.sh-pagespeed__details summary { color:var(--sh-text);font-size:12px;font-weight:700;cursor:pointer;line-height:1.7; }
.sh-pagespeed__device-details { margin-top:14px;padding-top:12px;border-top:1px solid var(--ps-border); }
.sh-pagespeed__device-details h3 { margin:0 0 8px;color:var(--sh-text);font-size:12px;line-height:1.5; }
.sh-pagespeed__device-details p,.sh-pagespeed__device-details li { margin:5px 0;color:var(--sh-muted);font-size:11px;line-height:1.7; }
.sh-pagespeed__device-details ul { padding-left:16px; }
.sh-pagespeed__device-details a { display:inline-block;margin-top:8px;color:var(--sh-accent);font-size:11px;text-decoration:underline;text-underline-offset:3px; }
.sh-pagespeed__history { display:grid;gap:10px;margin-top:22px; }
.sh-pagespeed__history-item { display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px;border:1px solid var(--ps-border);border-radius:3px;background:#151515; }
.sh-pagespeed__history-item strong { display:block;overflow-wrap:anywhere;color:var(--sh-text);font:700 13px/1.6 var(--sh-font-mono); }
.sh-pagespeed__history-item small { display:block;margin-top:5px;color:var(--sh-dim);font-size:11px;line-height:1.6; }
.sh-pagespeed__history-actions { display:flex;gap:8px;flex-shrink:0; }
.sh-pagespeed__sr-only { position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
.sh-pagespeed-audit #shPageSpeedResume { margin-top:14px; }
@media(max-width:1050px) { .sh-pagespeed-audit .sh-url-audit__hero .sh-url-audit__shell { grid-template-columns:minmax(0,1fr) 260px;gap:28px; } .sh-pagespeed__selection-row { grid-template-columns:180px minmax(0,1fr) 42px; } }
@media(max-width:800px) { .sh-pagespeed-audit .sh-url-audit__hero .sh-url-audit__shell { grid-template-columns:minmax(0,1fr); } .sh-pagespeed__criterion { max-width:460px; } .sh-pagespeed__confirm { align-items:stretch;flex-direction:column;gap:16px; } .sh-pagespeed__confirm button { width:100%; } .sh-pagespeed__history-item { align-items:flex-start;flex-direction:column;gap:12px; } .sh-pagespeed__history-actions { flex-wrap:wrap; } }
@media(max-width:540px) { .sh-pagespeed__selection,.sh-pagespeed-audit #pagespeed-report,.sh-pagespeed-audit #pagespeed-history { padding:40px 0; } .sh-pagespeed__selection-row { grid-template-columns:minmax(0,1fr) 38px;gap:12px 8px;padding:13px; } .sh-pagespeed__selection-row .sh-pagespeed__type-field { grid-column:1; } .sh-pagespeed__selection-row .sh-pagespeed__url-field { grid-column:1/-1;grid-row:2; } .sh-pagespeed__remove { grid-column:2;grid-row:1;min-width:36px; } .sh-pagespeed__confirm { padding:15px; } .sh-pagespeed__summary { grid-template-columns:repeat(2,minmax(0,1fr)); } .sh-pagespeed-audit .sh-url-audit__section-head { align-items:flex-start; } .sh-pagespeed-audit .sh-url-audit__exports { flex-wrap:wrap; } .sh-pagespeed-audit .sh-url-audit__exports button { min-height:40px; } }

/* Append after pagespeed-audit.css. Only the PageSpeed report at <=800px. */
@media (max-width: 800px) {
    .sh-pagespeed-audit #pagespeed-report .sh-url-audit__table-wrap {
        min-width: 0;
        overflow: visible;
        border: 0;
        background: transparent;
    }
    .sh-pagespeed-audit .sh-pagespeed__table {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        table-layout: auto;
        border-collapse: separate;
        border-spacing: 0;
    }
    /* Keep the real column headings and scope attributes available to readers. */
    .sh-pagespeed-audit .sh-pagespeed__table thead {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        clip-path: inset(50%);
        white-space: nowrap;
        border: 0;
    }
    .sh-pagespeed-audit .sh-pagespeed__table tbody {
        display: grid;
        width: 100%;
        min-width: 0;
        gap: 16px;
    }
    .sh-pagespeed-audit .sh-pagespeed__table tbody tr {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        min-width: 0;
        overflow: visible;
        border: 1px solid var(--ps-border);
        border-radius: 3px;
        background: #151515;
    }
    .sh-pagespeed-audit .sh-pagespeed__table tbody td {
        display: block;
        width: auto;
        min-width: 0;
        padding: 16px 12px;
        box-sizing: border-box;
        overflow-wrap: anywhere;
        border: 0;
    }
    .sh-pagespeed-audit .sh-pagespeed__table tbody td:nth-child(1),
    .sh-pagespeed-audit .sh-pagespeed__table tbody td:nth-child(2),
    .sh-pagespeed-audit .sh-pagespeed__table tbody td:nth-child(5) {
        grid-column: 1 / -1;
    }
    .sh-pagespeed-audit .sh-pagespeed__table tbody td:nth-child(1) {
        padding: 16px 16px 7px;
        font-size: 16px;
        line-height: 1.5;
    }
    .sh-pagespeed-audit .sh-pagespeed__table tbody td:nth-child(2) {
        padding: 0 16px 16px;
        border-bottom: 1px solid var(--ps-border);
    }
    .sh-pagespeed-audit .sh-pagespeed__table tbody td:nth-child(3),
    .sh-pagespeed-audit .sh-pagespeed__table tbody td:nth-child(4) {
        border-bottom: 1px solid var(--ps-border);
    }
    .sh-pagespeed-audit .sh-pagespeed__table tbody td:nth-child(4) {
        border-left: 1px solid var(--ps-border);
    }
    .sh-pagespeed-audit .sh-pagespeed__table tbody td:nth-child(3)::before,
    .sh-pagespeed-audit .sh-pagespeed__table tbody td:nth-child(4)::before {
        display: block;
        margin-bottom: 12px;
        color: var(--sh-text);
        font: 700 11px/1.5 var(--sh-font-ui);
    }
    .sh-pagespeed-audit .sh-pagespeed__table tbody td:nth-child(3)::before {
        content: "Мобильный · 55+";
    }
    .sh-pagespeed-audit .sh-pagespeed__table tbody td:nth-child(4)::before {
        content: "Компьютер · 80+";
    }
    .sh-pagespeed-audit .sh-pagespeed__table tbody td:nth-child(5) {
        padding: 16px;
    }
    .sh-pagespeed-audit .sh-pagespeed__score {
        font-size: clamp(18px, 5.3vw, 26px);
        line-height: 1.35;
        letter-spacing: -.035em;
    }
    .sh-pagespeed-audit .sh-pagespeed__url {
        display: inline-block;
        max-width: 100%;
    }
    .sh-pagespeed-audit .sh-pagespeed__refine {
        min-height: 44px;
        white-space: normal;
    }
    .sh-pagespeed-audit .sh-pagespeed__details summary {
        min-height: 24px;
        padding-block: 4px;
    }
}