.seo-tool-article{max-width:1160px}.seo-breadcrumb{font-size:13px;margin:14px 0 20px;color:#5c7191}.seo-breadcrumb a{color:#1767c5}.seo-tool-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:20px;margin:28px 0}.seo-form,.seo-output{background:#fff;border:1px solid #d9e4f3;border-radius:16px;padding:24px;box-shadow:0 6px 24px #1a3d6d0b}.seo-output{background:#f4f8ff}.seo-form>p,.seo-output>p{font-size:13px;color:#667891}.seo-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.seo-field{min-width:0}.seo-field label{font-size:13px;font-weight:700;color:#284269;display:block;margin-bottom:6px}.seo-field small{font-size:11px;color:#6c7f98;display:block;margin-top:6px}.seo-control{display:flex;border:1px solid #cbd8e8;border-radius:9px;align-items:center;overflow:hidden}.seo-control:focus-within{outline:3px solid #9ec9fa}.seo-control input{width:100%;min-width:0;padding:12px;border:0;font-size:16px;outline:none}.seo-control span{background:#f3f7fd;color:#617794;padding:11px 9px;font-size:12px;white-space:nowrap}.seo-row{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #dce6f2;font-size:13px}.seo-row strong{color:#123e77;white-space:nowrap}.seo-output [data-error]{color:#b42318}.seo-explain{max-width:75ch}.seo-explain p{line-height:1.7}.seo-explain h2{margin-top:26px}@media(max-width:820px){.seo-tool-grid{grid-template-columns:1fr}}@media(max-width:520px){.seo-form,.seo-output{padding:17px}.seo-fields{grid-template-columns:1fr}.seo-row{font-size:12px}}