:root{
--spv-navy:#062f61;
--spv-navy-2:#0a3f7b;
--spv-blue:#2563eb;
--spv-cyan:#06b6d4;
--spv-green:#24e38a;
--spv-green-dark:#087a4d;
--spv-ink:#0b1f36;
--spv-muted:#53657a;
--spv-line:#c9d8e8;
--spv-soft:#eef8ff;
--spv-white:#fff;
--spv-danger:#a42828;
--spv-radius:14px;
}
.spv-comparison,.spv-comparison *{box-sizing:border-box;font-weight:400}
.spv-comparison{width:100%;max-width:100%;margin:24px 0;color:var(--spv-ink);font-size:16px;line-height:1.5}
.spv-title{margin:0 0 16px;font-size:clamp(1.35rem,2.1vw,2rem);line-height:1.2;color:var(--spv-navy);font-weight:400}
.spv-intro,.spv-outro{margin:0 0 18px;padding:18px 20px;border:1px solid #b8d8ea;border-radius:var(--spv-radius);background:linear-gradient(135deg,#f7fcff,#f1fff8)}
.spv-outro{margin:18px 0 0}
.spv-filter{display:grid;grid-template-columns:minmax(150px,1.2fr) minmax(140px,.9fr) minmax(180px,1.2fr) minmax(150px,.9fr) auto;gap:12px;align-items:end;margin:0 0 14px;padding:15px;border:1px solid #b5d4e8;border-radius:var(--spv-radius);background:linear-gradient(135deg,#f5fbff,#effff6)}
.spv-filter label{display:grid;gap:5px;margin:0;color:var(--spv-navy);font-size:.82rem}
.spv-filter input,.spv-filter select{width:100%;min-height:42px;margin:0;padding:8px 10px;border:1px solid #8fb5cf;border-radius:9px;background:#fff;color:var(--spv-ink);font:inherit}
.spv-filter input:focus,.spv-filter select:focus{outline:3px solid rgba(36,227,138,.28);border-color:var(--spv-green-dark)}
.spv-price-filter input{min-height:28px;padding:0}
.spv-filter-reset{min-height:42px;padding:8px 14px;border:1px solid var(--spv-navy);border-radius:9px;background:var(--spv-navy);color:#fff;cursor:pointer;font:inherit;white-space:nowrap}
.spv-filter-reset:hover{background:var(--spv-navy-2)}
.spv-table-wrap{width:100%;overflow:auto;border:1px solid #a8c7dd;border-radius:var(--spv-radius);background:#fff;box-shadow:0 14px 34px rgba(6,47,97,.11)}
.spv-table{width:100%;min-width:760px;border:0;border-collapse:separate;border-spacing:0;margin:0;background:#fff;color:var(--spv-ink);font-size:.93rem}
.spv-table th,.spv-table td{padding:13px 12px;border:0;border-right:1px solid #d6e3ed;border-bottom:1px solid #d6e3ed;vertical-align:middle;text-align:left;font-weight:400}
.spv-table th:last-child,.spv-table td:last-child{border-right:0}
.spv-table thead th{position:sticky;top:0;z-index:2;background:linear-gradient(135deg,var(--spv-navy),#0c4c89);color:#fff;white-space:nowrap}
.spv-table tbody tr:nth-child(even):not(.spv-detail-row){background:#f6fbff}
.spv-table tbody tr:hover:not(.spv-detail-row){background:#edfff5}
.spv-table tbody tr:last-child td{border-bottom:0}
.spv-provider{display:flex;align-items:center;gap:9px;min-width:190px;max-width:100%}
.spv-provider-name{display:block;min-width:0;overflow-wrap:anywhere;color:var(--spv-navy)}
.spv-logo-box{display:flex;align-items:center;justify-content:center;flex:0 0 116px;width:116px;height:46px;overflow:hidden;padding:5px 7px;border:1px solid #e0e9f1;border-radius:8px;background:#fff}
.spv-logo-box .spv-logo{display:block!important;width:auto!important;max-width:100%!important;height:auto!important;max-height:34px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;object-fit:contain!important;object-position:center!important;transform:none!important;filter:none!important}
.spv-logo-wordmark{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;color:var(--spv-navy);font-size:.82rem;line-height:1.05;text-align:center;white-space:nowrap;text-overflow:ellipsis}
.spv-logo-box-wordmark{border-left:4px solid var(--spv-green);background:linear-gradient(135deg,#fff,#f4fbff)}
.spv-logo-box-wordmark .spv-logo-wordmark{font-size:.86rem}
.spv-logo-fallback{display:none}
.spv-plan-name{display:block;color:var(--spv-navy);font-size:1rem}
.spv-inline-tag,.spv-badge{display:inline-flex;align-items:center;margin-top:6px;padding:3px 8px;border-radius:999px;background:#d8fff0;color:#065f46;font-size:.73rem;line-height:1.2}
.spv-badge-sale{background:#fff2c9;color:#754d00;margin-left:5px}
.spv-price{display:block;color:var(--spv-navy);font-size:1.18rem;white-space:nowrap}
.spv-old-price,.spv-price-note{display:block;color:var(--spv-muted);font-size:.75rem;line-height:1.3}
.spv-old-price{text-decoration:line-through}
.spv-yes{color:#087a4d}.spv-no{color:var(--spv-danger)}
.spv-action-cell{min-width:145px;text-align:center!important}
.spv-action-head{text-align:center!important}
.spv-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 15px;border:1px solid #076b47;border-radius:10px;background:linear-gradient(135deg,var(--spv-green),var(--spv-cyan));color:#062f35!important;text-decoration:none!important;box-shadow:0 6px 14px rgba(6,182,212,.18);white-space:nowrap}
.spv-button:hover,.spv-button:focus{background:linear-gradient(135deg,#59f0ad,#37c7de);color:#031f25!important;transform:translateY(-1px)}
.spv-button:focus{outline:3px solid rgba(37,99,235,.3)}
.spv-detail-row td{padding:0!important;background:#f8fbfe}
.spv-detail-row details{padding:10px 14px}
.spv-detail-row summary{cursor:pointer;color:var(--spv-navy)}
.spv-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:12px 0 4px}
.spv-details-grid>div{padding:12px;border:1px solid #cbdde9;border-radius:10px;background:#fff}
.spv-details-grid>div>span{display:block;margin-bottom:6px;color:var(--spv-navy)}
.spv-details-grid p{margin:.35em 0}
.spv-data-note{margin-top:10px;padding:10px 12px;border-left:4px solid var(--spv-cyan);background:#f2f9fd;color:var(--spv-muted);font-size:.78rem}
.spv-empty,.spv-notice{padding:18px;border:1px solid #b6d4e8;border-radius:var(--spv-radius);background:#f5fbff;color:var(--spv-ink)}
.spv-auto-affiliate{color:#075db2;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.spv-auto-affiliate:hover{color:#063d77}
.spv-row-hidden{display:none!important}
@media (max-width:1100px){.spv-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.spv-filter-reset{width:100%}}
@media (max-width:760px){
.spv-comparison{font-size:15px}
.spv-filter{grid-template-columns:1fr;padding:12px}
.spv-details-grid{grid-template-columns:1fr}
.spv-mobile-cards .spv-table-wrap{overflow:visible;border:0;box-shadow:none;background:transparent}
.spv-mobile-cards .spv-table{display:block;min-width:0;background:transparent}
.spv-mobile-cards .spv-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.spv-mobile-cards .spv-table tbody{display:grid;gap:14px}
.spv-mobile-cards .spv-table tr{display:grid;grid-template-columns:1fr 1fr;border:1px solid #a9cada;border-radius:13px;background:#fff!important;box-shadow:0 10px 24px rgba(6,47,97,.09);overflow:hidden}
.spv-mobile-cards .spv-table tr:not(.spv-detail-row) td{display:grid;gap:3px;padding:10px 12px;border:0;border-bottom:1px solid #e0e9f0;min-width:0}
.spv-mobile-cards .spv-table tr:not(.spv-detail-row) td:before{content:attr(data-label);color:var(--spv-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.035em}
.spv-mobile-cards .spv-table tr:not(.spv-detail-row) td:first-child,.spv-mobile-cards .spv-table tr:not(.spv-detail-row) td:nth-child(2),.spv-mobile-cards .spv-table tr:not(.spv-detail-row) .spv-action-cell{grid-column:1/-1}
.spv-mobile-cards .spv-action-cell{padding:12px!important;background:#f0fff8;text-align:left!important}
.spv-mobile-cards .spv-button{width:100%}
.spv-mobile-cards .spv-detail-row{display:block;border-top:0;margin-top:-14px}
.spv-mobile-cards .spv-detail-row td{display:block!important;width:100%}
.spv-mobile-cards .spv-provider{min-width:0}
.spv-mobile-cards .spv-logo-box{flex-basis:108px;width:108px;height:44px}
.spv-mobile-cards .spv-logo-box .spv-logo{max-height:32px!important}
}
@media (max-width:420px){.spv-mobile-cards .spv-table tr{grid-template-columns:1fr}.spv-mobile-cards .spv-table tr:not(.spv-detail-row) td{grid-column:1/-1}} .spv-sort-button{
display:flex;
align-items:center;
justify-content:space-between;
gap:9px;
width:100%;
min-width:0;
padding:0;
border:0;
background:transparent;
color:inherit;
font:inherit;
text-align:left;
cursor:pointer;
}
.spv-sort-button:hover,.spv-sort-button:focus{color:#bfffe3}
.spv-sort-button:focus-visible{outline:2px solid #7df4bf;outline-offset:4px;border-radius:3px}
.spv-sort-icon{display:inline-grid;place-items:center;min-width:18px;color:#9fe9d0;font-size:.95rem;line-height:1}
.spv-table th[aria-sort="ascending"],.spv-table th[aria-sort="descending"]{background:linear-gradient(135deg,#0a4b88,#087a5b)}
.spv-table th[aria-sort="ascending"] .spv-sort-icon,.spv-table th[aria-sort="descending"] .spv-sort-icon{color:#fff}
.spv-provider{display:grid;grid-template-columns:minmax(88px,150px) minmax(0,1fr);align-items:center;gap:10px}.spv-logo-box{width:100%;height:54px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #d7e4ef;border-radius:9px;overflow:hidden;padding:6px}.spv-logo{display:block!important;max-width:100%!important;max-height:42px!important;width:auto!important;height:auto!important;object-fit:contain!important}.spv-logo-fallback{display:none}.spv-logo-box-wordmark{border-left:4px solid #20d98b}.spv-logo-wordmark{font-size:15px;line-height:1.1;text-align:center}.spv-provider-name{min-width:0}.spv-table td:first-child{min-width:220px}@media(max-width:760px){.spv-provider{grid-template-columns:100px minmax(0,1fr)}.spv-table td:first-child{min-width:190px}.spv-logo-box{height:48px}.spv-logo{max-height:36px!important}} .spv-logo-box-wordmark,
.spv-logo-box.is-wordmark-fallback{
position:relative;
border-left:5px solid var(--spv-brand-color,var(--spv-green));
background:linear-gradient(135deg,#fff,#f5fbff);
}
.spv-logo-box-wordmark .spv-logo-wordmark,
.spv-logo-box.is-wordmark-fallback .spv-logo-fallback{
display:flex;
align-items:center;
justify-content:center;
width:100%;
height:100%;
overflow:hidden;
color:var(--spv-navy);
font-size:.87rem;
line-height:1.1;
text-align:center;
white-space:normal;
overflow-wrap:anywhere;
}
.spv-logo-box.is-wordmark-fallback .spv-logo{display:none!important}
.spv-affiliate-disclosure{display:inline;color:var(--spv-muted)}
.spv-comparison-hub,.spv-comparison-hub *{box-sizing:border-box;font-weight:400}
.spv-comparison-hub{width:100%;max-width:100%;margin:24px 0}
.spv-hub-tabs{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(130px,1fr));
gap:8px;
margin:0 0 14px;
padding:10px;
border:1px solid #b5d4e8;
border-radius:14px;
background:linear-gradient(135deg,#f5fbff,#effff6);
}
.spv-hub-tab{
min-height:44px;
padding:9px 12px;
border:1px solid #8fb5cf;
border-radius:10px;
background:#fff;
color:var(--spv-navy);
font:inherit;
cursor:pointer;
transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.spv-hub-tab:hover,.spv-hub-tab:focus-visible{
border-color:var(--spv-green-dark);
background:#edfff6;
outline:0;
transform:translateY(-1px);
}
.spv-hub-tab.is-active{
border-color:#087a5b;
background:linear-gradient(135deg,var(--spv-green),var(--spv-cyan));
color:#062f35;
box-shadow:0 7px 18px rgba(6,182,212,.18);
}
.spv-hub-panel[hidden]{display:none!important}
.spv-hub-panel>.spv-comparison{margin-top:0}
@media(max-width:760px){
.spv-hub-tabs{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px}
.spv-hub-tab{min-height:42px;padding:8px 7px;font-size:.88rem}
}
@media(max-width:420px){.spv-hub-tabs{grid-template-columns:1fr}} .entry-content .spv-comparison-hub button.spv-hub-tab,
.spv-comparison-hub button.spv-hub-tab{
-webkit-appearance:none!important;
appearance:none!important;
margin:0!important;
border-radius:10px!important;
box-shadow:none!important;
font-family:inherit!important;
font-weight:400!important;
text-transform:none!important;
} .spv-comparison-hub .spv-hub-tabs{
grid-template-columns:repeat(5,minmax(0,1fr));
grid-auto-rows:minmax(58px,auto);
gap:10px;
padding:12px;
}
.spv-comparison-hub .spv-hub-tab{
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:100%!important;
min-width:0!important;
min-height:58px!important;
padding:10px 8px!important;
border:1px solid #6f9fbd!important;
background:#ffffff!important;
color:#062f61!important;
line-height:1.18!important;
text-align:center!important;
white-space:normal!important;
overflow-wrap:anywhere!important;
text-shadow:none!important;
opacity:1!important;
}
.spv-comparison-hub .spv-hub-tab:hover,
.spv-comparison-hub .spv-hub-tab:focus-visible{
border-color:#087a5b!important;
background:#e7fff3!important;
color:#043e2b!important;
}
.spv-comparison-hub .spv-hub-tab.is-active,
.spv-comparison-hub .spv-hub-tab[aria-selected="true"]{
border-color:#056b55!important;
background:linear-gradient(135deg,#24e38a,#06b6d4)!important;
color:#032d35!important;
box-shadow:0 8px 20px rgba(6,182,212,.22)!important;
}
@media(max-width:900px){
.spv-comparison-hub .spv-hub-tabs{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(52px,auto)}
.spv-comparison-hub .spv-hub-tab{min-height:52px!important;font-size:.92rem!important}
}
@media(max-width:430px){
.spv-comparison-hub .spv-hub-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:8px}
.spv-comparison-hub .spv-hub-tab{min-height:48px!important;padding:8px 5px!important;font-size:.82rem!important}
} .spv-action-stack{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100%;min-height:58px}
.spv-action-stack .spv-badge{margin:0}
.spv-action-stack .spv-badge-sale{margin-left:0}
@media(max-width:760px){.spv-mobile-cards .spv-action-stack{align-items:stretch}.spv-mobile-cards .spv-action-stack .spv-badge{align-self:center}} .spv-pagination{
display:flex;
align-items:center;
justify-content:center;
gap:12px;
margin:14px 0 4px;
padding:10px;
border:1px solid #b5d4e8;
border-radius:12px;
background:linear-gradient(135deg,#f5fbff,#effff6);
}
.spv-page-button{
min-width:110px;
min-height:42px;
padding:9px 16px;
border:1px solid #073665;
border-radius:9px;
background:#073665;
color:#fff;
font:inherit;
cursor:pointer;
}
.spv-page-button:hover,.spv-page-button:focus-visible{background:#0b4c88;outline:2px solid #24e38a;outline-offset:2px}
.spv-page-button:disabled{cursor:not-allowed;opacity:.42}
.spv-page-status{min-width:170px;text-align:center;color:var(--spv-navy);font-size:.92rem}
@media(max-width:560px){
.spv-pagination{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.spv-page-status{grid-column:1/-1;grid-row:1;min-width:0}
.spv-page-button{min-width:0;width:100%}
} .spv-hub-loading{
display:flex;
align-items:center;
justify-content:center;
gap:12px;
min-height:190px;
padding:24px;
border:1px solid #b5d4e8;
border-radius:14px;
background:linear-gradient(135deg,#f5fbff,#effff6);
color:var(--spv-navy);
text-align:center;
}
.spv-hub-loading.is-error{border-color:#e4a5a5;background:#fff7f7;color:#8a1f1f}
.spv-hub-spinner{
width:26px;
height:26px;
flex:0 0 26px;
border:3px solid rgba(6,47,97,.16);
border-top-color:var(--spv-green-dark);
border-radius:50%;
animation:spvHubSpin .8s linear infinite;
}
.spv-hub-loading.is-error .spv-hub-spinner{display:none}
@keyframes spvHubSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.spv-hub-spinner{animation:none}}
@media(max-width:760px){.spv-hub-loading{min-height:150px;padding:18px}} .spv-provider-logo-link{display:block;width:100%;min-width:0;color:inherit;text-decoration:none;border-radius:9px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.spv-provider-logo-link:hover,.spv-provider-logo-link:focus-visible{text-decoration:none}
.spv-provider-logo-link:hover .spv-logo-box{border-color:var(--spv-green);box-shadow:0 5px 16px rgba(0,73,125,.12)}
.spv-provider-logo-link:focus-visible{outline:3px solid rgba(32,217,139,.38);outline-offset:3px}