/* SecureVPN Dynamic Design System V3 — complements authentic Elementor shell V2.
   Declarative styles apply to initial AND future API-rendered nodes. No data logic changes.
   Heatmap performance color buckets are deliberately NEVER recolored. */
:root{--sv3-ink:#0c2942;--sv3-sub:#496675;--sv3-green:#0b765c;--sv3-deep:#061b2d;--sv3-mint:#e9f8f0;--sv3-border:#d6e9e2;--sv3-bg:#f9fcfd;--sv3-white:#fff;--sv3-shadow:0 12px 34px rgba(7,43,52,.06);--sv3-radius:18px}
body.svpn-v2 .svpn-v2-content,body:has(.svpn-v19-rankings) .svpn-v19-rankings{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--sv3-ink);line-height:1.6}
body.svpn-v2 .svpn-v2-content :is(.card,.hub-card,.suite-card,.c4-match-card,.analytics-panel,.analytics-card,.r4-panel,.provider-card,.comparison-card,.protocol-card,.report-card,.summary-card,.detail-card){background:#fff!important;background-image:none!important;border:1px solid var(--sv3-border)!important;border-radius:var(--sv3-radius)!important;box-shadow:var(--sv3-shadow)!important;color:var(--sv3-ink)!important;min-width:0}
body.svpn-v2 .svpn-v2-content :is(.card,.hub-card,.suite-card,.c4-match-card,.analytics-panel,.analytics-card,.r4-panel,.provider-card,.comparison-card,.protocol-card,.report-card){padding:clamp(16px,2.3vw,27px)!important}
body.svpn-v2 .svpn-v2-content :is(.card,.hub-card,.suite-card,.c4-match-card,.analytics-panel,.analytics-card,.provider-card,.comparison-card,.protocol-card,.report-card) :is(h2,h3,h4){margin-top:0;color:var(--sv3-ink)!important;letter-spacing:-.025em;line-height:1.23}
body.svpn-v2 .svpn-v2-content :is(.card,.hub-card,.suite-card,.c4-match-card,.analytics-panel,.analytics-card,.provider-card,.comparison-card,.protocol-card,.report-card) p{color:var(--sv3-sub)}
body.svpn-v2 .svpn-v2-content :is(button,.button,.btn,[type=submit],[role=button]){font-family:inherit;min-height:38px;cursor:pointer;border-radius:11px;transition:background-color .15s,border-color .15s,box-shadow .15s,transform .15s}
body.svpn-v2 .svpn-v2-content :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-family:inherit;min-width:0;min-height:44px!important;border:1px solid #bfd8cf!important;border-radius:11px!important;background-color:#fff!important;color:var(--sv3-ink)!important;box-shadow:0 1px 3px rgba(5,52,45,.03);padding:10px 12px!important}
body.svpn-v2 .svpn-v2-content :is(input,select,button,textarea,a,summary):focus-visible{outline:3px solid #6bd4ad!important;outline-offset:3px!important}
body.svpn-v2 .svpn-v2-content :is(input,select,textarea):focus{border-color:var(--sv3-green)!important}
body.svpn-v2 .svpn-v2-content :is(.muted,.secondary,.helper-text,.metric-note,.qc-note,.c4-method,.summary-explainer,.last-updated){color:var(--sv3-sub)!important}
body.svpn-v2 .svpn-v2-content :is(.badge,.pill,.chip,.tag,.qc-pill,.source-chip,.qc4-badge,.auto-best-badge){border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.01em}
body.svpn-v2 .svpn-v2-content :is(.api-warning,.worker-stale-warning,.demo-warning,.qc4-warning,.r4-warning){border:1px solid #f0cf91;border-left:4px solid #be8424;border-radius:13px;padding:12px 16px;color:#694d19;background:#fff9e8;line-height:1.6}
body.svpn-v2 .svpn-v2-content :is([hidden],.sf-hidden){display:none!important}
body.svpn-v2 .svpn-v2-content a:not(.btn):hover{text-decoration:underline;text-underline-offset:3px}
body.svpn-v2 .svpn-v2-content :is(table,.qc4-table,.heatmap-table){width:100%;max-width:100%;border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums}
body.svpn-v2 .svpn-v2-content :is(.table-scroll,.table-wrap,.table-responsive,.heatmap-scroll,.qc4-table-wrap,.c4-results-scroll){max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
body.svpn-v2 .svpn-v2-content :is(table:not(.heatmap-table)) :is(th,td){padding:12px 14px;border-bottom:1px solid #e5eee9;text-align:left;vertical-align:middle}
body.svpn-v2 .svpn-v2-content :is(table:not(.heatmap-table)) thead th{color:#26505d;background:#edf6f2;font-size:12px;font-weight:800;letter-spacing:.015em}
body.svpn-v2 .svpn-v2-content :is(table:not(.heatmap-table)) tbody tr:hover td{background-color:#f4faf7}
/* HEATMAP — responsive toolbar, real-time summaries, cells, detail inspector */
body.svpn-v2 .svpn-v2-content .page-shell#heatmap{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:22px!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}
body.svpn-v2 #heatmap>.sidebar.card{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:15px!important;align-items:end!important;padding:23px!important;position:static!important;width:100%!important;max-width:none!important;height:auto!important;overflow:visible!important;background:#fff!important}
body.svpn-v2 #heatmap>.sidebar .filter-group{min-width:0;margin:0!important}
body.svpn-v2 #heatmap>.sidebar .filter-group label{display:flex!important;gap:6px;align-items:center;min-height:22px;margin:0 0 7px;font-size:12px!important;font-weight:800!important;letter-spacing:.02em;color:#35596a!important}
body.svpn-v2 #heatmap>.sidebar .filter-group label .ico{color:var(--sv3-green);font-weight:900}
body.svpn-v2 #heatmap>.sidebar .select-wrap{min-width:0;width:100%}
body.svpn-v2 #heatmap>.sidebar select{width:100%;text-overflow:ellipsis}
body.svpn-v2 #heatmap>.sidebar #update-btn{grid-column:1/-1!important;width:fit-content;max-width:100%;margin:1px 0 0!important;padding:11px 23px!important;background:var(--sv3-green)!important;border:1px solid var(--sv3-green)!important;color:white!important;font-weight:800!important;box-shadow:0 4px 12px rgba(11,118,92,.12)!important}
body.svpn-v2 #heatmap>.sidebar #update-btn:hover{background:#085945!important}
body.svpn-v2 #heatmap>.sidebar .help{grid-column:1/-1;display:grid;grid-template-columns:minmax(200px,270px) minmax(0,1fr);gap:12px 24px;border-top:1px solid var(--sv3-border);margin:7px 0 0!important;padding:18px 0 0!important;background:transparent!important;border-radius:0!important}
body.svpn-v2 #heatmap>.sidebar .help h2{font-size:17px!important;line-height:1.3;margin:0!important;grid-column:1}
body.svpn-v2 #heatmap>.sidebar .help p{margin:0!important;font-size:13px;color:var(--sv3-sub)!important;grid-column:2}
body.svpn-v2 #heatmap>.sidebar .legend{grid-column:1/-1;display:flex!important;flex-wrap:wrap;gap:9px 16px;margin:0!important;padding:0!important;list-style:none!important}
body.svpn-v2 #heatmap>.sidebar .legend li{display:inline-flex!important;align-items:center;gap:5px;border:1px solid #deebe6;border-radius:9px;background:#fbfdfc;padding:6px 8px;font-size:12px}
body.svpn-v2 #heatmap>.sidebar .legend li :is(b,strong){font-weight:800;color:#35596a}
body.svpn-v2 #heatmap>.sidebar .qc-note{grid-column:1/-1;padding:7px 0 0;font-size:12px;line-height:1.6}
body.svpn-v2 #heatmap>.dashboard{display:block!important;min-width:0!important;width:100%!important;max-width:100%!important;padding:0!important;margin:0!important}
body.svpn-v2 #heatmap .page-title-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 18px;margin:0 0 18px}
body.svpn-v2 #heatmap .page-title-row p{font-size:15px;max-width:720px;line-height:1.7;margin:0;color:var(--sv3-sub)}
body.svpn-v2 #heatmap .metric-note{border:1px solid var(--sv3-border);border-radius:100px;padding:7px 12px;font-size:12px;background:#edf8f2;color:#215946!important}
body.svpn-v2 #heatmap :is(.geo-worker-recommendation,.auto-best-recommendation){display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;border-radius:15px!important;border:1px solid #bfe3d2!important;background:#edf9f3!important;color:#104f40!important;box-shadow:none!important;padding:17px 21px!important;margin:0 0 18px!important}
body.svpn-v2 #heatmap :is(.geo-worker-recommendation,.auto-best-recommendation) strong{color:#073e36!important}
body.svpn-v2 #heatmap :is(.geo-worker-recommendation,.auto-best-recommendation) span{color:#345e55}
body.svpn-v2 #heatmap :is(.geo-worker-cta,.buyer-offer-cta){display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:8px 15px;border:1px solid #a9dccc;border-radius:10px;background:#fff;color:#096149!important;font-size:13px;font-weight:800;text-decoration:none!important}
body.svpn-v2 #heatmap .auto-best-score{font-size:clamp(26px,4vw,39px);font-weight:850;letter-spacing:-.05em;color:#087151!important;font-variant-numeric:tabular-nums}
body.svpn-v2 #heatmap .vpn-goal-card{margin-bottom:19px!important}
body.svpn-v2 #heatmap .vpn-goal-tabs{display:flex;flex-wrap:wrap;gap:9px;padding:0!important;margin:0 0 18px!important;border:0!important;border-bottom:1px solid #e3efe9!important;padding-bottom:15px!important;background:transparent!important}
body.svpn-v2 #heatmap .vpn-goal-tab{padding:11px 18px!important;border:1px solid #c8dfd5!important;background:#f6faf8!important;color:#335869!important;font-weight:750!important;border-radius:11px!important}
body.svpn-v2 #heatmap .vpn-goal-tab[aria-selected=true],body.svpn-v2 #heatmap .vpn-goal-tab.active{background:var(--sv3-green)!important;border-color:var(--sv3-green)!important;color:#fff!important}
body.svpn-v2 #heatmap .vpn-goal-panel{min-width:0}
body.svpn-v2 #heatmap .vpn-goal-panel h2{font-size:22px!important;margin:0 0 8px!important}
body.svpn-v2 #heatmap .buyer-offer-result{display:flex;justify-content:space-between;align-items:center;gap:17px;flex-wrap:wrap;border:1px solid #c9e9d9;border-radius:13px;background:#f3fbf6;padding:16px 18px;margin-top:15px}
body.svpn-v2 #heatmap .buyer-copy{display:grid;gap:5px;min-width:0;flex:1 1 270px}
body.svpn-v2 #heatmap .buyer-copy strong{color:#0d493c;font-size:16px}
body.svpn-v2 #heatmap .buyer-copy span{color:#496b60;font-size:13px}
body.svpn-v2 #heatmap .heatmap-card{margin:0 0 19px!important;padding:clamp(16px,2.3vw,26px)!important}
body.svpn-v2 #heatmap .heatmap-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px 20px;padding:0 0 19px;margin:0 0 15px;border-bottom:1px solid var(--sv3-border)}
body.svpn-v2 #heatmap .provider-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
body.svpn-v2 #heatmap .provider-logo{display:inline-grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#e9f6f0;color:#087054;font-weight:850}
body.svpn-v2 #heatmap #provider-title{font-size:clamp(19px,2.4vw,25px);font-weight:850;letter-spacing:-.03em}
body.svpn-v2 #heatmap #protocol-title{font-weight:750;color:#315d68}
body.svpn-v2 #heatmap .qc-pill{background:#e6f5ed!important;border:1px solid #b8e3ca!important;color:#0d684c!important;padding:6px 11px!important}
body.svpn-v2 #heatmap .last-updated{font-size:12px;color:var(--sv3-sub)!important}
body.svpn-v2 #heatmap .heatmap-mobile-scroll-note{font-size:12px;line-height:1.5;color:var(--sv3-sub);padding:9px 0}
body.svpn-v2 #heatmap .heatmap-scroll{width:100%;overflow-x:auto!important;border:1px solid #dae9e3;border-radius:13px;padding:8px;background:#fbfdfc;scrollbar-color:#a1ccb9 #edf6f1}
body.svpn-v2 #heatmap table.heatmap-table{min-width:690px;border-collapse:separate!important;border-spacing:3px!important;width:100%!important}
body.svpn-v2 #heatmap table.heatmap-table th{background:#0c3341!important;color:#edfdf7!important;border:0!important;padding:12px 8px!important;min-width:64px!important;font-size:12px!important;line-height:1.3;text-align:center!important;font-weight:800!important;white-space:nowrap}
body.svpn-v2 #heatmap table.heatmap-table th:first-child{position:sticky;left:0;z-index:3;min-width:155px;border-radius:8px 0 0 8px}
body.svpn-v2 #heatmap table.heatmap-table td.destination{position:sticky;left:0;z-index:2;background:#fff!important;border:1px solid #e2eee7!important;border-radius:9px;padding:9px 10px!important;text-align:left!important;min-width:155px;box-shadow:3px 0 6px rgba(0,0,0,.025)}
body.svpn-v2 #heatmap .destination-link-cell{display:flex;align-items:center;gap:6px;color:var(--sv3-ink)!important;font-weight:700;text-decoration:none!important;font-size:12px}
body.svpn-v2 #heatmap .destination-link-cell small{margin-left:auto;color:#5d7c7e}
body.svpn-v2 #heatmap table.heatmap-table td.hm-cell{border-radius:8px!important;border:1px solid rgba(2,35,43,.08)!important;min-width:62px!important;padding:13px 6px!important;text-align:center!important;font-weight:800!important;font-size:13px!important;cursor:pointer;transition:box-shadow .12s,transform .12s}
/* Do not modify .hm-excellent/.hm-good/.hm-fair/.hm-poor backgrounds or their meaningful contrast. */
body.svpn-v2 #heatmap .hm-cell:hover{box-shadow:inset 0 0 0 2px #124a42!important}
body.svpn-v2 #heatmap .hm-cell.selected-hour{outline:2px solid #0c614a!important;outline-offset:-2px}
body.svpn-v2 #heatmap .summary-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:17px!important;align-items:stretch;margin:0 0 19px!important}
body.svpn-v2 #heatmap .summary-card{padding:21px!important;min-width:0}
body.svpn-v2 #heatmap .summary-card h2{font-size:19px!important;line-height:1.28;margin:0 0 9px!important}
body.svpn-v2 #heatmap .summary-explainer{font-size:12.5px!important;line-height:1.65!important;margin:8px 0 16px!important;color:#526b76!important}
body.svpn-v2 #heatmap .summary-card ol{display:grid;gap:8px;list-style:none;padding:0;margin:10px 0 0}
body.svpn-v2 #heatmap .ranking-row{display:grid!important;grid-template-columns:26px 23px minmax(0,1fr) auto;align-items:center;gap:7px;padding:9px 10px!important;margin:0!important;border:1px solid #e1ede6!important;border-radius:10px;background:#f8fcfa;color:var(--sv3-ink);font-size:12px;min-width:0}
body.svpn-v2 #heatmap .ranking-row .rank{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#d8f1e4;color:#0c6650;font-weight:850}
body.svpn-v2 #heatmap .ranking-row>a,body.svpn-v2 #heatmap .ranking-row b{min-width:0;overflow:hidden;text-overflow:ellipsis}
body.svpn-v2 #heatmap .ranking-row .summary-n{grid-column:3;grid-row:2;color:#688276;font-size:11px}
body.svpn-v2 #heatmap .ranking-row>strong{grid-column:4;grid-row:1/span 2;white-space:nowrap;color:#0a7658;font-size:16px;font-weight:850}
body.svpn-v2 #heatmap .detail-card{margin:0 0 20px!important;position:relative;overflow:visible}
body.svpn-v2 #heatmap .detail-card h2{margin:0 0 8px!important;font-size:23px!important}
body.svpn-v2 #heatmap .detail-title{color:#52706c;font-size:14px;margin:0 0 18px}
body.svpn-v2 #heatmap .detail-card dl{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:0;padding:0}
body.svpn-v2 #heatmap .detail-card dl>div{border:1px solid #e1eee8;border-radius:12px;background:#f8fcfa;padding:13px;min-width:0}
body.svpn-v2 #heatmap .detail-card dt{font-size:11px;font-weight:800;color:#5a7680;letter-spacing:.01em;margin:0 0 6px}
body.svpn-v2 #heatmap .detail-card dd{font-size:14px;font-weight:760;color:#143e4c;margin:0;overflow-wrap:anywhere}
body.svpn-v2 #heatmap .detail-card .close{position:absolute;right:20px;top:16px;border:1px solid #d6e7df;background:white;color:#406478;width:37px;height:37px;padding:0;font-size:22px}
body.svpn-v2 #heatmap .seo-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
/* COMPARE — API-driven forms, result, both sides and matched destinations */
body.svpn-v2 .svpn-v2-content .qc4{padding:clamp(17px,2.6vw,29px)!important;border:1px solid var(--sv3-border)!important;background:#fff!important;color:var(--sv3-ink)!important;border-radius:20px!important;box-shadow:var(--sv3-shadow)!important;margin:21px 0!important;min-width:0}
body.svpn-v2 .qc4 .qc4-head{display:flex!important;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px 18px;margin:0 0 18px}
body.svpn-v2 .qc4 .qc4-head h2{font-size:clamp(22px,2.7vw,30px);margin:5px 0 7px!important;color:var(--sv3-ink)!important;letter-spacing:-.03em}
body.svpn-v2 .qc4 .qc4-head p{font-size:14px;color:var(--sv3-sub);max-width:650px}
body.svpn-v2 .qc4 .qc4-kicker{color:var(--sv3-green)!important;font-size:11px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
body.svpn-v2 .qc4 .qc4-badge{border:1px solid #bcdfd0!important;background:#edf9f2!important;color:#105d49!important;padding:6px 12px}
body.svpn-v2 .qc4 .qc4-templates{display:flex!important;gap:9px;flex-wrap:wrap;margin:0 0 23px!important}
body.svpn-v2 .qc4 .qc4-template{border:1px solid #c9e1d7!important;background:#f7fcf9!important;color:#1d5d4d!important;padding:8px 12px!important;border-radius:10px!important;font-size:12px;font-weight:750}
body.svpn-v2 .qc4 .qc4-template:hover{background:#e3f4e9!important}
body.svpn-v2 .qc4 .qc4-controls{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:13px!important;padding:19px!important;border:1px solid #d9ece1!important;border-radius:15px!important;background:#f5faf7!important;min-width:0}
body.svpn-v2 .qc4 .qc4-controls label{display:flex!important;flex-direction:column;gap:7px;min-width:0;color:#345c65!important;font-size:12px!important;font-weight:800!important}
body.svpn-v2 .qc4 .qc4-controls select{width:100%;min-width:0}
body.svpn-v2 .qc4 .qc4-run{grid-column:1/-1;justify-self:start;min-height:43px;padding:10px 27px!important;background:var(--sv3-green)!important;color:#fff!important;border:1px solid var(--sv3-green)!important;font-weight:850!important;border-radius:11px!important}
body.svpn-v2 .qc4 .qc4-warning:not([hidden]){display:block;margin:13px 0}
body.svpn-v2 .qc4 .qc4-result:not([hidden]){display:block!important;border-top:1px solid var(--sv3-border);padding-top:20px;margin-top:23px}
body.svpn-v2 .qc4 .qc4-score{display:grid!important;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);gap:12px;align-items:center;margin:8px 0 19px}
body.svpn-v2 .qc4 .qc4-side{border:1px solid #d9e8e1!important;background:#f7fcf9!important;border-radius:16px!important;padding:18px!important;min-width:0;color:var(--sv3-ink)!important}
body.svpn-v2 .qc4 .qc4-vs{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#d9f3e5;color:#0b654d;font-weight:900;margin:auto}
body.svpn-v2 .qc4 .qc4-summary{background:#edf8f3;border:1px solid #d1e9db;color:#205c4b;border-radius:12px;padding:14px 17px;font-size:14px}
body.svpn-v2 .qc4 .qc4-table-wrap{overflow-x:auto;border-radius:13px;border:1px solid #d9e9e1}
body.svpn-v2 .qc4 .qc4-table{min-width:600px}
body.svpn-v2 .qc4 .qc4-help{font-size:13px;color:#56736f;margin-top:16px}
/* ANALYTICS / PROTOCOLS / PROVIDERS / REPORTS / LANDING CARDS — shared component language */
body.svpn-v2 .svpn-v2-content :is(.analytics-hub-grid,.c4-compare-grid,.c4-method-grid,.hub-grid,.report-grid,.provider-grid,.protocol-grid,.cards-grid){display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr))!important;gap:18px!important;max-width:100%;align-items:stretch}
body.svpn-v2 .svpn-v2-content :is(.analytics-hub-grid,.c4-compare-grid,.c4-method-grid,.hub-grid,.provider-grid,.protocol-grid,.report-grid) > *{margin:0!important;min-width:0;height:100%}
body.svpn-v2 .svpn-v2-content :is(.hub-card,.suite-card,.c4-match-card,.provider-card,.protocol-card,.report-card){display:flex;flex-direction:column;gap:10px;min-width:0;transition:border-color .15s,transform .15s}
body.svpn-v2 .svpn-v2-content :is(.hub-card,.suite-card,.c4-match-card,.provider-card,.protocol-card,.report-card):hover{border-color:#b4dcca!important;transform:translateY(-2px)}
body.svpn-v2 .svpn-v2-content :is(.analytics-subnav,.c4-trust,.spv-tabs,.provider-tabs,.protocol-tabs){display:flex;flex-wrap:wrap;gap:8px 13px;min-width:0}
body.svpn-v2 .svpn-v2-content :is(.analytics-subnav,.provider-tabs,.protocol-tabs) a{display:inline-flex;align-items:center;min-height:36px;padding:8px 12px;background:#f3faf6;border:1px solid #cde5d9;border-radius:10px;color:#145f4a;font-size:13px;font-weight:750;text-decoration:none}
body.svpn-v2 .svpn-v2-content :is(.suite-kicker,.c4-kicker,.eyebrow,.hub-eyebrow,.section-kicker){font-size:11px!important;line-height:1.4;text-transform:uppercase;letter-spacing:.12em;font-weight:850;color:#0b765c!important}
body.svpn-v2 .svpn-v2-content :is(.analytics-hero-suite,.c4-landing-hero,.page-intro){border-radius:18px!important;padding:clamp(21px,3vw,36px)!important;border:1px solid var(--sv3-border)!important;background:#fff!important;box-shadow:var(--sv3-shadow)!important}
body.svpn-v2 .svpn-v2-content :is(.analytics-hero-suite,.c4-landing-hero,.page-intro) h1{font-size:clamp(25px,3.3vw,39px);line-height:1.17;letter-spacing:-.035em;color:var(--sv3-ink)!important}
body.svpn-v2 .svpn-v2-content :is(.hub-icon,.protocol-icon){display:inline-grid;place-items:center;width:43px;height:43px;border:1px solid #cfe6d7;border-radius:13px;background:#e9f8f1;color:#0b765c}
/* WordPress-native rankings: present tool data with the same component language (not global Elementor) */
body:has(.svpn-v19-rankings) .svpn-v19-rankings :is(.r4-panel,.r4-table-card,.r4-history-section){background:#fff!important;color:var(--sv3-ink)!important;border:1px solid var(--sv3-border)!important;border-radius:18px!important;box-shadow:var(--sv3-shadow)!important;padding:clamp(16px,2.4vw,26px)!important}
body:has(.svpn-v19-rankings) .svpn-v19-rankings :is(.r4-controls,.r4-status-grid,.r4-mini-grid){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));gap:12px;align-items:end;min-width:0}
body:has(.svpn-v19-rankings) .svpn-v19-rankings :is(select,input,button){min-height:40px;border-radius:11px;font:inherit}
body:has(.svpn-v19-rankings) .svpn-v19-rankings :is(.r4-table-scroll,.r4-history-table){overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
body:has(.svpn-v19-rankings) .svpn-v19-rankings :is(.r4-table,.r4-history-table) th{background:#ecf7f1!important;color:#315765!important;font-weight:800;font-size:12px}
body:has(.svpn-v19-rankings) .svpn-v19-rankings :is(.r4-table,.r4-history-table) :is(th,td){padding:10px 12px;border-bottom:1px solid #e0ede5}
body:has(.svpn-v19-rankings) .svpn-v19-rankings .r4-history-section h2{color:#0c2942!important;letter-spacing:-.025em}
/* Layout and readability on tablet / narrow screens */
@media(max-width:1080px){body.svpn-v2 #heatmap>.sidebar.card{grid-template-columns:repeat(3,minmax(0,1fr))!important}body.svpn-v2 #heatmap .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.svpn-v2 #heatmap .summary-grid .summary-card:last-child{grid-column:1/-1}}
@media(max-width:760px){body.svpn-v2 #heatmap>.sidebar.card{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:17px!important}body.svpn-v2 #heatmap>.sidebar .help{grid-template-columns:minmax(0,1fr);gap:10px}body.svpn-v2 #heatmap>.sidebar .help :is(h2,p){grid-column:1}body.svpn-v2 #heatmap .summary-grid{grid-template-columns:minmax(0,1fr)!important}body.svpn-v2 #heatmap .summary-grid .summary-card:last-child{grid-column:auto}body.svpn-v2 #heatmap .detail-card dl{grid-template-columns:repeat(2,minmax(0,1fr))}body.svpn-v2 .qc4 .qc4-controls{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.svpn-v2 .qc4 .qc4-score{grid-template-columns:minmax(0,1fr)!important}body.svpn-v2 .qc4 .qc4-vs{width:40px;height:40px}body.svpn-v2 #heatmap .seo-columns{grid-template-columns:1fr}}
@media(max-width:480px){body.svpn-v2 #heatmap>.sidebar.card{grid-template-columns:minmax(0,1fr)!important;padding:16px!important}body.svpn-v2 #heatmap>.sidebar #update-btn{width:100%}body.svpn-v2 #heatmap .summary-card{padding:17px!important}body.svpn-v2 #heatmap .ranking-row{grid-template-columns:24px 20px minmax(0,1fr) auto;gap:5px}body.svpn-v2 #heatmap .detail-card dl{grid-template-columns:1fr}body.svpn-v2 .qc4 .qc4-controls{grid-template-columns:1fr!important;padding:14px!important}body.svpn-v2 .qc4 .qc4-run{width:100%}body.svpn-v2 .qc4 .qc4-templates{gap:7px}body.svpn-v2 #heatmap .heatmap-card{padding:14px!important}}
@media(prefers-reduced-motion:reduce){body.svpn-v2 .svpn-v2-content :is(.hm-cell,.card,.hub-card,.suite-card,button){transition:none!important}}