/* SEO Stack Hub Platform */
:root{--sx-bg:#f8fafc;--sx-card:#fff;--sx-ink:#101a3d;--sx-text:#1e293b;--sx-mut:#64748b;--sx-line:#e2e8f0;--sx-blue:#2952e3;--sx-blue-s:#eef4ff;--sx-green:#059669;--sx-green-s:#d1fae5;--sx-navy:#0b1430;--sx-chip:#f1f5f9;--sx-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.sshp-wrap{max-width:1240px;margin:0 auto;padding-left:20px;padding-right:20px}
.sshp{color:var(--sx-text)}
.sshp h1,.sshp h2,.sshp h3,.sshp h4{color:var(--sx-ink);line-height:1.2;margin:0;font-weight:800}.sshp h4{font-weight:700}
.sshp a{text-decoration:none}
.sshp-mut{color:var(--sx-mut);font-size:13px}
.sshp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:11px 18px;font-weight:700;font-size:14px;cursor:pointer;background:linear-gradient(90deg,#2952e3,#059669);color:#fff!important;text-decoration:none;line-height:1.2;white-space:nowrap}
.sshp-btn:hover{opacity:.92}
.sshp-btn.out{background:#fff;color:var(--sx-ink)!important;border:1px solid var(--sx-line)}
.sshp-btn.white{background:#fff;color:var(--sx-blue)!important}
.sshp-new{font-style:normal;background:var(--sx-green-s);color:#047857;font:700 10px var(--sx-mono);padding:2px 7px;border-radius:999px;letter-spacing:.05em;vertical-align:middle}

/* header + mega menu */
.sshp-top{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--sx-line)}
.admin-bar .sshp-top{top:32px}
.sshp-topin{display:flex;align-items:center;gap:22px;min-height:68px}
.sshp-brand{display:inline-flex;align-items:center;gap:9px;font-size:21px;font-weight:800;color:var(--sx-ink)!important;text-decoration:none;white-space:nowrap}
.sshp-brand i{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#2952e3,#10b981);display:inline-block}
.sshp-brand b{font-weight:800}.sshp-brand span{background:linear-gradient(90deg,#2952e3,#10b981);-webkit-background-clip:text;background-clip:text;color:transparent}
.sshp-brand.light{color:#fff!important}.sshp-brand.light span{color:#fff}
.sshp-nav{display:flex;gap:2px;align-items:center}
.sshp-dd{position:relative}
.sshp-dd>button{background:none;border:0;font-size:14.5px;font-weight:600;color:#334155;padding:9px 12px;border-radius:9px;cursor:pointer}
.sshp-dd>button:hover,.sshp-dd.open>button{background:var(--sx-chip);color:var(--sx-blue)}
.sshp-panel4,.sshp-panel2{display:none;position:absolute;top:calc(100% + 10px);left:0;background:#fff;border:1px solid var(--sx-line);border-radius:16px;box-shadow:0 24px 60px rgba(16,26,61,.16);padding:22px;gap:28px;z-index:70}
.sshp-panel4{grid-template-columns:repeat(4,minmax(170px,1fr));width:max-content;max-width:min(940px,94vw)}
.sshp-panel2{grid-template-columns:repeat(2,minmax(190px,1fr));width:max-content}
.sshp-dd.open .sshp-panel4,.sshp-dd.open .sshp-panel2{display:grid}
.sshp-dd h6{margin:0 0 8px;font:700 11px var(--sx-mono);color:var(--sx-blue);letter-spacing:.07em;text-transform:uppercase}
.sshp-panel4 a,.sshp-panel2 a{display:block;color:#334155;font-size:14px;padding:5px 0;text-decoration:none}
.sshp-panel4 a:hover,.sshp-panel2 a:hover{color:var(--sx-blue)}
.sshp-pfoot{grid-column:1/-1;border-top:1px solid var(--sx-line);padding-top:12px;display:flex;gap:24px;flex-wrap:wrap}
.sshp-cta{margin-left:auto}
.sshp-burger{display:none;margin-left:auto;background:none;border:1px solid var(--sx-line);border-radius:10px;width:44px;height:40px;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px}
.sshp-burger span{display:block;width:18px;height:2px;background:var(--sx-ink);border-radius:2px}
@media(max-width:1020px){
 .sshp-burger{display:flex}.sshp-cta{display:none}
 .sshp-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--sx-line);flex-direction:column;align-items:stretch;padding:10px 16px 18px;max-height:calc(100vh - 70px);overflow:auto;box-shadow:0 20px 40px rgba(16,26,61,.12)}
 .sshp-nav.open{display:flex}
 .sshp-dd>button{width:100%;text-align:left;font-size:16px;padding:12px 8px}
 .sshp-panel4,.sshp-panel2{position:static;box-shadow:none;border:0;padding:4px 8px 12px;width:auto;max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
}
@media(max-width:520px){.sshp-panel4,.sshp-panel2{grid-template-columns:minmax(0,1fr)}}

/* footer */
.sshp-foot{background:linear-gradient(180deg,#101a3d,#020617);color:#cbd5e1;padding:52px 0 26px;font-size:14px}
.sshp-fcols{display:grid;grid-template-columns:1.4fr repeat(5,minmax(0,1fr));gap:26px}
@media(max-width:1020px){.sshp-fcols{grid-template-columns:repeat(3,minmax(0,1fr))}.sshp-fabout{grid-column:1/-1}}
@media(max-width:560px){.sshp-fcols{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sshp-foot h5{color:#fff;font-size:12px;letter-spacing:.07em;text-transform:uppercase;margin:0 0 12px}
.sshp-foot a{display:block;color:#cbd5e1;text-decoration:none;padding:3px 0;font-size:13.5px}
.sshp-foot a:hover{color:#fff}
.sshp-fabout p{color:#94a3b8;max-width:34ch;margin:12px 0 0;font-size:13.5px}
.sshp-fbot{border-top:1px solid #1e293b;margin-top:32px;padding-top:18px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#94a3b8;font-size:13px}
.sshp-flinks{display:flex;gap:18px;flex-wrap:wrap}.sshp-flinks a{display:inline}

/* homepage hero */
.sshp-hhero{background:var(--sx-navy);color:#cbd5e1;position:relative;overflow:hidden}
.sshp-hhero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px}
.sshp-hgrid{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:44px;padding-top:64px;padding-bottom:72px;align-items:center}
@media(max-width:940px){.sshp-hgrid{grid-template-columns:minmax(0,1fr);padding-top:42px;padding-bottom:48px}}
.sshp-kick{font:700 12px var(--sx-mono);color:#6ee7b7;letter-spacing:.08em;text-transform:uppercase}
.sshp-hhero h1{color:#fff;font-size:clamp(32px,5vw,56px);font-weight:800;letter-spacing:-.02em;margin:14px 0}
.sshp-hhero h1 em{font-style:normal;background:linear-gradient(90deg,#8fa8ff,#5eead4);-webkit-background-clip:text;background-clip:text;color:transparent}
.sshp-lead{font-size:17px;max-width:58ch;margin:0 0 22px;color:#cbd5e1}
.sshp-modes{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.sshp-modes button{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);color:#dbe3f2;border-radius:9px;padding:8px 13px;font-weight:700;font-size:13px;cursor:pointer}
.sshp-modes button[aria-pressed="true"]{background:#fff;color:#101a3d;border-color:#fff}
.sshp-cmd{background:#fff;border-radius:14px;display:flex;align-items:center;gap:10px;padding:8px 8px 8px 16px;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.sshp-cmd input{flex:1;min-width:0;border:0;outline:0;font-size:16px;color:#101a3d;background:transparent;padding:8px 0}
.sshp-res{background:#fff;border-radius:12px;margin-top:8px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.3)}
.sshp-res a{display:flex;justify-content:space-between;gap:10px;padding:11px 16px;color:#101a3d;border-top:1px solid #eef1f6;font-size:14px}
.sshp-res a:hover{background:#f3f6ff}.sshp-res a span{color:#64748b;font-size:12px}
.sshp-quick{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.sshp-quick button{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#e2e8f0;border-radius:999px;padding:6px 13px;font-weight:600;font-size:13px;cursor:pointer}
.sshp-stats{display:flex;gap:30px;margin-top:28px;flex-wrap:wrap}.sshp-stats b{display:block;color:#fff;font-size:24px}.sshp-stats span{font-size:13px}
.sshp-serp{background:#fff;color:#202124;border-radius:18px;padding:20px;box-shadow:0 30px 70px rgba(0,0,0,.45)}
.sshp-slbl{display:flex;justify-content:space-between;font:700 11px var(--sx-mono);color:#64748b;letter-spacing:.06em;margin-bottom:12px}.sshp-slbl i{color:#059669;font-style:normal}
.sshp-serp input{width:100%;border:1px solid #e2e8f0;border-radius:9px;padding:9px 11px;font-size:14px;margin-bottom:8px;color:#202124;background:#fafbfd}
.sshp-sp{border:1px solid #eef1f6;border-radius:12px;padding:14px;margin-top:6px}
.sshp-sp .u{font-size:12px;color:#4d5156}.sshp-sp .t{color:#1a0dab;font-size:19px;line-height:1.3;margin:3px 0;overflow-wrap:anywhere}.sshp-sp .d{font-size:13px;color:#4d5156;overflow-wrap:anywhere}
.sshp-bars{display:grid;grid-template-columns:auto 1fr auto;gap:6px 10px;align-items:center;font-size:12px;color:#64748b;margin-top:12px}
.sshp-bars .bar{height:6px;border-radius:6px;background:#eef1f6;overflow:hidden}.sshp-bars .bar i{display:block;height:100%}

/* ticker */
.sshp-tick{background:#fff;border-bottom:1px solid var(--sx-line);overflow:hidden}
.sshp-tick .sshp-wrap{display:flex;align-items:center;gap:14px;padding-top:11px;padding-bottom:11px;font-size:14px}
.sshp-tick .lab{background:var(--sx-green-s);color:#047857;font:700 11px var(--sx-mono);padding:4px 9px;border-radius:999px;white-space:nowrap}
.sshp-tick .rail{overflow:hidden;flex:1;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.sshp-tick .mv{display:flex;gap:42px;white-space:nowrap;animation:sshpmv 60s linear infinite;width:max-content}
.sshp-tick .mv:hover{animation-play-state:paused}
.sshp-tick .mv a{color:var(--sx-text)}.sshp-tick .mv a span{color:var(--sx-mut)}
@keyframes sshpmv{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.sshp-tick .mv{animation:none}}

/* sections */
.sshp-sec{padding-top:60px;padding-bottom:4px}
.sshp-sh{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;flex-wrap:wrap}
.sshp-sh h2{font-size:clamp(24px,3.2vw,34px);font-weight:800}
.sshp-sh p{margin:6px 0 0;color:var(--sx-mut)}
.sshp-eye{font:700 12px var(--sx-mono);color:var(--sx-blue);letter-spacing:.08em;text-transform:uppercase}
.sshp-acts{display:flex;gap:8px;flex-wrap:wrap}
.sshp-h2{font-size:22px;font-weight:800;margin:32px 0 14px!important}
.sshp-tg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
@media(max-width:1020px){.sshp-tg{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.sshp-tg{grid-template-columns:minmax(0,1fr)}}
.sshp-tc{background:#fff;border:1px solid var(--sx-line);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:7px;color:inherit;text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s}
.sshp-tc:hover{transform:translateY(-3px);border-color:var(--sx-blue);box-shadow:0 12px 30px rgba(41,82,227,.12)}
.sshp-tc b{color:var(--sx-ink);font-size:16px}.sshp-tc span{font-size:13px;color:var(--sx-mut)}
.sshp-tc .sshp-new{align-self:flex-start}
.sshp-ic{width:38px;height:38px;border-radius:10px;display:grid!important;place-items:center;font:800 14px var(--sx-mono)!important}
.sshp-cats{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.sshp-cats button{border:1px solid var(--sx-line);background:#fff;border-radius:999px;padding:8px 15px;font-weight:700;font-size:13px;cursor:pointer;color:var(--sx-text)}
.sshp-cats button[aria-pressed="true"]{background:var(--sx-ink);color:#fff;border-color:var(--sx-ink)}
.sshp-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}
@media(max-width:900px){.sshp-split{grid-template-columns:minmax(0,1fr)}}
.sshp-col{background:#fff;border:1px solid var(--sx-line);border-radius:18px;padding:22px}
.sshp-col h3{font-size:20px;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}
.sshp-col h3 a{font-size:13px;color:var(--sx-blue)}
.sshp-li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:13px 0;border-top:1px solid var(--sx-line);color:inherit}
.sshp-col h3+.sshp-li{border-top:0}
.sshp-li h4{font-size:15px;line-height:1.4;margin:2px 0}.sshp-li h4 a{color:var(--sx-ink)}.sshp-li h4 a:hover{color:var(--sx-blue)}
.sshp-src{font:700 11px var(--sx-mono);color:var(--sx-blue);text-transform:uppercase;letter-spacing:.04em}
.sshp-dot{width:10px;height:10px;border-radius:50%;background:#10b981;margin-top:6px}
.sshp-vt{width:56px;text-align:center;background:var(--sx-chip);border-radius:10px;padding:6px 0;font-size:11px;color:var(--sx-mut);align-self:start;display:block}
.sshp-vt b{display:block;font-size:17px;color:var(--sx-ink)}
.sshp-ag{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
@media(max-width:1020px){.sshp-ag{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.sshp-ag{grid-template-columns:minmax(0,1fr)}}
.sshp-acard{background:#fff;border:1px solid var(--sx-line);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:8px;color:inherit}
.sshp-acard:hover{border-color:var(--sx-blue)}
.sshp-acard b{color:var(--sx-ink);font-size:16px}.sshp-more{margin-top:auto;font-size:13px;font-weight:700;color:var(--sx-blue)}
.sshp-join{background:linear-gradient(110deg,#2952e3,#1f7fd1 55%,#059669);border-radius:18px;color:#fff;padding:24px 26px;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin-bottom:20px}
.sshp-join h3{color:#fff!important;font-size:21px}.sshp-join p{margin:5px 0 0;opacity:.92;font-size:14.5px;max-width:60ch}
.sshp-join.big{padding:38px 40px;margin:0 0 60px}.sshp-join.big h3{font-size:clamp(24px,3vw,32px)}

/* listing pages */
.sshp-hero{background:linear-gradient(180deg,#eef4ff,#f8fafc);padding:34px 0 30px;border-bottom:1px solid var(--sx-line)}
.sshp-hero h1{font-size:clamp(28px,4vw,42px);font-weight:800;margin:12px 0 10px}
.sshp-hero p{color:var(--sx-mut);max-width:70ch;margin:0 0 16px;font-size:16px}
.sshp-pill{display:inline-block;background:#dbe7ff;color:var(--sx-blue);font-weight:700;font-size:12px;padding:5px 12px;border-radius:999px}
.sshp-dir{display:grid;grid-template-columns:270px minmax(0,1fr);gap:26px;padding-top:26px;padding-bottom:60px}
@media(max-width:920px){.sshp-dir{grid-template-columns:minmax(0,1fr)}}
.sshp-filters{background:#fff;border:1px solid var(--sx-line);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:14px;align-self:start}
.sshp-filters label,.sshp-form label{display:block;font-size:13px;font-weight:700;color:var(--sx-ink);margin-bottom:6px}
.sshp-filters input,.sshp-filters select,.sshp-form input,.sshp-form select,.sshp-form textarea,.sshp-in,.sshp-searchrow input{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;font-size:15px;background:#fff;color:var(--sx-text)}
.sshp-searchrow{display:flex;gap:8px;max-width:560px}
.sshp-listhd{margin-bottom:14px;color:var(--sx-mut)}.sshp-listhd b{color:var(--sx-ink)}
.sshp-cards{display:flex;flex-direction:column;gap:14px}
.sshp-card{background:#fff;border:1px solid var(--sx-line);border-radius:16px;padding:22px;display:grid;grid-template-columns:64px minmax(0,1fr) 200px;gap:18px}
@media(max-width:760px){.sshp-card{grid-template-columns:52px minmax(0,1fr)}.sshp-card .sshp-side{grid-column:1/-1}.sshp-card .sshp-logo{width:52px!important;height:52px!important}}
.sshp-card h2{font-size:19px;font-weight:800}.sshp-card h2 a{color:var(--sx-ink)}.sshp-card h2 a:hover{color:var(--sx-blue)}
.sshp-card p{margin:0 0 10px;font-size:14.5px}
.sshp-tag{color:var(--sx-mut);font-size:14.5px;margin:3px 0 8px}
.sshp-badge{display:inline-block;background:var(--sx-green-s);color:#047857;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;margin-left:8px;vertical-align:middle}
.sshp-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:var(--sx-mut);margin-bottom:10px;align-items:center}
.sshp-side{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--sx-mut)}
.sshp-side b{color:var(--sx-ink);font-size:15px}.sshp-side b.sm{font-size:13px}.sshp-side .sshp-btn{margin-top:8px}
.sshp-chips{display:flex;flex-wrap:wrap;gap:6px}
.sshp-chip{background:var(--sx-chip);border-radius:999px;padding:4px 11px;font-size:13px;color:var(--sx-text)!important;display:inline-block}
a.sshp-chip:hover{background:#dbe7ff}.sshp-chip.on{background:var(--sx-ink);color:#fff!important}
.sshp-cs{background:var(--sx-bg);border:1px solid var(--sx-line);border-radius:12px;padding:12px;font-size:13.5px;margin-top:10px;display:grid;gap:4px}
.sshp-logo{border-radius:14px;display:grid!important;place-items:center;font-weight:800;color:#fff;object-fit:cover;flex-shrink:0}
.sshp-stars{color:#f59e0b;letter-spacing:1px}.sshp-stars span{color:#cbd5e1}
.sshp-empty{background:#fff;border:1px dashed #cbd5e1;border-radius:16px;padding:26px;text-align:center}
.sshp-empty b{display:block;color:var(--sx-ink);font-size:17px;margin-bottom:4px}.sshp-empty p{color:var(--sx-mut);margin:0 0 12px}
.sshp-pager{display:flex;gap:6px;justify-content:center;margin-top:22px;flex-wrap:wrap}
.sshp-pager .page-numbers{min-width:40px;height:40px;display:inline-grid;place-items:center;border:1px solid var(--sx-line);border-radius:9px;background:#fff;font-weight:700;color:var(--sx-ink);padding:0 10px}
.sshp-pager .current{background:var(--sx-ink);color:#fff}
.sshp-panel{background:#fff;border:1px solid var(--sx-line);border-radius:18px;padding:26px;margin-bottom:18px}
.sshp-phead{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-bottom:22px}
.sshp-phead h1{font-size:clamp(26px,3.4vw,34px);font-weight:800}
.sshp-phead>.sshp-btn{margin-left:auto}
.sshp-pgrid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:28px}
@media(max-width:900px){.sshp-pgrid{grid-template-columns:minmax(0,1fr)}}
.sshp-pgrid h2{font-size:20px;font-weight:800;margin:24px 0 10px}.sshp-pgrid>div>h2:first-child{margin-top:0}
.sshp-prose{font-size:16px;line-height:1.7}.sshp-prose p{margin:0 0 12px}
.sshp-box{background:#fff;border:1px solid var(--sx-line);border-radius:14px;padding:18px;display:grid;gap:10px;align-content:start;margin-bottom:16px}
.sshp-box>b{color:var(--sx-ink);font-size:16px}.sshp-box p{margin:0}
.sshp-kv{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:14px;margin:0}.sshp-kv dt{color:var(--sx-mut)}.sshp-kv dd{margin:0;color:var(--sx-ink);font-weight:600}
.sshp-rev{border-top:1px solid var(--sx-line);padding:14px 0}.sshp-rev p{margin:6px 0 0}
.sshp-box .comment-reply-title{font-size:18px;font-weight:800;color:var(--sx-ink);margin:0 0 6px}
.sshp-box .comment-form input[type=text],.sshp-box .comment-form input[type=email],.sshp-box .comment-form input[type=url]{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px}
.sshp-box .comment-form label{display:block;font-size:13px;font-weight:700;margin-bottom:4px}
.sshp-box .comment-form p{margin:0 0 10px}
.sshp-box .comment-form .submit{background:linear-gradient(90deg,#2952e3,#059669);color:#fff;border:0;border-radius:10px;padding:11px 18px;font-weight:700;cursor:pointer}
.sshp-box .comment-form-url{display:none}
.sshp-sites{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(max-width:700px){.sshp-sites{grid-template-columns:minmax(0,1fr)}}
.sshp-site{background:#fff;border:1px solid var(--sx-line);border-radius:14px;padding:14px;display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center;color:inherit}
.sshp-site:hover{border-color:var(--sx-blue)}.sshp-site b{display:block;color:var(--sx-ink)}
.sshp-two{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:26px;padding-top:26px;padding-bottom:60px}
@media(max-width:920px){.sshp-two{grid-template-columns:minmax(0,1fr)}}
.sshp-q{background:#fff;border:1px solid var(--sx-line);border-radius:14px;padding:16px;display:grid;grid-template-columns:60px minmax(0,1fr);gap:14px;color:inherit}
.sshp-q:hover{border-color:var(--sx-blue)}.sshp-q .t{display:block;color:var(--sx-ink);font-size:16px;margin-bottom:6px}
.sshp-qh{font-size:clamp(24px,3vw,30px)!important;font-weight:800;margin-bottom:10px!important}
.sshp-ans{padding:20px}
.sshp-ul{margin:0;padding-left:18px;display:grid;gap:6px;font-size:14px}.sshp-ul a{color:var(--sx-blue)}

/* forms */
.sshp-form{display:block}
.sshp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px}
.sshp-grid>div{min-width:0}.sshp-full{grid-column:1/-1}
@media(max-width:640px){.sshp-grid{grid-template-columns:minmax(0,1fr)}}
.sshp-checks{display:flex;flex-wrap:wrap;gap:8px}
.sshp-checks label{display:inline-flex!important;align-items:center;gap:6px;background:var(--sx-chip);border-radius:999px;padding:6px 12px;font-weight:600!important;cursor:pointer;margin:0!important}
.sshp-checks input{width:auto!important}
.sshp-note{font-size:13px;color:var(--sx-mut);margin:10px 0 0}
.sshp-ok{background:var(--sx-green-s);color:#065f46;border-radius:12px;padding:14px 16px;margin-bottom:16px;font-weight:600}
.sshp-err{background:#fee2e2;color:#991b1b;border-radius:12px;padding:14px 16px;margin-bottom:16px;font-weight:600}
.sshp-two .sshp-grid{grid-template-columns:minmax(0,1fr)}

/* tools */
.sshp-tool{background:#fff;border:1px solid var(--sx-line);border-radius:18px;padding:22px;display:grid;gap:12px;margin:8px 0 10px}
.sshp-tool label{font-size:13px;font-weight:700;color:var(--sx-ink)}
.sshp-tool input,.sshp-tool select,.sshp-tool textarea{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;font-size:15px;background:#fff;color:var(--sx-text)}
.sshp-tool .sshp-btn{justify-self:start}
.sshp-row1{display:flex;gap:8px}.sshp-row1 .sshp-btn{flex-shrink:0}
.sshp-row2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sshp-row2>div{display:grid;gap:6px;min-width:0}
@media(max-width:560px){.sshp-row2{grid-template-columns:minmax(0,1fr)}.sshp-row1{flex-direction:column}}
.sshp-out{background:var(--sx-bg);border:1px solid var(--sx-line);border-radius:10px;padding:12px;font-size:14px;max-height:360px;overflow:auto;white-space:pre-wrap;word-break:break-word}
.sshp-out:empty:before{content:"Results appear here";color:var(--sx-mut)}
.sshp-code{background:#0f172a;color:#86efac;border-radius:10px;padding:12px;font-size:12.5px;overflow:auto;white-space:pre-wrap;word-break:break-all;margin:0;min-height:44px}
.sshp-meter{height:8px;border-radius:8px;background:var(--sx-line);overflow:hidden}.sshp-meter i{display:block;height:100%;width:0;background:#10b981;transition:width .2s}
.sshp-ok2{color:#047857;font-weight:700}.sshp-warn{color:#b45309;font-weight:700}
.sshp-tbl{width:100%;border-collapse:collapse;font-size:13.5px}.sshp-tbl td,.sshp-tbl th{padding:7px 8px;border-bottom:1px solid var(--sx-line);text-align:left}
.sshp-kv2{display:grid;grid-template-columns:auto 1fr;gap:6px 14px}.sshp-kv2 b{color:var(--sx-ink)}
.sshp-faq details{background:#fff;border:1px solid var(--sx-line);border-radius:12px;padding:14px 16px;margin-bottom:10px}
.sshp-faq summary{font-weight:700;color:var(--sx-ink);cursor:pointer}.sshp-faq p{margin:10px 0 0;color:var(--sx-text)}
/* news */
.sshp-live{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--sx-mut);margin:0 0 16px}.sshp-live i{width:9px;height:9px;border-radius:50%;background:#10b981;display:inline-block;flex-shrink:0}
.sshp-news{display:grid;gap:12px}
.sshp-nitem{background:#fff;border:1px solid var(--sx-line);border-radius:14px;padding:16px 18px;display:grid;gap:5px}
.sshp-nitem h3{font-size:17px;font-weight:800}.sshp-nitem h3 a{color:var(--sx-ink)}.sshp-nitem h3 a:hover{color:var(--sx-blue)}.sshp-nitem p{margin:0;font-size:14px;color:var(--sx-text)}
.rnm [hidden]{display:none!important}
.sshp-wide .max-w-3xl{max-width:1180px}
.sshp .screen-reader-text,.rnm .screen-reader-text,.sshp-hhero .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sshp-dpager{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:26px}
.sshp-dpager button{min-width:44px;height:44px;padding:0 14px;border:1px solid #cbd5e1;background:#fff;color:#101a3d;border-radius:10px;font-weight:700;font-size:14px;cursor:pointer}
.sshp-dpager button[aria-current="true"]{background:#2952e3;border-color:#2952e3;color:#fff}
.sshp-dpager button:disabled{opacity:.4;cursor:default}
/* What's new bar, card, timeline */
.sshp-ann{background:linear-gradient(90deg,#2952e3,#7c3aed);color:#fff;font-size:14px}
.sshp-ann[hidden]{display:none}
.sshp-annin{display:flex;align-items:center;gap:12px;padding:8px 16px;min-height:40px}
.sshp-ann a{color:#fff;text-decoration:none}
.sshp-ann a b{margin-right:8px}
.sshp-ann a span{opacity:.85}
.sshp-annin>a:first-of-type{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sshp-anntag{display:inline-block;background:#facc15;color:#1f2937;font:800 10px var(--sx-mono,monospace);letter-spacing:.08em;padding:3px 8px;border-radius:999px;flex:none}
.sshp-annall{flex:none;font-weight:600;text-decoration:underline!important}
.sshp-annx{flex:none;background:transparent;border:0;color:#fff;font-size:22px;line-height:1;cursor:pointer;padding:0 4px}
@media (max-width:640px){.sshp-ann a span,.sshp-annall{display:none}}
.sshp-wn{margin:28px 0;border:1px solid #c7d2fe;background:linear-gradient(135deg,#eef2ff,#f5f3ff);border-radius:14px;padding:16px 18px}
.sshp-wnh{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.sshp-wnh b{font-size:16px;color:#1e1b4b}
.sshp-wnh a{margin-left:auto;font-size:13px;font-weight:600;color:#2952e3}
.sshp-wn ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.sshp-wn li a{display:block;background:#fff;border-radius:10px;padding:10px 12px;text-decoration:none;border:1px solid #e0e7ff}
.sshp-wn li a:hover{border-color:#818cf8}
.sshp-wn li b{display:block;color:#1e1b4b;font-size:15px}
.sshp-wn li span{display:block;color:#475569;font-size:13px;margin-top:2px}
.sshp-fwn a b{color:#facc15}
.sshp-tl{display:grid;gap:10px}
.sshp-tld{margin:18px 0 4px;font-size:14px;color:#64748b;text-transform:uppercase;letter-spacing:.06em}
.sshp-tli{display:grid;gap:4px;padding:14px 16px;border:1px solid #e2e8f0;border-radius:12px;text-decoration:none;background:#fff}
.sshp-tli:hover{border-color:#2952e3}
.sshp-tli b{color:#0f172a;font-size:16px}
.sshp-tli span{color:#475569;font-size:14px}
/* Domain age + duplicate checker results */
.sshp-res2{margin-top:14px;display:grid;gap:12px}
.sshp-err{color:#b91c1c;margin:6px 0}
.sshp-dacard{border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px;background:#fff}
.sshp-dah{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.sshp-dah b{font-size:17px}
.sshp-dage{background:#dcfce7;color:#166534;font-weight:700;border-radius:999px;padding:3px 12px;font-size:14px}
.sshp-dacard dl{display:grid;grid-template-columns:140px minmax(0,1fr);gap:6px 12px;margin:0;font-size:14px}
.sshp-dacard dt{color:#64748b}
.sshp-dacard dd{margin:0;word-break:break-word}
@media (max-width:520px){.sshp-dacard dl{grid-template-columns:minmax(0,1fr)}.sshp-dacard dd{margin-bottom:6px}}
.sshp-dcsum{display:flex;gap:16px;align-items:center;flex-wrap:wrap;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px;background:#fff}
.sshp-dcsum p{margin:4px 0 0;font-size:14px}
.sshp-dcpct{display:grid;place-items:center;text-align:center;width:110px;height:110px;border-radius:50%;border:8px solid var(--c);flex:none}
.sshp-dcpct b{font-size:26px;color:var(--c);line-height:1}
.sshp-dcpct span{font-size:11px;color:#64748b;line-height:1.2;padding:0 6px}
.sshp-dch{margin:6px 0 0}
.sshp-dclist{margin:0;padding-left:20px;display:grid;gap:8px;font-size:14px}
.sshp-dclist mark{background:#fee2e2;color:#7f1d1d;padding:1px 2px}
.sshp-dclist a{font-size:12px;font-weight:600}
.sshp-tli .sshp-new{justify-self:start}