.seo-intro{display:flex;gap:14px;background:linear-gradient(120deg,#fff0dd,#fff9f1);border:1px solid #efcfaa;border-radius:10px;padding:17px;margin:22px 0}.seo-icon{color:#b94c1d;font-size:27px}.seo-intro strong{font-size:13px;color:#663b22}.seo-intro p,.seo-hint{font-size:11px;line-height:1.8;color:#87674e}.seo-intro p{margin:6px 0 0}.seo-actions,.seo-results-heading,.seo-card-heading{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap}.seo-actions{margin:18px 0}.seo-actions .button{font-size:11px}.seo-results{margin-top:24px}.seo-results h3,.seo-section-title{font-size:13px;color:#67442d;margin:26px 0 12px}.seo-results-heading h3{margin:0}.seo-suggestion{padding:16px;border:1px solid #ebd8c4;border-radius:9px;margin-top:14px;background:#fffefa}.seo-card-heading strong{font-size:12px;color:#684329}.seo-card-heading span{font-size:8px;color:#9d6538;text-transform:uppercase;letter-spacing:.5px}.seo-suggestion>p{font-size:10px;line-height:1.8;color:#87674e}.seo-comparison{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.seo-comparison>div{background:#f8f3ec;border-radius:6px;padding:12px;min-width:0}.seo-comparison>div+div{background:#fff0d9;border:1px solid #f1ce9f}.seo-comparison small,.seo-preview-label{font-size:8px;letter-spacing:1.2px;color:#a77446}.seo-comparison p{font-size:11px;line-height:1.7;white-space:pre-line;overflow-wrap:anywhere;margin:8px 0 0;color:#6c4b32}.seo-search-preview{border:1px solid #e5d8cb;border-radius:10px;background:#fff;padding:20px;margin-top:24px;overflow-wrap:anywhere}.seo-preview-label{display:block;margin-bottom:18px}.seo-search-url{font-size:10px;color:#5f6368;margin-bottom:6px}.seo-search-title{font:18px/1.4 Arial,sans-serif;color:#1a0dab;margin-bottom:7px}.seo-search-preview p{font:12px/1.7 Arial,sans-serif;color:#4d5156;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.seo-hint a{color:#b84f22}.seo-checks{padding:0;list-style:none;margin:12px 0 24px}.seo-checks li{display:flex;gap:10px;font-size:10px;line-height:1.8;color:#856348;margin:10px 0}.seo-checks span{color:#bd632a;font-weight:700}#undo-seo{margin:15px 0}#seo-character-count{font-size:9px}@media(max-width:620px){.seo-comparison{grid-template-columns:1fr}.seo-actions{align-items:stretch;flex-direction:column}.seo-search-preview{padding:16px}}

.seo-suggestion-actions{display:flex;flex-wrap:wrap;gap:8px}#seo-compare-dialog{max-width:1600px;width:96vw;height:94vh;overflow:hidden}#seo-compare-dialog[open]{display:flex;flex-direction:column}.compare-header{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 24px;border-bottom:1px solid #ead8c3}.compare-header h2{font-size:22px;margin:6px 0 0}.compare-options{display:flex;align-items:center;gap:18px;padding:12px 24px}.compare-options>label{font-size:11px;color:#87674e;display:flex;align-items:center;gap:7px}.compare-options input,.compare-selection input{accent-color:#c9511e}.compare-device{display:flex;gap:6px}.compare-device [aria-pressed=true]{background:#fff0da;border-color:#cc7439;color:#a0471d}.compare-selection{margin:0 24px;border:1px solid #edd9c0;border-radius:7px;padding:8px 12px}.compare-selection legend{font-size:10px;color:#87674e;padding:0 5px}#compare-choices{display:flex;flex-wrap:wrap;gap:8px 18px}#compare-choices label{display:flex;gap:6px;align-items:center;font-size:10px;color:#79563e}#compare-status{font-size:10px;line-height:1.7;color:#946c42;margin:10px 24px}.compare-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;padding:0 24px;min-height:0;flex:1}.compare-panel{display:flex;flex-direction:column;min-height:0;min-width:0;border:1px solid #e5d8c8;border-radius:9px;overflow:hidden;background:#fff}.compare-panel.proposed{border-color:#d78b4a}.compare-panel-heading{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#f9f4ed;gap:8px}.compare-panel-heading strong{font-size:13px;color:#67442d}.compare-panel-heading span{font-size:9px;color:#95724e}.proposed .compare-panel-heading{background:#fff0da}.compare-image-scroll{overflow:auto;flex:1;min-height:120px;background:#f0e9df}.compare-image{width:100%;height:auto;display:block;margin:auto}.compare-image[hidden]{display:none}.compare-mobile .compare-image{max-width:390px}.compare-search{padding:12px 14px;border-top:1px solid #ecdcc9}.compare-search small{display:block;font-size:7px;letter-spacing:1px;color:#a27a50;margin-bottom:5px}.compare-search strong{font:14px/1.4 Arial,sans-serif;color:#1a0dab;display:block;overflow-wrap:anywhere}.compare-search p{font:10px/1.6 Arial,sans-serif;color:#4d5156;margin:5px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.compare-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 24px}.compare-footer p{font-size:9px;line-height:1.7;color:#87674e;max-width:640px;margin:0}.compare-footer button{flex-shrink:0}@media(max-width:700px){#seo-compare-dialog{width:100vw;height:100dvh;max-height:100dvh;overflow:auto;border-radius:0}.compare-header{padding:14px}.compare-header h2{font-size:18px}.compare-header .button{font-size:10px;padding:8px}.compare-options{padding:10px 14px;gap:10px;flex-wrap:wrap}.compare-selection{margin:0 14px}.compare-columns{padding:0 14px;grid-template-columns:1fr;flex:none}.compare-image-scroll{height:380px;flex:none}.compare-panel-heading{padding:10px 12px}.compare-footer{padding:14px;flex-wrap:wrap}.compare-footer button{width:100%}#compare-status{margin:10px 14px}}
.compare-search{height:112px;flex-shrink:0}.compare-search strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.compare-highlight-help{font-size:9px;color:#90633c;line-height:1.6;margin:8px 24px 0}.compare-changed{background:#fff0ce;outline:2px solid #ed9a40;outline-offset:2px;border-radius:2px}.compare-options{flex-wrap:wrap}@media(max-width:700px){.compare-highlight-help{margin-left:14px;margin-right:14px}}