.seo-editor{border:1px solid #dbe5ed;border-radius:16px;padding:24px;background:#f7fafd;margin:12px 0}.seo-editor h3{margin-top:0}.seo-editor label{display:block;margin:14px 0}.seo-editor small{display:block;line-height:1.7;color:#65768b;font-weight:400}.seo-preview{background:white;border:1px solid #dfe6ef;border-radius:12px;padding:20px;overflow-wrap:anywhere}.seo-preview-url{font-size:12px;color:#46775e;margin-top:14px}.seo-preview-title{font-size:21px;color:#2356b5;line-height:1.5;margin:7px 0}.seo-preview p{margin:0;color:#526277;line-height:1.7}.seo-tags{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 24px}.seo-tag{border:1px solid #d5e5ea;background:#f0f7f7;color:#235b62;padding:8px 14px;border-radius:24px;font-size:13px;text-decoration:none}.seo-related{margin:36px 0}.seo-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.seo-related-grid a{display:block;padding:24px;border:1px solid #dce5ed;border-radius:14px;text-decoration:none;color:#1e405b;background:#f7fafc;overflow-wrap:anywhere}.seo-related-grid small{color:#62758b}.seo-related-grid h3{font-size:18px;line-height:1.6}.seo-related-grid span{font-size:14px}.seo-tag:focus-visible,.seo-related a:focus-visible{outline:3px solid #265acb;outline-offset:3px}@media(max-width:700px){.seo-editor{padding:16px}.seo-related-grid{grid-template-columns:1fr}}