.wsmc{--ink:#14213d;--muted:#5b6478;--line:#dfe3ec;--bg:#f5f7fb;--accent:#1f4bff;--ok:#137a43;--warn:#b86e00;--bad:#d93025;
 max-width:1040px;margin:0 auto;padding:0 20px 56px;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.6}
.wsmc *{box-sizing:border-box}
.wsmc h2,.wsmc h3,.wsmc p{margin:0}
.wsmc-hero{padding:48px 0 26px;max-width:680px}
.wsmc-title{font-size:clamp(32px,5.6vw,54px)!important;line-height:1.08!important;font-weight:800!important;letter-spacing:-.03em;color:var(--ink)}
.wsmc-lead{font-size:18px;color:var(--muted);margin-top:14px!important}
.wsmc-tool{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 18px 50px -24px rgba(20,33,61,.35)}
.wsmc-label{display:block;font-weight:700;font-size:14px;margin:0 0 6px}
.wsmc-row{display:flex;gap:10px}
.wsmc-input{width:100%;border:1.5px solid #b9c2d6;border-radius:12px;padding:14px 16px;font:16px/1.2 inherit;color:var(--ink);background:#fff}
.wsmc-input:focus{border-color:var(--accent);outline:3px solid #d5defe}
.wsmc-btn,.wsmc-cta-btn{border:0;border-radius:12px;background:var(--accent);color:#fff!important;font:700 16px/1 inherit;padding:14px 26px;cursor:pointer;white-space:nowrap;text-decoration:none!important;display:inline-block}
.wsmc-btn:hover{background:#1639cc}
.wsmc-btn:disabled{background:#b9c2d6;cursor:wait}
.wsmc-more{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
.wsmc-more>div[hidden]{display:none}
.wsmc-more:has(#wsmc-comp-wrap[hidden]){grid-template-columns:1fr}
.wsmc-link{background:none;border:0;color:var(--accent);font:600 15px/1 inherit;margin-top:14px;padding:0;cursor:pointer;text-decoration:underline}
.wsmc-error{margin-top:14px!important;color:var(--bad);font-weight:600}
.wsmc-error[hidden],.wsmc-results[hidden]{display:none}
.wsmc-results{margin-top:28px}
.wsmc-viewbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-weight:700}
.wsmc-seg{display:inline-flex;background:var(--bg);border-radius:10px;padding:4px}
.wsmc-seg button{border:0;background:none;padding:8px 16px;border-radius:7px;font:600 14px/1 inherit;color:var(--muted);cursor:pointer}
.wsmc-seg button.is-active{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(20,33,61,.18)}
.wsmc-cards{display:grid;gap:20px}
.wsmc-cards.is-two{grid-template-columns:1fr 1fr}
.wsmc-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;min-width:0}
.wsmc-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}
.wsmc-card-head h3{font-size:16px;font-weight:700}
.wsmc-card-head a{font-size:13px;color:var(--muted);word-break:break-all}
.wsmc-score{flex:none;font-weight:800;font-size:15px;padding:6px 12px;border-radius:20px;color:#fff}
.wsmc-score.good{background:var(--ok)}.wsmc-score.mid{background:var(--warn)}.wsmc-score.low{background:var(--bad)}
.wsmc-desc{background:var(--bg);border-radius:12px;padding:14px;font-size:15px;overflow-wrap:anywhere}
.wsmc-desc.is-missing{color:var(--bad);font-weight:600}
.wsmc-gauge{position:relative;height:10px;border-radius:6px;background:var(--bg);margin-top:16px}
.wsmc-gauge span{display:block;height:100%;border-radius:6px;background:var(--ok)}
.wsmc-gauge.warn span{background:var(--warn)}.wsmc-gauge.fail span{background:var(--bad)}
.wsmc-gauge i{position:absolute;top:-3px;width:2px;height:16px;background:#8a93a8}
.wsmc-gauge-text{font-size:13px;color:var(--muted);margin-top:8px}
.wsmc-serp{border:1px solid var(--line);border-radius:12px;padding:16px;margin-top:18px;font-family:Arial,sans-serif;background:#fff}
.wsmc-serp.is-mobile{max-width:360px}
.wsmc-serp-url{font-size:13px;color:#4d5156;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wsmc-serp-title{font-size:20px;line-height:1.3;color:#1a0dab;margin:4px 0}
.wsmc-serp-desc{font-size:14px;line-height:1.55;color:#4d5156;overflow-wrap:anywhere}
.wsmc-checks{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:12px}
.wsmc-check{display:grid;grid-template-columns:26px 1fr;gap:10px}
.wsmc-ic{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;font-size:13px}
.wsmc-ic.pass{background:var(--ok)}.wsmc-ic.warn{background:var(--warn)}.wsmc-ic.fail{background:var(--bad)}.wsmc-ic.info{background:#6b7893}
.wsmc-check strong{display:block;font-size:15px}
.wsmc-check span{font-size:14px;color:var(--muted)}
.wsmc-social{margin-top:16px;font-size:14px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px;overflow-wrap:anywhere}
.wsmc-social b{color:var(--ink)}
.wsmc-info{margin-top:56px;max-width:760px}
.wsmc-info h2,.wsmc-faq h2,.wsmc-cta h2{font-size:26px;font-weight:800;letter-spacing:-.02em;margin:34px 0 12px}
.wsmc-info p{color:var(--muted);margin-bottom:12px}
.wsmc-info ul{margin:0 0 12px;padding-left:22px;color:var(--muted)}
.wsmc-info li{margin-bottom:6px}
.wsmc-faq{margin-top:36px;max-width:760px}
.wsmc-faq details{border-bottom:1px solid var(--line);padding:14px 0}
.wsmc-faq summary{font-weight:700;cursor:pointer;font-size:17px}
.wsmc-faq details p{margin-top:8px;color:var(--muted)}
.wsmc-cta{margin-top:48px;background:var(--ink);border-radius:20px;padding:34px 28px;color:#fff}
.wsmc-cta h2{color:#fff;margin-top:0}.wsmc-cta p{color:#c5cde0;margin-bottom:16px}
.wsmc-cta-btn{background:#fff;color:var(--ink)!important}
.wsmc a:focus-visible,.wsmc button:focus-visible,.wsmc summary:focus-visible{outline:3px solid #8aa2ff;outline-offset:2px}
@media(max-width:760px){.wsmc-row{flex-direction:column}.wsmc-more,.wsmc-cards.is-two{grid-template-columns:1fr}.wsmc-hero{padding-top:30px}}

/* Theme-proof button colors */
.wsmc button.wsmc-btn,.wsmc a.wsmc-cta-btn{background:#1f4bff!important;color:#fff!important;border:0!important;box-shadow:none!important;text-shadow:none!important;opacity:1!important}
.wsmc button.wsmc-btn:hover,.wsmc button.wsmc-btn:focus{background:#1639cc!important;color:#fff!important}
.wsmc button.wsmc-btn:disabled{background:#b9c2d6!important;color:#fff!important}
.wsmc a.wsmc-cta-btn{background:#fff!important;color:#14213d!important}
.wsmc a.wsmc-cta-btn:hover{background:#e8edff!important;color:#14213d!important}
.wsmc button.wsmc-link{background:none!important;border:0!important;color:#1f4bff!important;box-shadow:none!important;padding:0!important}
.wsmc .wsmc-seg button{background:transparent!important;color:#5b6478!important;border:0!important;box-shadow:none!important}
.wsmc .wsmc-seg button.is-active{background:#fff!important;color:#14213d!important;box-shadow:0 1px 3px rgba(20,33,61,.18)!important}
