.seo-page{max-width:1280px;margin:auto}.seo-form{display:flex;align-items:flex-end;gap:12px}.seo-form label{flex:1;min-width:0;font-size:13px}.seo-form input{display:block;width:100%;height:44px;box-sizing:border-box;margin:8px 0 0}.seo-form button{height:44px;margin:0;padding:0 22px;white-space:nowrap}.seo-summary{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.seo-score{display:flex;align-items:center;gap:24px}.seo-score>div{flex:1;min-width:0}.seo-score a{overflow-wrap:anywhere;font-size:12px;color:var(--psd-blue)}.seo-score p{font-size:13px;line-height:1.8;color:var(--muted)}.seo-score-ring{width:180px;flex:0 0 180px}.seo-score-ring circle{fill:none;stroke-width:16}.seo-track{stroke:var(--line)}.seo-value{stroke:var(--psd-blue)}.seo-score-ring text{text-anchor:middle;fill:var(--ink);font-size:42px;font-weight:700}.seo-score-ring text.seo-unit{font-size:14px;font-weight:400}.seo-grade{display:inline-block;font-size:42px;color:var(--psd-blue);margin-top:15px}.seo-grade small{font-size:14px;font-weight:400}.seo-radar{display:block;width:100%;max-height:275px;overflow:visible}.seo-radar-grid{fill:none;stroke:var(--line)}.seo-radar-fill{fill:#70c1b340;stroke:var(--psd-blue);stroke-width:2}.seo-radar text{text-anchor:middle;font-size:10px;fill:var(--ink)}.seo-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.seo-kpis .mi-panel{border-top:3px solid var(--psd-teal)}.seo-kpis strong{display:block;font-size:30px;margin-top:12px}.seo-kpis span{font-size:13px;color:var(--muted)}.seo-priorities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px}.seo-priorities article{min-width:0}.seo-step{display:inline-grid;place-items:center;width:40px;height:40px;background:var(--psd-blue);color:white;border-radius:4px;font-size:18px}.seo-priorities p,.seo-priorities small{font-size:13px;line-height:1.8;overflow-wrap:anywhere}.seo-priorities small{color:var(--muted)}.seo-metrics{margin:16px 0}.seo-metrics>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);gap:16px;padding:12px 0;font-size:13px}.seo-metrics dd{margin:0;text-align:right;overflow-wrap:anywhere}.seo-performance-score{font-size:40px;color:var(--psd-blue)}.seo-performance-score small{font-size:14px}.seo-checks{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.seo-checks article{display:flex;gap:14px;padding:20px 0;border-bottom:1px solid var(--line);min-width:0}.seo-checks article>div{min-width:0}.seo-checks h3{font-size:14px;margin:0 0 7px}.seo-checks p,.seo-checks small{font-size:12px;margin:0;line-height:1.8;overflow-wrap:anywhere}.seo-checks small{color:var(--muted)}.seo-status{flex:0 0 44px;height:26px;display:grid;place-items:center;font-size:11px;background:var(--bg);border-radius:3px}.seo-status.is-pass{background:var(--psd-mint)}.seo-status.is-improve{background:#eb547c20;color:#a02b49}.seo-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:40px!important}.seo-intro h2{font-size:26px;line-height:1.6}.seo-intro p{color:var(--muted);line-height:1.9}.seo-preview-grades{display:flex;flex-wrap:wrap;gap:8px;max-width:300px}.seo-preview-grades span{display:grid;place-items:center;width:48px;height:64px;background:var(--psd-mint);border:1px solid var(--psd-teal);border-radius:4px;font-size:24px}.seo-preview-grades small{flex-basis:100%;text-align:center;color:var(--muted)}
@media(max-width:780px){.seo-summary,.seo-priorities,.seo-checks{grid-template-columns:1fr}.seo-kpis{grid-template-columns:1fr 1fr}.seo-score{flex-direction:column;align-items:stretch}.seo-score>div{width:100%}.seo-score-ring{flex-basis:auto}.seo-score-ring{margin:auto}.seo-form{flex-wrap:wrap}.seo-form label{flex-basis:100%}.seo-intro{flex-direction:column;padding:24px!important}.seo-intro h2{font-size:22px}}
/* Recommendation 02 / 2_dashboard_2.psd: colored numbers, polar plot and activity rails. */
.seo-report>section{margin-bottom:18px}.seo-form .seo-pdf-button{margin-left:auto;color:var(--psd-blue);border:1px solid var(--psd-blue);background:#fff}.seo-form button:disabled{opacity:.5;cursor:not-allowed}.seo-score h2{display:flex;align-items:center;gap:10px;line-height:1.6}.seo-favicon{width:28px;height:28px;object-fit:contain;flex:0 0 28px}.seo-checked-at{display:block;margin-top:8px;color:var(--muted);font-size:12px;line-height:1.7}.seo-kpis .seo-kpi{display:block;text-decoration:none;border:0;border-radius:4px;padding:22px;color:#34434b;transition:filter .2s,box-shadow .2s}.seo-kpi:hover{filter:brightness(.97);box-shadow:0 3px 12px #163e4b18}.seo-kpi:focus-visible{outline:3px solid var(--psd-blue);outline-offset:4px}.seo-kpis .tone-teal{background:var(--psd-teal)}.seo-kpis .tone-rose{background:var(--psd-rose);color:#fff}.seo-kpis .tone-lime{background:var(--psd-lime)}.seo-kpis .tone-mint{background:var(--psd-mint)}.seo-kpis .seo-kpi span,.seo-kpis .seo-kpi small{color:inherit}.seo-kpis .seo-kpi strong{font-size:38px;line-height:1.3;margin:10px 0}.seo-kpis .seo-kpi small{font-size:11px}.seo-radar{max-height:310px}.seo-radar-fill{fill:#70c1b370;stroke:var(--psd-blue);stroke-width:2.5}.seo-radar-point{fill:#fff;stroke:var(--psd-rose);stroke-width:2.5}.seo-radar g:focus-visible .seo-radar-point{r:7}.seo-radar text{font-size:10px}.seo-report [id]{scroll-margin-top:92px}.seo-report [tabindex="-1"]:focus{outline:2px solid var(--psd-teal);outline-offset:4px}.seo-checks{align-items:start;gap:34px;margin-top:24px}.seo-check-column{position:relative;min-width:0}.seo-check-column:before{content:'';position:absolute;top:20px;bottom:35px;left:17px;width:1px;background:var(--line)}.seo-checks .seo-check{position:relative;border:0;gap:14px;padding:0 0 28px}.seo-check-icon{display:grid;place-items:center;flex:0 0 35px;height:35px;border-radius:50%;z-index:1;background:var(--psd-blue);color:#fff;font-size:20px;border:4px solid #fff;box-sizing:border-box;box-shadow:0 0 0 1px var(--line)}.seo-check.is-pass .seo-check-icon{background:var(--psd-teal);color:#173f3b}.seo-check.is-improve .seo-check-icon{background:var(--psd-rose)}.seo-check.is-unknown .seo-check-icon{background:var(--bg);color:var(--muted)}.seo-check-body{flex:1;border:1px solid var(--line);border-radius:4px;padding:16px;background:#fff;min-width:0}.seo-check-title{display:flex;align-items:flex-start;gap:10px;justify-content:space-between;margin-bottom:10px}.seo-check-title h3{line-height:1.7;margin:0;font-size:14px}.seo-check-title .seo-status{flex:0 0 auto;padding:2px 8px;white-space:nowrap;height:auto;font-size:11px}.seo-checks .seo-check p{font-size:13px;line-height:1.85}.seo-observed{margin-top:12px;font-size:12px;color:var(--muted)}.seo-observed summary{cursor:pointer}.seo-observed pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--bg);padding:10px;font-size:11px;color:var(--ink);border-radius:3px}.seo-example{display:flex;gap:12px;margin-top:14px;padding:12px;background:#fff7f9;border-left:2px solid var(--psd-rose);min-width:0}.seo-example>span{color:var(--psd-rose);font-size:20px}.seo-example>div{min-width:0}.seo-example b{display:block;color:#b52c50;font-size:12px}.seo-example code{display:block;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);font-size:12px;line-height:1.8;margin:5px 0}.seo-example small{display:block}.seo-psi-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.seo-psi-categories>div{text-align:center;background:var(--bg);border-radius:4px;padding:12px 4px}.seo-psi-categories b{display:block;font-size:25px;color:var(--psd-blue)}.seo-psi-categories span{font-size:11px}.seo-priorities a{font-size:12px;color:var(--psd-blue)}
@media(max-width:1100px){.seo-form{flex-wrap:wrap}.seo-form label{flex-basis:100%}}
@media(max-width:780px){.seo-checks{grid-template-columns:1fr;gap:0}.seo-check-body{padding:12px}.seo-checks .seo-check{gap:10px}.seo-kpis .seo-kpi{padding:16px}.seo-kpis .seo-kpi strong{font-size:32px}.seo-form button{padding:0 12px}.seo-form .seo-pdf-button{flex-basis:100%}.seo-psi-categories{grid-template-columns:repeat(2,1fr)}}

/* Shared HTML-based loading audit: no external performance service dependency. */
.seo-loading-overview{display:flex;align-items:center;gap:18px;margin:22px 0}.seo-loading-ring{width:120px;flex:0 0 120px}.seo-loading-ring circle{fill:none;stroke-width:9}.seo-loading-track{stroke:var(--line)}.seo-loading-fill{stroke:var(--psd-teal)}.seo-loading-ring text{text-anchor:middle;font-weight:700;font-size:26px;fill:var(--ink)}.seo-loading-ring .seo-loading-total{font-size:16px;fill:var(--muted)}.seo-loading-ring .seo-loading-caption{font-size:11px;font-weight:400}.seo-loading-overview b{font-size:14px}.seo-loading-overview p{font-size:12px;line-height:1.8;color:var(--muted)}.seo-loading-counts{display:flex;gap:6px;flex-wrap:wrap}.seo-loading-counts span{padding:4px 8px;border-radius:3px;background:var(--bg);font-size:11px}.seo-loading-counts .is-pass{background:var(--psd-mint)}.seo-loading-counts .is-improve{background:#eb547c20;color:#a02b49}.seo-loading-list article{display:flex;gap:12px;padding:14px 0;border-top:1px solid var(--line);break-inside:avoid}.seo-loading-symbol{display:grid;place-items:center;border-radius:50%;background:var(--bg);width:28px;height:28px;flex:0 0 28px;color:var(--muted)}.seo-loading-list .is-pass .seo-loading-symbol{background:var(--psd-mint);color:#194b40}.seo-loading-list .is-improve .seo-loading-symbol{background:var(--psd-rose);color:#fff}.seo-loading-list article>div{min-width:0;flex:1}.seo-loading-title{display:flex;justify-content:space-between;gap:10px;align-items:baseline;flex-wrap:wrap}.seo-loading-title h3{font-size:13px;margin:0}.seo-loading-title>span{font-size:11px;color:var(--muted)}.seo-loading-list p{font-size:12px;line-height:1.85;margin:8px 0;color:var(--ink)}.seo-loading-list a{font-size:11px;color:var(--psd-blue)}.seo-loading-scope{padding:12px;background:var(--bg);font-size:11px;line-height:1.8;color:var(--muted)}.seo-loading-sources{font-size:11px;color:var(--muted)}.seo-loading-sources summary{cursor:pointer}.seo-loading-sources a{display:block;margin:10px 0;color:var(--psd-blue)}
@media(max-width:420px){.seo-loading-overview{gap:12px}.seo-loading-ring{width:96px;flex-basis:96px}}
