/* Websolindia SEO tools — loaded after main.css and calculator.css. Uses the site's brand variables. */
.seo-tool{background:#fff;border:1px solid #e6e8ee;border-radius:16px;padding:22px;margin:0 0 28px;box-shadow:0 6px 24px rgba(20,24,40,.06)}
.seo-tool h2{margin:0 0 6px;font-size:1.35rem}
.seo-lead{margin:0 0 16px;color:#4a5160}
.seo-form{display:grid;gap:12px}
.seo-row{display:flex;gap:10px;flex-wrap:wrap}
.seo-row input[type=text]{flex:1 1 280px;min-width:0;padding:13px 14px;border:1.5px solid #cfd4de;border-radius:10px;font-size:1rem;background:#fff;color:inherit}
.seo-row input[type=text]:focus{outline:3px solid rgba(255,0,0,.18);border-color:var(--brand,#f00)}
.seo-row .btn{flex:0 0 auto;min-height:48px}
.seo-options{border:1px dashed #d6dae3;border-radius:10px;padding:10px 14px;background:#fafbfc}
.seo-options summary{cursor:pointer;font-weight:600}
.seo-opt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:12px}
.seo-opt-grid label{display:flex;gap:8px;align-items:center;font-size:.95rem}
.seo-opt-grid select{padding:8px;border:1px solid #cfd4de;border-radius:8px}
.seo-fine{font-size:.82rem;color:#6a7080;margin:4px 0 0}
.seo-error{background:#fff1f0;border:1px solid #ffc9c4;color:#a02117;border-radius:10px;padding:12px 14px;margin-top:12px}
.seo-status{margin-top:16px;border:1px solid #e6e8ee;border-radius:12px;padding:14px;background:#fafbfc}
.seo-steps{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.seo-step{display:grid;grid-template-columns:26px 190px 1fr;gap:8px;align-items:center;font-size:.95rem}
.seo-step-ico{width:22px;height:22px;border-radius:50%;background:#e6e8ee;color:#555;display:inline-grid;place-items:center;font-size:.8rem;font-weight:700}
.seo-step.is-run .seo-step-ico{background:#fff3cd;color:#8a6100}
.seo-step.is-ok .seo-step-ico{background:#d9f5e3;color:#1a9c4b}
.seo-step.is-fail .seo-step-ico{background:#ffe0dd;color:#d92d20}
.seo-step.is-skip .seo-step-ico{background:#eceef2;color:#666}
.seo-step-name{font-weight:600}.seo-step-text{color:#5a6070;overflow-wrap:anywhere}
@media(max-width:640px){.seo-step{grid-template-columns:26px 1fr}.seo-step-text{grid-column:2}}
.seo-report{margin-top:22px}
.seo-head{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-bottom:18px}
.seo-score{flex:0 0 150px}.seo-ring{width:150px;height:150px}
.seo-ring-num{font-size:34px;font-weight:800;fill:#1b2030}.seo-ring-sub{font-size:11px;fill:#5a6070;font-weight:600}
.seo-head-text{flex:1 1 320px;min-width:0}.seo-head-text h2{font-size:1.25rem;overflow-wrap:anywhere}
.seo-sub{margin:4px 0;font-weight:600}.seo-muted{color:#6a7080;font-size:.9rem;margin:2px 0}
.seo-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.seo-cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:0 0 20px}
.seo-cat{border:1px solid #e6e8ee;border-radius:12px;padding:12px;background:#fff}
.seo-cat-top{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px}.seo-cat-score{font-weight:800}
.seo-bar{display:block;height:8px;background:#eceef2;border-radius:99px;overflow:hidden}.seo-bar-fill{display:block;height:100%;border-radius:99px}
.seo-cat-counts{font-size:.8rem;color:#6a7080;margin-top:8px}
.seo-block{margin:0 0 22px}.seo-block h3{margin:0 0 10px}
.seo-fixlist{margin:0;padding-left:20px;display:grid;gap:12px}.seo-fixlist li p{margin:4px 0}
.seo-fix-top{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.seo-fixtext{font-size:.92rem;color:#2d3445;background:#f4f8ff;border-left:3px solid #4b7bec;padding:6px 10px;border-radius:0 8px 8px 0;margin-top:6px}
.seo-badge,.seo-impact{display:inline-block;padding:2px 9px;border-radius:99px;font-size:.74rem;font-weight:700;white-space:nowrap}
.seo-b-pass{background:#d9f5e3;color:#11713a}.seo-b-warn{background:#fff0c7;color:#8a5a00}.seo-b-fail{background:#ffe0dd;color:#a02117}.seo-b-info{background:#e8ecf4;color:#4a5160}
.seo-i-critical{background:#a02117;color:#fff}.seo-i-high{background:#f08a24;color:#fff}.seo-i-medium{background:#e9ecf3;color:#2d3445}.seo-i-low{background:#f3f4f7;color:#6a7080}
.seo-tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:2px solid #e6e8ee;margin:8px 0 14px}
.seo-tab{border:0;background:transparent;padding:10px 14px;font-weight:600;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;color:#4a5160;font-size:.95rem}
.seo-tab.is-on{color:var(--brand,#f00);border-bottom-color:var(--brand,#f00)}.seo-tab:focus-visible{outline:3px solid rgba(255,0,0,.25)}
.seo-panel[hidden]{display:none}
.seo-filter{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.seo-chip{border:1px solid #cfd4de;background:#fff;border-radius:99px;padding:5px 12px;cursor:pointer;font-size:.85rem}.seo-chip.is-on{background:var(--brand,#f00);border-color:var(--brand,#f00);color:#fff}
.seo-items{margin-top:6px;font-size:.88rem}.seo-items ul{margin:6px 0 0 18px;padding:0;overflow-wrap:anywhere}
.seo-outline{list-style:none;margin:0;padding:0}.seo-outline li{padding:3px 0;overflow-wrap:anywhere}
.seo-h2{margin-left:18px}.seo-h3{margin-left:36px}.seo-h4{margin-left:54px}.seo-h5{margin-left:72px}.seo-h6{margin-left:90px}
.seo-hl{display:inline-block;min-width:26px;text-align:center;background:#eef0f5;border-radius:6px;font-size:.72rem;font-weight:700;padding:1px 4px}
.seo-note{background:#fff8e6;border:1px solid #ffe2a0;border-radius:10px;padding:10px 12px}
.seo-tool .data-table td,.seo-tool .data-table th{overflow-wrap:anywhere;vertical-align:top}
.seo-tool .data-table tr[hidden]{display:none}
.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin:12px 0}
.tool-card{border:1px solid #e6e8ee;border-radius:14px;padding:16px;background:#fff;display:flex;flex-direction:column;gap:8px}
.tool-card h3{margin:0;font-size:1.05rem}.tool-card p{margin:0;color:#4a5160;font-size:.92rem}.tool-card ul{margin:0;padding-left:18px;font-size:.88rem;color:#4a5160}
.tool-card.is-live{border-color:var(--brand,#f00);box-shadow:0 4px 18px rgba(255,0,0,.08)}
.tool-tag{align-self:flex-start;font-size:.72rem;font-weight:700;padding:2px 9px;border-radius:99px;background:#d9f5e3;color:#11713a}.tool-tag.soon{background:#eceef2;color:#5a6070}
.aside-soon{color:#6a7080;font-size:.92rem}.aside-soon small{background:#eceef2;border-radius:99px;padding:1px 7px;margin-left:6px}
@media print{
  .site-header,header,footer,.calc-aside,.sticky-cta,.mid-cta,.breadcrumbs,.seo-form,.seo-status,.seo-actions,.seo-tabs,.seo-filter,.calc-hero,#wsQueryPopup,.hero{display:none!important}
  .seo-panel{display:block!important;break-inside:avoid-page}.seo-panel[hidden]{display:block!important}
  .calc-layout{display:block}.seo-tool{border:0;box-shadow:none;padding:0}.table-wrap{overflow:visible}
  body{font-size:11px}.seo-panel h3,.seo-block h3{break-after:avoid}
}

/* ===== suite tools (tools 2-10) ===== */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.suite-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px;padding-bottom:10px;border-bottom:2px solid #e6e8ee}
.suite-tab{border:1px solid #d6dae3;background:#fff;border-radius:99px;padding:7px 13px;cursor:pointer;font-size:.88rem;font-weight:600;color:#3a4152;line-height:1.2}
.suite-tab:hover{border-color:var(--brand,#f00)}.suite-tab.is-on{background:var(--brand,#f00);border-color:var(--brand,#f00);color:#fff}
.suite-tab:focus-visible{outline:3px solid rgba(255,0,0,.25);outline-offset:2px}
.suite-panel[hidden]{display:none}.suite-panel h3{margin:0 0 4px;font-size:1.15rem}.suite-desc{margin:0 0 8px;color:#4a5160}.suite-src{margin:0 0 12px}
.suite-form{display:grid;gap:12px}.suite-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.suite-field{display:flex;flex-direction:column;gap:5px;min-width:0}.suite-field.wide{grid-column:1/-1}
.suite-field label{font-weight:600;font-size:.9rem}.suite-field small{color:#6a7080}
.suite-field input[type=text],.suite-field input[type=number],.suite-field select,.suite-field textarea{padding:10px 12px;border:1.5px solid #cfd4de;border-radius:9px;font-size:.95rem;background:#fff;color:inherit;width:100%;box-sizing:border-box;font-family:inherit}
.suite-field input:focus,.suite-field select:focus,.suite-field textarea:focus{outline:3px solid rgba(255,0,0,.18);border-color:var(--brand,#f00)}
.suite-check{flex-direction:row;align-items:center;gap:8px}.suite-check label{font-weight:500}
.suite-buttons{display:flex;gap:8px;flex-wrap:wrap}
.suite-status{margin:10px 0;color:#5a6070;font-style:italic}.suite-out{margin-top:16px}
.suite-top{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.suite-score{flex:0 0 130px;text-align:center}.suite-score .seo-ring{width:130px;height:130px}.suite-score-label{font-size:.82rem;color:#5a6070;font-weight:600}
.suite-summary{flex:1 1 280px;min-width:0}.suite-summary h4{margin:0 0 6px;font-size:1.1rem}.suite-summary p{margin:4px 0}
.suite-checks{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px}.suite-checks li{overflow-wrap:anywhere}
.suite-block{margin:16px 0}.suite-block h4{margin:0 0 6px}.suite-block ul{margin:0;padding-left:20px}
.suite-code{width:100%;box-sizing:border-box;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;padding:10px;border:1px solid #cfd4de;border-radius:9px;background:#fafbfc}
.suite-preview{width:100%;height:520px;border:1px solid #cfd4de;border-radius:10px;background:#fff}
.seo-tool.suite{padding:20px}
.seo-tool .data-table td{white-space:pre-line}
.client-view{border:2px solid #e6e8ee;border-radius:14px;padding:12px;margin-bottom:16px;background:#fff}
@media(max-width:560px){.suite-tab{font-size:.82rem;padding:6px 10px}.suite-preview{height:420px}}
@media print{.suite-tabs,.suite-buttons,.suite-form,.suite-status{display:none!important}.suite-panel[hidden]{display:none!important}.suite-preview{height:auto;border:0}}