.vps-body .vps-main{display:grid;gap:24px;min-width:0;margin-bottom:48px}
.vps-body .catalog-intro{margin:0;padding:0;border:0;box-shadow:none;background:transparent;border-radius:0}
.vps-body .catalog-intro h1{margin:0;font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.4}
.vps-body .catalog-intro p{margin:12px 0 0;font-size:1rem;line-height:1.75}
.vps-body .vps-jump{display:flex;flex-wrap:wrap;gap:8px 24px}
.vps-body .vps-jump a,.vps-body .vps-providers a{display:inline-flex;align-items:center;min-height:44px}
.vps-body .vps-controls,.vps-body .vps-copy{padding:24px}
.vps-body .vps-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.vps-body .vps-controls label{display:grid;align-content:start;gap:8px;font-weight:700;min-width:0}
.vps-body .vps-controls input,.vps-body .vps-controls select{box-sizing:border-box;width:100%;max-width:100%;min-height:44px;padding:9px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);font:inherit}
.vps-body .vps-controls input[aria-invalid=true]{border:2px solid var(--orange)}
.vps-body .vps-actions{display:flex;gap:20px;align-items:end;justify-content:space-between;margin-top:20px}
.vps-body .vps-actions label{flex:0 1 350px}
.vps-body button{min-height:44px;padding:10px 16px;background:var(--paper);border:1px solid var(--navy);border-radius:var(--radius-sm);color:var(--navy);font:inherit;cursor:pointer}
.vps-body button:disabled{opacity:.5;cursor:default}
.vps-body :where(a,button,input,select):focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.vps-body .vps-results{margin:0;min-width:0}
.vps-body .vps-results>p{font-size:1rem;line-height:1.75}
.vps-body .comparison-table__scroll{max-width:100%;overflow-x:auto}
.vps-body .vps-table{width:100%;min-width:930px;border-collapse:collapse;text-align:left;font-size:1rem}
.vps-body .vps-table caption{text-align:left;padding:12px 0;font-size:1rem}
.vps-body .vps-table th,.vps-body .vps-table td{padding:16px 12px;vertical-align:top;white-space:normal;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.vps-body .vps-table thead th{background:var(--navy);color:var(--paper)}
.vps-body .vps-table th[scope=row]{width:20%;min-width:170px;font-weight:700}
.vps-body .vps-table th[scope=row] a{display:inline-flex;align-items:center;min-height:44px}
.vps-body .vps-table td:last-child a{display:inline-flex;align-items:center;min-height:44px}
.vps-body .vps-table span{display:block;margin-top:6px;font-size:1rem;font-weight:400;line-height:1.65}
.vps-body .vps-table td strong{font-size:1rem}
.vps-body .vps-table .vps-price{font-size:1.25rem;font-variant-numeric:tabular-nums;white-space:nowrap}
.vps-body .vps-pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:20px}
.vps-body .vps-providers section{min-width:0;scroll-margin-top:20px}
.vps-body .vps-providers h3{margin:0 0 12px;font-size:1.25rem}
.vps-body .vps-providers p{font-size:1rem;line-height:1.8}
.vps-body .vps-copy h2{margin-top:0}
.vps-body .vps-copy p{font-size:1rem;line-height:1.85;max-width:75ch}
.vps-body .vps-disclosure{border-left:3px solid var(--orange);padding-left:12px}
.vps-body [hidden]{display:none!important}
@media(max-width:900px){.vps-body .vps-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
 .vps-body .vps-main{gap:20px}
 .vps-body .vps-controls,.vps-body .vps-copy{padding:16px}
 .vps-body .vps-fields{grid-template-columns:1fr;gap:16px}
 .vps-body .vps-actions{display:grid;gap:16px}
 .vps-body .vps-pagination{gap:8px;flex-wrap:wrap}
 .vps-body .vps-pagination button{padding-inline:10px}
 .vps-body .comparison-table__scroll{overflow:visible}
 .vps-body .vps-table{min-width:0;table-layout:fixed}
 .vps-body .vps-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .vps-body .vps-table tbody{display:block}
 .vps-body .vps-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:2px solid var(--navy);margin-bottom:20px;background:var(--paper)}
 .vps-body .vps-table th[scope=row]{display:block;grid-column:1/-1;width:auto;min-width:0}
 .vps-body .vps-table td{display:block;min-width:0;padding:12px}
 .vps-body .vps-table td:before{content:attr(data-label);display:block;margin-bottom:6px;font-weight:400}
 .vps-body .vps-table td:nth-child(6),.vps-body .vps-table td:last-child{grid-column:1/-1}
 .vps-body .vps-table td:last-child{padding-block:6px}
}
@media(prefers-reduced-motion:reduce){.vps-body *{scroll-behavior:auto!important}}

/* Use-case reading uses native details and the existing site's colours. */
.vps-body .vps-usecase-picker{border-block:1px solid var(--line);padding:4px 0}
.vps-body .vps-usecase-picker>summary{padding:12px 4px;cursor:pointer;font-size:1rem;font-weight:700;min-height:44px;box-sizing:border-box}
.vps-body .vps-usecase-links{display:flex;flex-wrap:wrap;gap:4px 24px;padding:8px 4px 16px}
.vps-body .vps-usecase-links a{display:inline-flex;align-items:center;min-height:44px;font-size:1rem}
.vps-body .vps-usecases{min-width:0}
.vps-body .vps-usecases>p{max-width:78ch}
.vps-body .vps-usecase{border-top:1px solid var(--line);scroll-margin-top:24px;min-width:0}
.vps-body .vps-usecase:last-child{border-bottom:1px solid var(--line)}
.vps-body .vps-usecase>summary{cursor:pointer;padding:18px 4px;min-height:44px;box-sizing:border-box;line-height:1.65}
.vps-body .vps-usecase-title{font-size:1.125rem;font-weight:700}
.vps-body .vps-usecase-spec{display:block;margin:4px 0 0 20px;font-size:1rem;font-weight:400}
.vps-body .vps-usecase-content{padding:0 4px 20px;overflow-wrap:anywhere}
.vps-body .vps-usecase-content h3{margin:24px 0 8px;font-size:1.125rem;line-height:1.6}
.vps-body .vps-usecase-content p{margin:12px 0;font-size:1rem}
.vps-body .vps-usecase-content a{display:inline;line-height:1.9}
.vps-body .vps-usecase-sources a,.vps-body .vps-usecase-content .vps-usecase-preset{display:inline-flex;align-items:center;min-height:44px}
.vps-body .vps-usecase-prices{padding-left:22px;margin:12px 0}
.vps-body .vps-usecase-prices li{margin:0 0 16px;line-height:1.75;font-size:1rem}
.vps-body .vps-usecase-prices li>a{display:inline-flex;align-items:center;min-height:44px;font-weight:700}
.vps-body .vps-usecase-prices span{display:block;font-size:1rem}
.vps-body summary:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.vps-body #vps-usecases,.vps-body #vps-comparison{scroll-margin-top:24px}
@media(max-width:620px){.vps-body .vps-usecase-links{display:grid;gap:4px}.vps-body .vps-usecase-spec{margin-left:0}.vps-body .vps-usecase>summary{padding-block:16px}}