/* Content, tools and resource navigation share Sharktech's existing visual language. */
.compact-dropdown{position:relative}.compact-menu{position:absolute;transform:none!important;left:auto!important;right:0!important;width:290px!important;grid-template-columns:1fr!important;padding:18px 24px!important;gap:0!important}.compact-menu a{min-height:44px}.nav-dropdown>button{white-space:nowrap}.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.footer-policies{display:flex;flex-wrap:wrap;gap:14px 28px;border-top:1px solid var(--line);padding:26px 0;font-size:14px;color:#b9c8d2}.footer-policies a:hover,.article-body a:hover{text-decoration:underline}.resource-hero{padding:128px max(24px,calc((100vw - var(--max))/2)) 46px;background:linear-gradient(120deg,#06090d,#102334)}.resource-hero h1{font:600 clamp(34px,4.3vw,58px)/1.12 'Space Grotesk',sans-serif;letter-spacing:-.035em;margin:12px 0 18px;max-width:970px}.resource-hero p:not(.eyebrow){max-width:810px;color:#b9c8d2;font-size:18px}.resource-hero .eyebrow{margin-bottom:12px}.resource-hero .bread{font-size:14px!important}.resource-meta{display:flex;flex-wrap:wrap;gap:10px 24px;font-size:14px;color:#b9c8d2}.resource-section{padding:48px max(24px,calc((100vw - var(--max))/2)) 70px}.resource-section.light,.article-layout{background:#f3f6f8;color:#13232f}.resource-section h2{font:600 clamp(28px,3vw,40px)/1.2 'Space Grotesk';letter-spacing:-.025em}.resource-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.resource-card{background:#0e1a25;border:1px solid #2b3d4c;padding:26px;min-width:0}.light .resource-card{background:#fff;border-color:#d2dde4}.resource-card h2,.resource-card h3{font:600 24px/1.25 'Space Grotesk';margin:0 0 14px}.resource-card p{color:#aebfcc;margin:12px 0 22px}.light .resource-card p{color:#4a606e}.resource-card a:not(.button){color:#40b8ff;text-decoration:underline;text-underline-offset:3px}.light .resource-card a:not(.button){color:#005e9c}.resource-card .button{margin-top:10px}.resource-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.resource-actions .button{min-width:180px}.article-layout{display:grid;grid-template-columns:230px minmax(0,840px);justify-content:center;gap:56px;padding:50px 24px 80px}.article-aside{font-size:14px}.article-aside nav{position:sticky;top:110px}.article-aside a{display:block;padding:9px 0;color:#285067}.article-aside strong{display:block;font-size:16px;margin-bottom:16px}.article-body{max-width:840px;min-width:0;font-size:17px;line-height:1.85;overflow-wrap:anywhere}.article-body p{margin:0 0 24px}.article-body h2{font:600 32px/1.25 'Space Grotesk';margin:40px 0 18px;letter-spacing:-.02em}.article-body h3{font:600 25px/1.3 'Space Grotesk';margin:32px 0 15px}.article-body h4,.article-body h5{font-size:20px;margin:24px 0 12px}.article-body a{color:#0067a7;text-decoration:underline;text-underline-offset:3px}.article-body img{max-width:100%;height:auto;display:block;margin:24px auto}.article-body figure{margin:28px 0}.article-body figcaption{font-size:14px;color:#526777}.article-body ul,.article-body ol{padding-left:26px;margin:22px 0}.article-body li{margin:8px 0}.article-body blockquote{border-left:3px solid #0797ed;padding:10px 24px;margin:28px 0;background:#e8f0f5}.article-body table{border-collapse:collapse;width:100%;font-size:15px;margin:25px 0}.table-scroll{overflow-x:auto;max-width:100%}.article-body td,.article-body th{border:1px solid #b9c9d3;padding:12px;text-align:left}.article-body pre{background:#0b1821;color:white;padding:22px;overflow-x:auto;white-space:pre;font-size:14px}.article-body .article-embed{border:0;width:100%;height:350px;margin:24px 0}.article-body .article-embed.podcast{height:200px}.article-cover{max-height:460px;object-fit:contain;width:100%}.article-note{padding:18px 22px;background:#e4eef4;border-left:3px solid #007fc7;font-size:15px;line-height:1.6}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.blog-card{background:#fff;border:1px solid #d2dde4;min-width:0;display:flex;flex-direction:column}.blog-card img{width:100%;height:200px;object-fit:cover;background:#e2ebf0}.blog-card-body{padding:24px;display:flex;flex-direction:column;flex:1}.blog-card h2{font-size:24px;margin:12px 0}.blog-card time,.blog-category{font-size:14px;color:#526777}.blog-card p{color:#4a606e;font-size:15px}.blog-card .read-link{margin-top:auto;font-weight:800;color:#0067a7;padding-top:16px}.blog-filter,.tool-controls{display:flex;align-items:end;flex-wrap:wrap;gap:20px;margin:0 0 28px}.blog-filter label,.tool-controls label{flex:1;min-width:180px;font-weight:700;font-size:14px}.blog-filter input,.blog-filter select,.tool-controls input,.tool-controls select,.tool-panel input,.tool-panel select{display:block;background:white;color:#142733;border:1px solid #9fb2c0;min-height:46px;width:100%;padding:10px 12px;margin-top:7px;font-size:16px}.pagination{display:flex;gap:9px;flex-wrap:wrap;margin-top:32px}.pagination a{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid #9fb2c0;padding:8px;color:#135172}.pagination a[aria-current=page]{background:#006abc;color:#fff;border-color:#006abc}.tool-panel{background:#fff;border:1px solid #c8d7e1;padding:30px;color:#142733;margin-bottom:28px;min-width:0}.tool-panel h2{margin:0 0 15px}.tool-panel label{font-size:14px;font-weight:700}.tool-note{font-size:14px;color:#526777;line-height:1.6}.tool-panel button:disabled{opacity:.5;cursor:not-allowed;transform:none}.tool-output{background:#07131d;color:#d7eaf7;padding:24px;min-height:160px;max-height:500px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.7 ui-monospace,monospace}.speed-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:28px 0}.speed-metrics>div{padding:22px;background:#eaf1f6;border-top:3px solid #0797ed}.speed-metrics strong{display:block;font:600 30px 'Space Grotesk';margin:8px 0}.speed-metrics span,.speed-metrics small{font-size:14px}.tool-status{min-height:26px;font-size:15px}.contact-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:48px}.contact-native{background:white;color:#142733;padding:32px;border:1px solid #c8d7e1}.contact-native h2{margin-top:0}.contact-native label{display:block;margin-bottom:20px;font-weight:700;font-size:14px}.contact-native input,.contact-native textarea{display:block;min-height:46px;border:1px solid #9fb2c0;background:white;color:#142733;padding:12px;width:100%;margin-top:8px;font-size:16px}.contact-native textarea{resize:vertical}.contact-native .button{margin-top:20px}.contact-native .form-result{margin:20px 0 0;overflow-wrap:anywhere}.contact-native input[aria-invalid=true]{border-color:#c32230}.contact-details h2{font-size:27px}.contact-details a{color:#0067a7;text-decoration:underline}.contact-details article{margin-bottom:32px}.contact-details address{font-style:normal}.vm-row{display:grid;grid-template-columns:1.4fr repeat(6,minmax(80px,1fr)) auto;gap:12px;align-items:end;padding:20px 0;border-bottom:1px solid #c9d7df}.vm-row .remove-vm{padding:10px;border:1px solid #a2b4c0;background:white;color:#233f51;min-height:46px;cursor:pointer}.vm-total{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:26px 0}.vm-total>div{padding:16px;background:#eaf1f6}.vm-total strong{display:block;font:600 27px 'Space Grotesk'}.estimate-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:24px 0}.estimate-table,.benchmark-table{width:100%;border-collapse:collapse;font-size:15px}.estimate-table th,.estimate-table td,.benchmark-table th,.benchmark-table td{text-align:left;padding:14px;border-bottom:1px solid #c8d7e1}.estimate-table .best-plan{background:#e7f4fb}.estimate-table small{display:block;color:#4a606e}.benchmark-chart{width:100%;height:auto;max-height:370px;background:#f3f7fa;border:1px solid #d2dde4}.benchmark-chart text{font:12px sans-serif;fill:#334c5d}.search-results{display:grid;gap:16px;max-width:900px}.search-results article{padding:24px;background:#fff;border:1px solid #c8d7e1}.search-results h2{font-size:25px;margin:0 0 8px}.search-results a{color:#0067a7}.search-results p{color:#4a606e;margin:0}.search-results small{color:#546d7d;font-size:14px}.tool-panel input:invalid:not(:placeholder-shown){box-shadow:none}.tool-panel .form-error{color:#a31825;font-weight:700}.article-body [id]{scroll-margin-top:105px}
@media(min-width:1101px) and (max-width:1320px){.site-header{gap:16px;padding-left:22px;padding-right:22px}.nav{gap:14px}.brand{min-width:180px}.brand img{width:158px}.brand span{display:none}.header-actions .text-link{font-size:13px}.header-actions{gap:10px}.header-actions .button{padding:0 12px}}
@media(max-width:1100px){.nav{display:none}.menu-toggle{display:block;order:3}.site-header{justify-content:space-between}.nav.open{display:flex;position:absolute;top:80px;left:0;right:0;background:#071019;flex-direction:column;padding:24px;gap:20px;align-items:flex-start}.nav.open .nav-dropdown{width:100%}.nav.open .nav-dropdown>button{padding:0}.nav.open{max-height:calc(100dvh - 80px);overflow-y:auto}.compact-menu{position:static!important;width:100%!important;box-shadow:none!important}.nav.open .mega-menu{position:static;max-height:none}.vm-row{grid-template-columns:repeat(4,minmax(0,1fr))}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-layout{gap:24px}.article-layout{grid-template-columns:180px minmax(0,1fr);gap:30px}.resource-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.resource-hero{padding:115px 22px 30px}.resource-section{padding:32px 22px 50px}.resource-hero h1{font-size:36px}.resource-hero p:not(.eyebrow){font-size:16px}.article-layout{display:block;padding:28px 22px 48px}.article-aside{margin-bottom:28px;border-bottom:1px solid #b7c9d4;padding-bottom:20px}.article-aside nav{position:static}.article-aside a{display:inline-block;margin-right:20px;padding:5px 0}.article-body{font-size:16px}.article-body h2{font-size:28px}.blog-grid,.resource-cards,.contact-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.speed-metrics{grid-template-columns:1fr 1fr;gap:10px}.speed-metrics>div{padding:16px}.tool-panel{padding:22px 16px}.blog-filter,.tool-controls{display:block}.blog-filter label,.tool-controls label{display:block;margin:16px 0}.tool-controls button,.blog-filter button{width:100%}.contact-native{padding:24px 18px}.vm-row{grid-template-columns:repeat(2,minmax(0,1fr))}.vm-row label:first-child{grid-column:1/-1}.estimate-options,.vm-total{grid-template-columns:1fr 1fr}.article-body .article-embed{height:230px}.article-body .article-embed.podcast{height:200px}}
@media print{header,footer,.article-aside,.resource-actions{display:none!important}.resource-hero,.article-layout{background:white!important;color:black!important;padding:12px!important;display:block!important}.resource-hero p,.article-body a{color:black!important}.article-body{max-width:none}}

.footer-social{display:flex;gap:24px;flex-wrap:wrap;padding:0 0 26px;color:#b9c8d2;font-size:14px}.footer-social a:hover{text-decoration:underline}

.customer-voices{margin-top:60px}.customer-quotes{display:grid;grid-template-columns:1fr 1fr;gap:24px}.customer-quotes figure{margin:0;padding:28px;border-top:3px solid #0797ed;background:white}.customer-quotes blockquote{font:500 24px/1.5 'Space Grotesk';margin:0 0 20px}.customer-quotes figcaption{font-size:14px;color:#526777}@media(max-width:720px){.customer-quotes{grid-template-columns:1fr}}

/* Responsive cloud calculator. */
.calculator-page .resource-hero{padding-bottom:36px}
.calculator-page .resource-hero h1{font-size:clamp(36px,5vw,64px);line-height:1.08;max-width:900px}
.calculator-page .resource-hero>p:last-child{max-width:760px}
.calculator-page .tool-panel{padding:32px;border-radius:12px;box-shadow:0 8px 30px #12304708;min-width:0}
.calculator-page h2{font-size:26px;line-height:1.25;margin:0 0 12px}
.calculator-page .vm-row{background:#f3f7fa;border:1px solid #d5e1e9;border-radius:8px;padding:20px;margin:20px 0;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.calculator-page .vm-row label:first-child{grid-column:1/-2}
.calculator-page .remove-vm{grid-column:6;grid-row:1;min-height:44px;background:#fff;color:#334f63;border:1px solid #bacbd7;border-radius:5px}
.calculator-page label{min-width:0;font-size:13px;line-height:1.4;gap:8px}
.calculator-page input,.calculator-page select{width:100%;min-width:0;min-height:46px;font-size:16px;border-radius:5px;background:#fff}
.calculator-page input[type=number]{text-align:left;font-variant-numeric:tabular-nums}
.calculator-page .calculator-add{background:#fff;color:#09629c;border:1px solid #09629c;min-height:46px}
@media(min-width:601px) and (max-width:1100px){
 .calculator-page .vm-row{grid-template-columns:repeat(3,minmax(0,1fr))}
 .calculator-page .vm-row label:first-child{grid-column:1/3}
 .calculator-page .remove-vm{grid-column:3}
}
.calculator-page .calculator-add:hover{background:#e9f4fb}
.calculator-page .estimate-settings-title{margin-top:36px;padding-top:28px;border-top:1px solid #d5e1e9}
.calculator-page .estimate-options{margin:20px 0 28px;align-items:end}
.calculator-page .vm-total{margin:24px 0 36px;gap:12px}
.calculator-page .vm-total>div{padding:18px;border-radius:8px;background:#edf5fb;border:1px solid #d4e5f1}
.calculator-page .vm-total strong{font-size:28px;color:#0c436a}
.calculator-page .estimate-table{table-layout:fixed}
.calculator-page .estimate-table th,.calculator-page .estimate-table td{padding:18px 12px;vertical-align:top;overflow-wrap:anywhere}
.calculator-page .estimate-table thead{background:#f1f5f8}
.calculator-page .estimate-table th:nth-child(3){width:24%}
.calculator-page .estimate-total{font-size:20px;font-weight:700;color:#0c436a}
.calculator-page .estimate-total small{font-size:12px;font-weight:500;margin-top:8px;line-height:1.5}
.calculator-page .estimate-breakdown{display:grid;gap:5px;margin-top:8px;font-size:12px}
.calculator-page .estimate-action .button{white-space:normal;text-align:center;min-height:44px;padding:12px;font-size:13px}
.calculator-page .resource-actions{gap:12px}
@media(max-width:900px){
 .calculator-page .vm-row{grid-template-columns:repeat(3,minmax(0,1fr))}
 .calculator-page .vm-row label:first-child{grid-column:1/3}
 .calculator-page .remove-vm{grid-column:3}
 .calculator-page .table-scroll{overflow:visible}
 .calculator-page .estimate-table,.calculator-page .estimate-table tbody{display:block;width:100%}
 .calculator-page .estimate-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .calculator-page .estimate-table tr{display:grid;grid-template-columns:1fr 1fr;border:1px solid #c7d8e4;border-radius:8px;margin:16px 0;padding:20px;gap:18px;background:#fff}
 .calculator-page .estimate-table tr.best-plan{background:#eef8ff;border-color:#1681c2}
 .calculator-page .estimate-table td,.calculator-page .estimate-table th{display:block;border:0;padding:0;width:auto}
 .calculator-page .estimate-plan{grid-column:1/-1;font-size:22px;color:#0c436a}
 .calculator-page .estimate-table td:before{content:attr(data-label);display:block;font-size:12px;font-weight:600;color:#536b7b;margin-bottom:6px}
 .calculator-page .estimate-usage{grid-column:1/-1;grid-row:3;border-top:1px solid #d5e1e9!important;padding-top:14px!important}
 .calculator-page .estimate-breakdown{grid-template-columns:1fr 1fr;gap:8px}
 .calculator-page .estimate-action{grid-column:1/-1}
 .calculator-page .estimate-action:before{display:none!important}
 .calculator-page .estimate-action .button{width:100%;font-size:14px}
}
@media(max-width:600px){
 .calculator-page .resource-hero{padding:110px 20px 28px}
 .calculator-page .resource-hero h1{font-size:36px;letter-spacing:-1px}
 .calculator-page .resource-hero>p:last-child{font-size:16px;line-height:1.6}
 .calculator-page .calculator-section{padding:24px 12px 40px}
 .calculator-page .tool-panel{padding:22px 16px}
 .calculator-page h2{font-size:23px}
 .calculator-page .vm-row{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px;gap:14px 12px}
 .calculator-page .vm-row label:first-child{grid-column:1/-1}
 .calculator-page .remove-vm{grid-column:1/-1;grid-row:auto}
 .calculator-page .calculator-add{width:100%}
 .calculator-page .estimate-options{gap:18px 12px}
 .calculator-page .vm-total>div{padding:14px}
 .calculator-page .vm-total strong{font-size:25px}
 .calculator-page .estimate-table tr{padding:16px;gap:16px}
 .calculator-page .resource-actions{display:grid;grid-template-columns:1fr}
 .calculator-page .resource-actions .button{width:100%;text-align:center;white-space:normal}
}

/* Location connectivity uses the same spacing and palette as facility details. */
.dc-network{padding-top:42px;padding-bottom:42px;border-bottom:1px solid #294354}
.dc-network h2{margin-bottom:22px}
.dc-network-groups{display:flex;flex-wrap:wrap;gap:24px 48px}
.dc-network-groups h3{font-size:18px;margin:0 0 14px}
.dc-providers{list-style:none;display:flex;flex-wrap:wrap;gap:12px;margin:0;padding:0}
.dc-providers li{padding:12px 18px;background:#132c40;border:1px solid #385366;border-radius:4px;color:#edf6fc;font-size:16px;font-weight:600}
.dc-provider-summary{font-size:15px;line-height:1.75;margin:18px 0 24px;color:#b5c8d6}
.dc-provider-summary strong{font-size:14px;color:#eff6fb}
@media(min-width:1001px){.memberships>div{grid-template-columns:repeat(8,minmax(0,1fr))}}
@media(max-width:600px){.dc-network{padding-top:30px;padding-bottom:30px}.dc-providers{gap:10px}.dc-providers li{padding:10px 14px}.dc-network-groups{gap:24px}}
.experience-section .editorial-columns a.button{color:#fff}

/* One continuous row, moving left to right across desktop and mobile. */
.memberships .membership-heading{display:flex;align-items:center;justify-content:center;position:relative;gap:20px;margin:10px 0 28px}
.memberships .membership-heading h2{margin:0;padding:0 72px;line-height:1.45}
.memberships .membership-heading:not(:has(.membership-motion)) h2{padding:0}
.membership-motion{position:absolute;right:0;min-width:64px;min-height:44px;background:#fff;border:1px solid #b5c4cd;border-radius:4px;color:#344e60;font-size:14px;cursor:pointer}
.membership-motion[hidden]{display:none}
.memberships .membership-viewport{display:block;overflow-x:auto;overflow-y:hidden;width:100%;max-width:1600px;margin:0 auto;padding:6px 0}
.membership-track{display:flex;width:max-content;max-width:none}
.membership-group{display:flex;flex-wrap:nowrap;align-items:center;gap:24px;padding-right:24px;flex-shrink:0}
.memberships .membership-group a{width:190px;min-width:190px;height:90px;padding:12px;flex:0 0 190px}
.memberships .membership-group img{width:100%;height:64px;object-fit:contain}
.memberships.is-scrolling .membership-viewport{overflow:hidden}
.memberships.is-scrolling .membership-track{animation:membership-scroll-right 50s linear infinite}
.memberships.is-paused .membership-track{animation-play-state:paused}
@media(hover:hover) and (pointer:fine){.memberships:hover .membership-track{animation-play-state:paused}}
.memberships.is-keyboard .membership-viewport{overflow-x:auto}
.memberships.is-keyboard .membership-track{animation:none;transform:none}
.memberships.is-keyboard .membership-copy{display:none}
.membership-group a:focus-visible,.membership-motion:focus-visible{outline:3px solid #0078b9;outline-offset:3px}
@keyframes membership-scroll-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(max-width:700px){
 .memberships .membership-heading{justify-content:space-between;gap:12px;text-align:left}
 .memberships .membership-heading h2{padding:0;font-size:20px}
 .membership-motion{position:static;flex:0 0 64px}
 .memberships .membership-group a{width:160px;min-width:160px;flex-basis:160px;height:86px}
 .membership-group{gap:20px;padding-right:20px}
}
@media(prefers-reduced-motion:reduce){
 .memberships.is-scrolling .membership-track{animation:none;transform:none}
 .memberships.is-scrolling .membership-viewport{overflow-x:auto}
 .memberships .membership-copy,.membership-motion{display:none}
}

/* Align dropdown link text with its trigger and make the open menu unmistakable. */
.nav-dropdown>button{display:inline-flex;align-items:center;justify-content:center;gap:6px;line-height:1.3;position:relative;isolation:isolate}
.nav-dropdown>button::before{content:"";position:absolute;inset:12px -10px;z-index:-1;background:#12334b;border-bottom:3px solid #39b7ff;border-radius:3px;opacity:0;transition:opacity .18s ease}
.nav-dropdown>button[aria-expanded=true]{color:#fff}
.nav-dropdown>button[aria-expanded=true]::before{opacity:1}
.nav-dropdown>button[aria-expanded=true] .nav-chevron{color:#6dceff}
.nav-chevron{display:block;flex:none}
@media(min-width:1101px){
 .site-header .nav{height:100%;align-items:center}
 .nav-dropdown{height:100%;display:flex;align-items:center}
 .nav-dropdown>button{height:100%;padding-top:0;padding-bottom:0}
 .compact-menu{left:-25px!important;right:auto!important;transform:none!important;top:100%!important}
 .nav-dropdown:not(.compact-dropdown){position:static}
 .nav-dropdown:not(.compact-dropdown)>.mega-menu{position:absolute;top:100%}
}
@media(max-width:1100px){
 .nav.open .compact-menu{left:auto!important;right:auto!important;transform:none!important}
 .nav.open .nav-dropdown>button{width:100%;min-height:44px;justify-content:space-between}
 .nav.open .nav-dropdown>button::before{inset:0 -10px}
}

/* Shared compact quantity controls keep the number next to its label. */
.compact-quantity{position:relative}
.quantity-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 10px}
.commerce .quantity-heading>label{font-size:16px;font-weight:700;line-height:1.4;margin:0}
.compact-quantity .exact-quantity{flex:0 0 152px;max-width:152px;margin:0}
.exact-quantity-field{display:flex;align-items:center;gap:8px}
.commerce .compact-quantity .exact-quantity input{width:100%;min-width:0;margin:0;padding:10px 12px;text-align:left;font-size:16px;font-variant-numeric:tabular-nums}
.quantity-unit{color:#526a79;font-size:14px;font-weight:600}
.compact-quantity .exact-quantity-label,.quantity-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}
.compact-quantity .range-track{gap:12px}
.compact-quantity .range-track input{flex:1;min-width:0;width:100%}
.compact-quantity .range-track button{border-radius:4px}
.compact-quantity .range-limits{margin:6px 0 0;font-size:13px;gap:10px}
#vps-configurator .addon-controls{margin-top:24px;padding-top:24px}
#vps-configurator .addon-controls h3{margin-bottom:8px}
#vps-configurator .addon-controls>p{margin:8px 0 18px}
#vps-configurator .addon-grid{display:grid;grid-template-columns:1fr;gap:0}
#vps-configurator .addon-grid>div{padding:16px 0;border-top:1px solid #cbd8e1;max-width:none}
#vps-configurator .addon-grid small{margin:8px 0 0;font-size:13px;line-height:1.5}
#vps-configurator #vps-capacity{padding:14px;background:#edf5fa;border-radius:4px;font-size:14px;line-height:1.7;margin:14px 0 0}
.s3-configurator{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);margin:28px 0;border:1px solid #bfcfda;background:#fff;border-radius:8px;overflow:hidden}
.s3-allocation,.s3-summary{min-width:0;padding:30px}
.s3-configurator h3{font:600 25px/1.3 'Space Grotesk',sans-serif;margin:0 0 24px}
.s3-resource+.s3-resource{margin-top:24px;padding-top:24px;border-top:1px solid #ccd9e2}
.s3-rate{color:#526a79;font-size:14px;line-height:1.6;margin:12px 0 0}
.s3-summary{background:#eaf2f8;border-left:1px solid #bfcfda}
.s3-estimate{margin:22px 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px}
.s3-estimate strong{font:600 clamp(34px,4vw,46px)/1.15 'Space Grotesk',sans-serif;letter-spacing:-.035em;color:#0e314b;overflow-wrap:anywhere}
.s3-estimate span{font-size:14px;color:#4b6475}
.s3-cost-breakdown{margin:0 0 24px}
.s3-cost-breakdown>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #c7d7e2;font-size:15px}
.s3-cost-breakdown dd{font-weight:700;margin:0}
.s3-summary .button{width:100%;white-space:normal;min-height:48px}
.s3-summary #s3-checkout-note{font-size:14px;line-height:1.7;color:#4b6475;margin:18px 0 0}
.cloud-calculator-reference{display:flex;align-items:center;justify-content:space-between;gap:18px 30px;padding:18px 22px;margin:22px 0;border:1px solid #bcd4e4;border-radius:6px;background:#edf6fc}
.cloud-calculator-reference p{margin:0;font-size:15px;line-height:1.6;color:#3b5669}
.commerce .cloud-calculator-reference a{white-space:nowrap;font-size:16px;font-weight:700;color:#00669e;text-underline-offset:4px}
@media(max-width:800px){.s3-configurator{grid-template-columns:1fr}.s3-summary{border-left:0;border-top:1px solid #bfcfda}.cloud-calculator-reference{align-items:flex-start;flex-direction:column;gap:10px}}
@media(max-width:600px){
 .s3-allocation,.s3-summary{padding:22px 18px}
 .s3-configurator h3{font-size:23px}
 .quantity-heading{gap:10px}
 .commerce .quantity-heading>label{font-size:14px}
 .compact-quantity .exact-quantity{flex-basis:140px;max-width:140px}
 .compact-quantity .range-limits{font-size:12px}
 #vps-configurator .addon-grid small{font-size:13px}
 .cloud-calculator-reference{padding:16px}
}
@media(min-width:1101px){
 #vps-configurator .compact-quantity{display:grid;grid-template-columns:140px minmax(160px,1fr) 152px;gap:4px 16px;align-items:center}
 #vps-configurator .quantity-heading{display:contents}
 #vps-configurator .quantity-heading>label:first-child{grid-column:1;grid-row:1;font-size:14px}
 #vps-configurator .quantity-heading>.exact-quantity{grid-column:3;grid-row:1;max-width:none}
 #vps-configurator .compact-quantity .range-track{grid-column:2;grid-row:1;gap:8px}
 #vps-configurator .compact-quantity .range-limits{grid-column:2/4;grid-row:2;margin:0}
 #vps-configurator .addon-grid>div{padding:14px 0}
}

/* Leave room for seven-digit capacities and native stepper arrows on small phones. */
@media(max-width:375px){
 .calculator-page .vm-row{grid-template-columns:1fr}
 .calculator-page .vm-row label:first-child,.calculator-page .remove-vm{grid-column:1}
 .calculator-page .remove-vm{grid-row:auto}
}