.seo-console{--seo-line:var(--line,#e2e5e8);--seo-error:#bd303b;--seo-success:#237852;--seo-warning:#966024;margin-top:1.6rem;font-variant-numeric:tabular-nums;min-width:0}
.seo-tabs{display:flex;flex-wrap:wrap;gap:.35rem;border-bottom:1px solid var(--seo-line);padding-bottom:.65rem;margin-bottom:2rem}
.seo-tabs .btn{border:0;border-radius:6px;min-height:40px;padding:.5rem .8rem}.seo-tabs .btn.active{box-shadow:inset 0 -2px var(--accent,#df5533);background:var(--surface-2,#edf0f3)}
.seo-domain{display:flex;gap:1rem;align-items:center;justify-content:space-between;margin-bottom:.8rem}.seo-domain div{min-width:0;display:grid;gap:.35rem}.seo-domain div>span{font-size:.78rem;color:var(--muted)}.seo-domain strong{font-size:1.05rem;overflow-wrap:anywhere;font-weight:550}
.seo-state{display:inline-flex;gap:.45rem;align-items:center;font-size:.78rem;line-height:1.5;font-weight:550;max-width:100%;overflow-wrap:anywhere}.seo-state:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.seo-state.is-success{color:var(--seo-success)}.seo-state.is-warning{color:var(--seo-warning)}.seo-state.is-error,.seo-text-error,.seo-inline-error{color:var(--seo-error)}.seo-state.is-neutral{color:var(--muted)}
.seo-note{font-size:.86rem;line-height:1.65;max-width:70ch;color:var(--muted);margin:.7rem 0 1.5rem}.seo-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:1.6rem 0 2rem;gap:1.4rem;border-bottom:1px solid var(--seo-line);margin:0 0 2rem}.seo-metrics dt{font-size:.8rem;color:var(--muted);line-height:1.5}.seo-metrics dd{font-size:2.3rem;font-weight:570;letter-spacing:-.06em;line-height:1.2;margin:.6rem 0 0;white-space:nowrap}
.seo-overview-columns{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:3.5rem}.seo-section{border-top:1px solid var(--seo-line);padding-top:2rem;margin-top:2.4rem}.seo-section-head{display:flex;align-items:start;gap:1.2rem;justify-content:space-between;margin-bottom:1.1rem;min-width:0}.seo-section-head>div{min-width:0}.seo-section-head h2{font-size:1.1rem;letter-spacing:-.025em;font-weight:600;margin:0}.seo-section-head p{color:var(--muted);font-size:.82rem;line-height:1.65;max-width:70ch;margin:.55rem 0 0}
.seo-empty{padding:1.2rem 0 1.6rem;max-width:60ch}.seo-empty h3{font-size:1rem;font-weight:500;line-height:1.5;margin:0}.seo-empty p{color:var(--muted);font-size:.86rem;line-height:1.65;margin:.5rem 0 1rem}.seo-launch{list-style:none;margin:0 0 2rem;padding:0}.seo-launch li{display:flex;align-items:flex-start;gap:.9rem;padding:.9rem 0}.seo-launch .seo-step{color:var(--muted);font-size:.85rem;padding-top:.12rem}.seo-launch strong{font-size:.85rem;font-weight:550}.seo-launch p{font-size:.8rem;color:var(--muted);line-height:1.65;margin:.35rem 0 .4rem}
.seo-file-links,.seo-reference-links{display:flex;gap:1.1rem;flex-wrap:wrap;font-size:.82rem}.seo-link{display:inline-flex;align-items:center;gap:.2rem;color:inherit;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--seo-line)}.seo-link svg{flex:none;width:13px;height:13px}.seo-link:hover{text-decoration-color:currentColor}
.seo-issues{margin:0;padding:0;list-style:none}.seo-issues li{padding:1.1rem 0;border-bottom:1px solid var(--seo-line)}.seo-issues li:first-child{padding-top:.35rem}.seo-issues li>div{display:flex;gap:.65rem;flex-wrap:wrap;align-items:center;justify-content:space-between}.seo-issues strong{font-size:.78rem;font-weight:500;color:var(--muted);overflow-wrap:anywhere}.seo-evidence{font-size:.78rem;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere;max-height:9rem;overflow:auto;margin:.55rem 0}.seo-remedy{font-size:.81rem;line-height:1.7;margin:.4rem 0 .65rem;max-width:70ch}
.seo-details{border-top:1px solid var(--seo-line);margin-top:1rem;padding:.85rem 0}.seo-details>summary{font-size:.82rem;cursor:pointer;font-weight:500}.seo-response-list{margin-top:.8rem;max-height:24rem;overflow-y:auto}.seo-response-list>div{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 0;font-size:.8rem;align-items:baseline}.seo-response-list code{overflow-wrap:anywhere;font-size:.76rem}.seo-live-summary{display:flex;flex-wrap:wrap;gap:1.5rem;margin:1rem 0}
.seo-filter{display:flex;flex-wrap:wrap;gap:.8rem;align-items:flex-end;margin:0 0 1.8rem}.seo-filter label{display:grid;gap:.4rem;flex:1 1 150px;min-width:0}.seo-filter label>span{font-size:.76rem;color:var(--muted)}.seo-filter input,.seo-filter select{width:100%;min-width:0;min-height:40px}.seo-filter label.seo-checkbox{display:flex;align-items:center;flex:0 1 auto;min-height:40px;font-size:.8rem}.seo-checkbox input{width:15px;min-height:0;margin-right:.25rem}.seo-page{border-top:1px solid var(--seo-line)}.seo-page:last-child{border-bottom:1px solid var(--seo-line)}.seo-page>summary{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.2rem 0;cursor:pointer;list-style:none}.seo-page summary::-webkit-details-marker{display:none}.seo-page summary>div:first-child{display:grid;gap:.3rem;min-width:0}.seo-page summary strong{font-size:.92rem;font-weight:550;overflow-wrap:anywhere}.seo-page summary>div:first-child>span{color:var(--muted);font-size:.8rem;overflow-wrap:anywhere}.seo-page-side{display:flex;gap:.8rem;align-items:center;flex:none;color:var(--muted);font-size:.76rem}.seo-page[open]>summary .seo-page-side>svg{transform:rotate(90deg)}.seo-page-details{padding:.3rem 0 2rem}.seo-preview-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;margin:.3rem 0 1.7rem}.seo-preview-grid h3{font-size:.81rem;font-weight:550;margin:0 0 1rem}.seo-serp{overflow-wrap:anywhere}.seo-serp span{display:block;font-size:.76rem;color:var(--muted);margin-bottom:.7rem}.seo-serp strong{display:block;color:#295eaa;font-weight:500;font-size:1.2rem;line-height:1.4}.seo-serp p{font-size:.88rem;line-height:1.65;margin:.6rem 0}.seo-share{max-width:360px;border:1px solid var(--seo-line);border-radius:8px;overflow:hidden}.seo-share img{display:block;width:100%;height:auto;aspect-ratio:1200/630}.seo-share>div{padding:.8rem}.seo-share span{font-size:.72rem;color:var(--muted);display:block}.seo-share strong{display:block;font-weight:550;line-height:1.4;font-size:.9rem;margin:.4rem 0}.seo-share p{font-size:.78rem;color:var(--muted);line-height:1.6;margin:.35rem 0;overflow-wrap:anywhere}
.seo-metadata{margin:0}.seo-metadata>div{display:grid;grid-template-columns:160px minmax(0,1fr);gap:1.2rem;padding:.55rem 0;font-size:.8rem}.seo-metadata dt{color:var(--muted)}.seo-metadata dd{margin:0;overflow-wrap:anywhere;line-height:1.6}.seo-page-checks{list-style:none;margin:1rem 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.seo-page-checks p{font-size:.75rem;line-height:1.6;overflow-wrap:anywhere;color:var(--muted)}
.seo-traffic-total{display:grid;gap:.6rem}.seo-traffic-total>span{font-size:.8rem;color:var(--muted)}.seo-traffic-total strong{font-size:3rem;font-weight:550;letter-spacing:-.06em;line-height:1.2}.seo-traffic-total p{color:var(--muted);font-size:.82rem;max-width:70ch;line-height:1.65}.seo-chart{margin:1.5rem 0}.seo-chart svg{display:block;width:100%;height:auto;max-height:220px}.seo-chart-line{stroke:var(--seo-line);stroke-width:.8;fill:none}.seo-chart-data{stroke:var(--accent,#df5533);stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}.seo-chart-caption{display:flex;justify-content:space-between;gap:1rem;font-size:.7rem;color:var(--muted);margin-top:.35rem}.seo-traffic-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem;margin:2rem 0}.seo-ranked{margin:0}.seo-ranked>div{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--seo-line);font-size:.83rem}.seo-ranked dt{overflow-wrap:anywhere;min-width:0}.seo-ranked dd{margin:0;flex:none}
.seo-report-context{display:flex;gap:.8rem;flex-wrap:wrap;font-size:.76rem;color:var(--muted)}.seo-table-scroll{overflow:auto;max-width:100%;margin:1rem 0}.seo-search-table,.seo-crawler-table{width:100%;border-collapse:collapse;font-size:.83rem}.seo-search-table th,.seo-search-table td,.seo-crawler-table th,.seo-crawler-table td{padding:.95rem .8rem;border-bottom:1px solid var(--seo-line);text-align:right;vertical-align:top}.seo-search-table th:first-child,.seo-search-table td:first-child,.seo-crawler-table th,.seo-crawler-table td{text-align:left}.seo-search-table th,.seo-crawler-table th{font-weight:500;font-size:.76rem;color:var(--muted)}.seo-search-table td:first-child{min-width:160px;max-width:430px;overflow-wrap:anywhere}.seo-crawler-table td:first-child{min-width:125px}.seo-crawler-table strong{font-weight:500}.seo-webmasters{list-style:none;margin:0;padding:0}.seo-webmasters li{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);gap:.5rem 1.4rem;padding:1.2rem 0;border-bottom:1px solid var(--seo-line);align-items:start}.seo-webmasters h3{font-size:.91rem;font-weight:550;margin:0}.seo-webmasters li>div{display:grid;gap:.45rem;font-size:.78rem}.seo-webmasters li>div>span:first-child{color:var(--muted)}.seo-webmasters .seo-link{font-size:.77rem}
.seo-import-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.seo-import-fields label{display:grid;gap:.5rem;font-size:.8rem;min-width:0}.seo-import-fields label:first-child,.seo-import-file{grid-column:1/-1}.seo-import-fields input,.seo-import-fields select{width:100%;min-width:0}.seo-inline-error{font-size:.85rem;line-height:1.65}.seo-change-counts{display:flex;gap:1.7rem;flex-wrap:wrap;font-size:.82rem;margin:1.2rem 0}.seo-change-list article{padding:1rem 0;border-bottom:1px solid var(--seo-line)}.seo-change-list h3{font-size:.93rem}.seo-change-list article>div{font-size:.81rem;margin:.85rem 0}.seo-change-list p{display:grid;grid-template-columns:65px minmax(0,1fr);gap:1rem;overflow-wrap:anywhere;line-height:1.6}.seo-change-list p>span{color:var(--muted)}.seo-history{list-style:none;margin:0;padding:0}.seo-history li{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));gap:1rem;padding:1rem 0;border-bottom:1px solid var(--seo-line);font-size:.8rem;align-items:start}.seo-history li>div{display:grid;gap:.45rem}.seo-history strong{font-weight:500}.seo-history time{font-size:.73rem;color:var(--muted)}
[data-theme=dark] .seo-console{--seo-error:#fa8e97;--seo-success:#7acba7;--seo-warning:#d6b080}[data-theme=dark] .seo-serp strong{color:#87b6ef}
@media(max-width:1100px){.seo-overview-columns{gap:2rem}.seo-webmasters li{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.seo-webmasters h3{grid-column:1/-1}.seo-webmasters .seo-link{grid-column:1/-1}}
@media(max-width:760px){.seo-tabs{gap:.2rem;margin-bottom:1.5rem}.seo-tabs .btn{font-size:.79rem;min-height:42px;padding:.5rem .65rem}.seo-domain{align-items:start;flex-direction:column}.seo-domain strong{font-size:.85rem}.seo-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 1rem;padding:1.1rem 0 1.5rem}.seo-metrics dd{font-size:2rem}.seo-overview-columns,.seo-preview-grid,.seo-traffic-columns{grid-template-columns:minmax(0,1fr);gap:1.8rem}.seo-section-head{flex-direction:column;gap:.7rem}.seo-page>summary{gap:.7rem;align-items:start}.seo-page-side{flex-wrap:wrap;max-width:78px;gap:.35rem}.seo-page summary strong{font-size:.83rem}.seo-page summary>div:first-child>span{font-size:.74rem}.seo-metadata>div{grid-template-columns:1fr;gap:.25rem}.seo-page-checks{grid-template-columns:1fr}.seo-history li{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.seo-history li>div{grid-column:1/-1}.seo-filter .btn{min-height:40px}.seo-filter label{flex-basis:130px}.seo-search-table th,.seo-search-table td,.seo-crawler-table th,.seo-crawler-table td{padding:.75rem .45rem;font-size:.76rem}.seo-search-table td:first-child{min-width:125px}.seo-crawler-table th{min-width:80px}.seo-webmasters li{gap:.8rem}.seo-share{max-width:100%}.seo-import-fields{gap:.8rem}.seo-change-list p{grid-template-columns:1fr;gap:.2rem}}
@media(prefers-reduced-motion:no-preference){.seo-tabs .btn,.seo-link{transition:background .15s,color .15s}}
/* WebKit can include a native select's selected-option paint in document
   overflow despite the control's correct bounding box. Bound the control, not
   the document or table; keep the keyboard focus outline inside its box. */
.seo-select-control{display:block;min-width:0;max-width:100%;overflow:hidden;border-radius:8px}
.seo-select-control select{display:block;min-width:0;max-width:100%;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.seo-select-control select:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.seo-tabs .btn.active{color:var(--text);background:var(--surface);transition:none}
.seo-import-file input[type="file"]{font:inherit;font-size:.875rem;color:var(--muted);padding:10px 12px}
.seo-import-file input[type="file"]::file-selector-button{font:inherit;font-weight:600;padding:8px 13px;margin-inline-end:12px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:var(--text);cursor:pointer;transition:background .15s ease}
.seo-import-file input[type="file"]:hover::file-selector-button{background:var(--surface)}