/* Warehousing / bonded storage page (scripts/site/pages/warehouse.js). Loaded after service.css; site.css tokens only.
   Flat, text-first layouts (scripts/site/DESIGN.md): no chips, code badges, stripes or numbered circles. */

/* Hero: the customer's subtitle under the H1 */
.page-hero.wh-hero p.wh-subtitle{color:#fff;font-size:clamp(19px,1.9vw,24px);font-weight:700;letter-spacing:-.3px;line-height:1.25;margin:0 0 14px}

/* Service groups: headed bullet lists in three columns, no cards */
.wh-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 48px}
.wh-group h3{font-size:18px;line-height:1.3;margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid #d9dfe5}
.wh-group ul{margin:0;padding-left:1.15em}
.wh-group li{font-size:14.5px;color:#38414b;line-height:1.5;margin:0 0 6px}
.wh-group li::marker{color:#8a949e}

/* Countries reuse the .svc-scope rows (name left, text right) */
.wh-countries dt{font-size:19px}

/* Export / import flows: two plain ordered lists */
.wh-flows{display:grid;grid-template-columns:1fr 1fr;gap:48px;max-width:960px}
.wh-flow h3{font-size:19px;margin:0 0 12px}
.wh-flow ol{margin:0;padding-left:1.4em}
.wh-flow li{font-size:15px;color:#38414b;line-height:1.5;margin:0 0 8px;padding-left:4px}
.wh-flow li::marker{font-weight:700;color:var(--ink)}

/* Sectors: plain list in columns */
.wh-sectors-section{padding:60px 0}
.wh-sectors-section h2{margin:0 0 20px}
.wh-sectors{margin:0;padding-left:1.15em;columns:4;column-gap:40px}
.wh-sectors li{break-inside:avoid;font-size:15px;color:#2c333b;margin:0 0 8px}
.wh-sectors li::marker{color:var(--orange)}

/* Why ViaNova: two columns of short headed paragraphs */
.wh-why{display:grid;grid-template-columns:1fr 1fr;gap:28px 56px;max-width:980px}
.wh-why h3{font-size:17px;margin:0 0 4px}
.wh-why p{margin:0;font-size:15px;color:#38414b;line-height:1.55}

/* Quote form heading is the customer's long CTA title: keep it a little smaller */
.wh-quote .quote-info h2{font-size:clamp(24px,2.4vw,30px)}

/* Closing disclaimer */
.wh-disclaimer{background:var(--pale);border-bottom:1px solid var(--line);padding:16px 0}
.wh-disclaimer p{margin:0;font-size:12px;line-height:1.55;color:var(--muted);max-width:900px}

@media (max-width:980px){
  .wh-groups{grid-template-columns:1fr 1fr}
  .wh-sectors{columns:3}
}
@media (max-width:700px){
  .wh-groups,.wh-flows,.wh-why{grid-template-columns:1fr;gap:28px}
  .wh-sectors{columns:2;column-gap:24px}
}
@media (max-width:540px){
  .page-hero.wh-hero p.wh-subtitle{font-size:18px}
  .wh-sectors-section{padding:44px 0}
  .wh-sectors li{font-size:14px}
  .wh-countries dt{font-size:17px}
}