/* ============================================================
   WYVERN FREIGHT — CUSTOMS CLEARANCE · page-only rules (loaded only by services/customs-clearance.html)
   Review 2026-10-24 of the Import Clearance tab (user's brief: audit first, refine draft parts only).
   References: DP World Value Added Services "Customs Clearance" (photo-led) and Coverage options (grey text half beside
   a full-bleed photo); Maersk Customs Services (text/photo splits, reading-width copy); IBM Carbon DESIGN.md (square
   corners, hairlines). Live wording, the warning style, tab bar, banner and closing band are untouched.
   ============================================================ */
/* Import Clearance opening block: the approved heading, lead and note beside a photo (was text with an empty right half) */
.cc-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:56px;align-items:center}
.cc-split .spg-head{margin-bottom:0}
.cc-split-copy > .spg-note{max-width:720px;margin-top:16px;font:400 17px/1.55 var(--sans);color:var(--muted)}
.cc-split-img{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--line)}
.cc-split-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* readable text in steps and notices on this page (UI/UX Pro Max readable-font-size: 16px; was 15px) */
.spg-page .spg-stage p,.spg-page .spg-notice p{font-size:16px}
/* the courier link inside the route warning: ink, underlined, the site's text-link treatment */
.spg-notice p a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px}
.spg-notice p a:hover{text-decoration-color:var(--ink)}
.spg-notice p a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}

@media (max-width:900px){
  /* steps and the split stack below 900px: at 768px three 240px step columns wrapped every heading; at 1024px both still fit */
  .spg-page .spg-stages{grid-template-columns:minmax(0,1fr)}
  .spg-page .spg-stage,.spg-page .spg-stage + .spg-stage{padding:22px 0;border-left:0}
  .cc-split{grid-template-columns:minmax(0,1fr);row-gap:28px}
}