.ste-checker{max-width:1100px;margin:30px auto;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#18201d}.ste-hero{padding:38px;border:1px solid #dfe6e2;border-radius:20px;background:linear-gradient(135deg,#f7faf8,#fff)}.ste-eyebrow{font-size:12px;letter-spacing:.16em;font-weight:700;color:#4f7563}.ste-hero h2{font-size:34px;margin:8px 0}.ste-hero p{color:#5e6864}.ste-form label{display:block;font-weight:700;margin:22px 0 8px}.ste-input-row{display:flex;gap:10px}.ste-input-row input{flex:1;padding:15px 16px;border:1px solid #cbd5d0;border-radius:10px;font-size:16px}.ste-input-row button{border:0;border-radius:10px;padding:0 24px;font-weight:700;cursor:pointer;background:#244d3c;color:#fff}.ste-hint{font-size:12px;color:#77807c;margin-top:9px}.ste-status{margin:18px 0;font-weight:600}.ste-status.error{color:#a32929}.ste-status.success{color:#276846}.ste-report{margin-top:24px}.ste-score{display:grid;grid-template-columns:120px 1fr auto;gap:24px;align-items:center;padding:28px;border-radius:18px;background:#17382c;color:#fff}.ste-score-circle{width:100px;height:100px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:6px solid rgba(255,255,255,.22)}.ste-score-circle strong{font-size:34px}.ste-score-circle span{font-size:12px;opacity:.75}.ste-score-label{font-size:11px;letter-spacing:.15em;opacity:.7}.ste-score h3{margin:4px 0;font-size:24px}.ste-score p{margin:0;opacity:.8;word-break:break-all}.ste-counts{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.ste-counts span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.1);font-size:12px}.ste-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.ste-overview>div{padding:17px;border:1px solid #e1e7e3;border-radius:12px;background:#fff}.ste-overview b,.ste-overview span{display:block}.ste-overview b{font-size:12px;color:#68736e}.ste-overview span{margin-top:4px;font-weight:700}.ste-page-data,.ste-category{border:1px solid #e1e7e3;border-radius:15px;background:#fff;padding:22px;margin:16px 0}.ste-page-data h3,.ste-category h3{margin-top:0}.ste-page-data p{word-break:break-word}.ste-check{display:flex;gap:13px;padding:17px 0;border-top:1px solid #edf0ee}.ste-check:first-of-type{border-top:0}.ste-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;flex:0 0 28px}.ste-check.pass .ste-icon{background:#e6f4eb;color:#267348}.ste-check.warning .ste-icon{background:#fff1d8;color:#9a6400}.ste-check.critical .ste-icon{background:#fde5e5;color:#a32929}.ste-check.info .ste-icon{background:#e8eff8;color:#456b9d}.ste-check h4{margin:1px 0 5px}.ste-check p{margin:0;color:#626c67}.ste-fix{margin-top:9px;padding:10px 12px;background:#f7f9f8;border-radius:8px;font-size:13px}.ste-footer-note{font-size:12px;color:#7a837f;margin:20px 0}@media(max-width:700px){.ste-input-row,.ste-score{grid-template-columns:1fr;display:flex;flex-direction:column;align-items:stretch}.ste-input-row button{padding:14px}.ste-overview{grid-template-columns:1fr}.ste-score-circle{margin:auto}.ste-counts{justify-content:flex-start}}
.ste-table-wrap{overflow:auto;margin-top:14px}.ste-keyword-table{width:100%;border-collapse:collapse;background:#fff}.ste-keyword-table th,.ste-keyword-table td{padding:10px 12px;border-bottom:1px solid #e5e7eb;text-align:left}.ste-keyword-table th{font-weight:700;background:#f8fafc}.ste-tags{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 18px}.ste-tags span{display:inline-block;padding:7px 10px;border:1px solid #dbe2ea;border-radius:999px;background:#f8fafc;font-size:13px}

/* Full-width PageSpeed report: escape narrow theme/page-builder columns */
.ste-checker[data-ste-tool="speed-test"] {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    box-sizing: border-box;
    padding-left: clamp(16px, 3vw, 48px);
    padding-right: clamp(16px, 3vw, 48px);
}

.ste-checker[data-ste-tool="speed-test"] .ste-hero,
.ste-checker[data-ste-tool="speed-test"] .ste-report,
.ste-checker[data-ste-tool="speed-test"] .ste-status {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.ste-checker[data-ste-tool="speed-test"] .ste-hero {
    margin-left: 0;
    margin-right: 0;
}

.ste-checker[data-ste-tool="speed-test"] .ste-report > *,
.ste-checker[data-ste-tool="speed-test"] .ste-report .ste-page-data,
.ste-checker[data-ste-tool="speed-test"] .ste-report .ste-category,
.ste-checker[data-ste-tool="speed-test"] .ste-report .ste-score,
.ste-checker[data-ste-tool="speed-test"] .ste-report .ste-overview {
    max-width: 100%;
    box-sizing: border-box;
}

@media (max-width: 700px) {
    .ste-checker[data-ste-tool="speed-test"] {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 12px;
        padding-right: 12px;
    }
}

/* PageSpeed URL field: keep the URL bar full-width without stretching the entire form controls */
.ste-checker[data-ste-tool="speed-test"] .ste-input-row {
    display: block;
    width: 100%;
}

.ste-checker[data-ste-tool="speed-test"] .ste-input-row input {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
    box-sizing: border-box;
}

.ste-checker[data-ste-tool="speed-test"] .ste-input-row button {
    display: block;
    margin-top: 10px;
    min-height: 46px;
}


/* CSS Minifier */
.ste-checker textarea[name="css"]{
    width:100%;
    max-width:100%;
    min-height:260px;
    box-sizing:border-box;
    font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    line-height:1.5;
    resize:vertical;
}
.ste-css-output{margin-top:18px}
.ste-css-output label{display:block;font-weight:600;margin-bottom:8px}
.ste-css-output textarea{width:100%;max-width:100%;box-sizing:border-box;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}
.ste-secondary{margin-left:8px}