/* VPS hosting (ontwerp A, okt 2026). Bouwt voort op home.css en hosting.css. */
.vxh > .in{min-width:0;width:100%}
.vxh .vsplit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:56px;align-items:center;padding:56px 0 8px}
.vxh .vps-term{margin:0}
.vxh .vps-term .vp-console-output{height:auto;min-height:0;max-height:none}
.vxh .vps-term .pr{color:var(--d-blue)}
.vxh .vps-term .cur{display:inline-block;width:8px;height:15px;background:#d3dae6;vertical-align:-2px}
.vxh .vps-meters{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--vp-term-line)}
.vxh .vps-meters div{padding:10px 16px;font-size:12.5px;color:#7f8aa0;display:flex;flex-direction:column;gap:2px;min-width:0}
.vxh .vps-meters div+div{border-left:1px solid var(--vp-term-line)}
.vxh .vps-meters b{font-family:var(--f-mono);color:#d3dae6;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vxh .specs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0 4px;padding:12px 0;border-top:1px solid var(--d-line);border-bottom:1px solid var(--d-line)}
.vxh .specs div{display:flex;flex-direction:column;margin:0}
.vxh .specs dt{font-size:12px;color:var(--d-faint)}
.vxh .specs dd{margin:0;font-family:var(--f-display);font-size:20px;font-weight:650;color:var(--d-ink)}
.vxh .specs dd small{font-size:13px;color:var(--d-mut);margin-left:2px}
.vxh .know{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.vxh .know div{border:1px solid var(--d-line);border-radius:10px;padding:18px;background:var(--d-card)}
.vxh .know h3{margin:0 0 6px;font-size:17px}
.vxh .know p{margin:0;color:var(--d-mut);font-size:14.5px}
.vxh .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.vxh .two .plan p.pr{font-size:22px}
.vxh .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:960px){ .vxh .vsplit{grid-template-columns:1fr;gap:32px;padding-top:40px} }
@media (max-width:900px){ .vxh .know{grid-template-columns:1fr} }
@media (max-width:760px){ .vxh .two{grid-template-columns:1fr} }
@media (max-width:560px){ .vxh .vps-meters div{padding:10px 12px} .vxh .vps-meters b{font-size:11.5px;white-space:normal;overflow:visible} }
