/* Изолированная страница SEO: данные, действия и независимый маршрут обработки. */
.seo-page .process-hero h1{overflow-wrap:anywhere;hyphens:auto}
.seo-demo{overflow:hidden}
.seo-selector{display:grid;gap:14px;grid-template-columns:1fr}
.seo-selector label{display:grid;gap:7px;font-size:12px;color:var(--muted)}
.seo-selector select{min-width:0;width:100%;padding:12px;border:1px solid #d4e3e9;border-radius:8px;background:white;font:inherit;color:var(--ink);font-size:14px}
.seo-analysis{margin-top:24px}.seo-analysis>h4{font-size:19px;margin:0 0 12px}
.seo-controls{gap:8px;margin:14px 0 20px;padding-bottom:0;border:0}
.seo-controls [data-analysis-start],.seo-controls [data-route-start],.seo-decision [data-analysis-approve],.seo-decision [data-route-approve]{background:#087c77;border-color:#087c77;color:#fff}
.seo-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}
.seo-metrics>div{min-width:0;padding:12px;border:1px solid #d4e4e9;border-radius:10px;background:white}
.seo-metrics dt{font-size:11px;color:#607b8b;margin:0 0 7px;line-height:1.5}
.seo-metrics dd{font-size:18px;font-weight:700;margin:0;overflow-wrap:anywhere}
.seo-metrics [data-a-stat=state]{font-size:14px}
.seo-clusters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}
.seo-clusters article{min-width:0;padding:12px;border:1px solid #d5e3e9;border-radius:10px;background:white;}
.seo-clusters article strong{display:block;font-size:13px;margin-bottom:8px}
.seo-clusters article span{font-size:11px;line-height:1.6;color:#607b8b}
.seo-clusters article.is-covered{border-color:#00877f;background:#e7f5f1}
.seo-clusters article.is-gap{border-color:#d99535;background:#fff5e4}
.seo-clusters article.is-gap span{color:#805014}
.seo-queries{margin:12px 0 20px;font-size:13px}.seo-queries summary{cursor:pointer;color:#007f78}
.seo-queries>div{margin-top:14px}.seo-queries ul{padding-left:20px;margin:8px 0;color:#607b8b;line-height:1.7}
.seo-artifact{padding:18px;background:white;border:1px solid #c2dde0;border-radius:14px;margin-bottom:18px;min-width:0}
.seo-artifact h4{margin:0 0 14px;font-size:17px}.seo-artifact>p{font-size:13px;line-height:1.7}
.seo-artifact dl{margin:0}.seo-artifact dl>div{margin:0 0 12px;min-width:0}
.seo-artifact dt{font-size:11px;color:#607b8b;margin-bottom:5px;line-height:1.6}
.seo-artifact dd{margin:0;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.seo-artifact code{font-size:12px;overflow-wrap:anywhere;white-space:normal}
.seo-outline{color:#607b8b;font-size:12px!important}.seo-checks{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-wrap:wrap;gap:8px 16px}
.seo-checks li{font-size:11px;color:#607b8b}.seo-checks li:before{content:'○';margin-right:6px;color:#98abaa}
.seo-checks li.is-checked:before{content:'✓';color:#00877f}.seo-checks li.is-checked{color:#007f78}
.seo-artifact.is-ready{border-color:#00877f}.seo-audit{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}
.seo-audit dd{font-weight:700}.seo-change{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;background:#f5f9fb;border:1px solid #d4e4e9;border-radius:10px;padding:14px;margin:18px 0}
.seo-change div{min-width:0}.seo-change strong,.seo-change code{display:block;font-size:12px;line-height:1.7}.seo-change strong{margin-bottom:8px;color:#163348}
.seo-change>span{color:#00877f}.seo-change.is-approved{border-color:#00877f;background:#e9f6f2}
.seo-chart{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:10px 0 12px}
.seo-chart article{min-width:0}.seo-chart h5{font-size:12px;line-height:1.5;margin:0 0 10px;min-height:18px}
.seo-chart-bars{display:flex;justify-content:center;align-items:flex-end;gap:10px;height:140px;border-bottom:1px solid #d4e3e9;padding:0 8px}
.seo-chart-column{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;width:40%;height:100%}
.seo-chart-column span{font-size:11px;color:#536e80;white-space:nowrap}
.seo-chart-column i{width:100%;min-height:3px;max-width:48px;background:#4a87ff;border-radius:4px 4px 0 0;display:block}
.seo-chart-column:nth-child(2) i{background:#00877f}
.seo-chart-legend{display:flex;gap:16px;font-size:11px;color:#607b8b;margin-bottom:16px}
.seo-chart-legend span:before{content:'';display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px;background:#4a87ff}
.seo-chart-legend span:nth-child(2):before{background:#00877f}
.seo-artifact .seo-findings{margin:16px 0}.seo-artifact .seo-findings>div{margin:0;padding:10px}
.seo-findings dd{font-size:17px}.seo-hypothesis{padding:14px;border:1px solid #d4e4e9;border-radius:10px;background:#f8fbfc}
.seo-hypothesis strong{font-size:13px}.seo-hypothesis p{font-size:13px;line-height:1.7;margin:8px 0;color:#536e80}.seo-hypothesis span{font-size:11px;color:#607b8b;line-height:1.6}
.seo-hypothesis.is-ready{border-color:#00877f;background:#edf8f4}
.seo-analysis>.capability-status{min-height:112px}.seo-decision{margin:16px 0}
.seo-route{margin-top:28px;border-top:1px solid #d4e4e9;padding-top:22px}.seo-route>summary{font-size:18px;font-weight:700;color:#007f78;cursor:pointer}
.seo-route>.seo-controls{margin:18px 0 24px}.seo-route>.capability-status{min-height:132px}
.seo-graph{margin:0;padding:12px 28px}.seo-graph>.capability-graph__nodes{grid-template-columns:1fr 1fr;grid-template-rows:none;gap:42px 32px}
.seo-node{min-height:124px}.seo-node p{font-size:12px;line-height:1.6;color:#587786;margin:10px 0 0;min-height:38px;overflow-wrap:anywhere}
.seo-node.is-waiting{background:#f4f0fb;border-color:#a696cb}.seo-node.is-dimmed{opacity:.5}
.seo-graph path[data-edge=feedback]{stroke-dasharray:5 5}.seo-graph path.is-used{stroke:#00877f;stroke-width:2.3}
.seo-feedback{font-size:12px;line-height:1.7;color:#607b8b;margin:16px 0 22px}
.seo-callout{padding:18px;border:1px solid #c2dde0;border-radius:12px;background:#edf8f5}
.seo-table{margin:22px 0;overflow:hidden;border:1px solid #d5e3e9;border-radius:12px;background:white}.seo-table table{border-collapse:collapse;width:100%;font-size:14px}
.seo-table th,.seo-table td{padding:14px 16px;border-bottom:1px solid #d5e3e9;text-align:left;vertical-align:top;overflow-wrap:anywhere}
.seo-table th{background:#f6f9fb;font-size:12px;color:#536e80}.seo-table tr:last-child td{border-bottom:0}
@media(max-width:760px){
 .seo-demo{padding:16px}.seo-metrics{grid-template-columns:1fr 1fr;gap:10px}.seo-metrics dd{font-size:17px}
 .seo-clusters{grid-template-columns:1fr}.seo-artifact{padding:14px}.seo-change{grid-template-columns:1fr;gap:10px}.seo-change>span{transform:rotate(90deg);justify-self:center}
 .seo-chart{grid-template-columns:1fr 1fr;gap:18px 12px}.seo-chart-bars{height:110px;padding:0 2px}.seo-audit{gap:8px}.seo-audit dd{font-size:13px}
 .seo-graph{padding:10px 26px}.seo-graph>.capability-graph__nodes{grid-template-columns:1fr;gap:36px}
 .seo-graph [data-seo-node]{grid-area:auto!important;min-height:124px;padding:14px}.seo-node.is-current{padding:13px}
 .seo-route>summary{font-size:17px}.seo-analysis>.capability-status,.seo-route>.capability-status{min-height:155px}
 .seo-table th,.seo-table td{padding:12px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.seo-demo *{animation:none!important;transition:none!important}}
/* Панель мониторинга на ноутбуке: четыре метрики и гипотеза видны вместе. */
@media(min-width:761px){
 .seo-demo[data-seo-scenario=C] .seo-analysis>h4{margin-bottom:8px}
 .seo-demo[data-seo-scenario=C] .seo-controls{margin:10px 0 12px}
 .seo-demo[data-seo-scenario=C] .seo-artifact{padding:12px;margin-bottom:12px}
 .seo-demo[data-seo-scenario=C] .seo-chart{margin:8px 0 10px}
 .seo-demo[data-seo-scenario=C] .seo-chart-bars{height:90px}
 .seo-demo[data-seo-scenario=C] .seo-chart-legend{margin-bottom:10px}
 .seo-demo[data-seo-scenario=C] .seo-findings{margin:8px 0}
 .seo-demo[data-seo-scenario=C] .seo-findings>div{padding:8px}
 .seo-demo[data-seo-scenario=C] .seo-hypothesis{padding:12px}
 .seo-demo[data-seo-scenario=C] .seo-hypothesis p{margin:6px 0;line-height:1.55}
 .seo-demo[data-seo-scenario=C] .seo-analysis>.capability-status{min-height:90px;padding:14px}
}

/* Пока черновик не подготовлен, карточка содержит только заголовок. */
.seo-artifact[data-draft]:not(.is-ready)>h4{margin-bottom:0}
.seo-clusters article:not(.is-gap):not(.is-covered) strong{margin-bottom:0}