/* ══ tokens/fonts.css ══ */
/* SCTR webfonts.
   SUBSTITUTION NOTE: no font binaries were supplied with the brand assets.
   The SCTR logotype is a squarish, oblique technical sans (Eurostile / Microgramma
   family). Saira is the closest free match for display type; Barlow carries UI and
   body copy; IBM Plex Mono is used for rego plates, asset numbers and codes.
   Replace with licensed brand fonts when available. */
@import url("https://fonts.googleapis.com/css2?family=Saira:ital,wght@0,500;0,600;0,700;0,800;1,600;1,700;1,800&family=Barlow:ital,wght@0,400;0,500;0,600;0,700;1,400&family=IBM+Plex+Mono:wght@400;600&display=swap");


/* ══ tokens/colors.css ══ */
:root{
  /* ── Core brand (from colours.docx: SCTR Color palette) ───────────────── */
  --sctr-navy:#0a193c;      /* CMYK 83 58 0 76 */
  --sctr-amber:#feb729;
  --sctr-black:#000000;
  --sctr-white:#ffffff;

  /* ── Navy ramp (tints/shades of --sctr-navy, for surfaces and depth) ──── */
  --navy-900:#050d20;
  --navy-800:#0a193c;
  --navy-700:#12244f;
  --navy-600:#1b3164;
  --navy-500:#2b4680;
  --navy-300:#7d8fb3;
  --navy-100:#d3daea;
  --navy-050:#eef1f8;

  /* ── Amber ramp ───────────────────────────────────────────────────────── */
  --amber-700:#b57a08;
  --amber-600:#e09c10;
  --amber-500:#feb729;
  --amber-300:#ffd478;
  --amber-100:#fff0cf;
  --amber-050:#fff8ea;

  /* ── Neutrals (warm-free greys; the brand reads cool and industrial) ──── */
  --grey-900:#14171d;
  --grey-700:#3d434f;
  --grey-500:#6b7280;
  --grey-400:#9aa1ad;
  --grey-300:#c8cdd6;
  --grey-200:#e3e6ec;
  --grey-100:#f1f3f7;
  --grey-050:#f8f9fb;

  /* ── Semantic status (extension: none supplied in brand assets) ───────── */
  --status-available:#1f8a4c;
  --status-available-bg:#e8f5ed;
  --status-booked:#b3261e;
  --status-booked-bg:#fdecea;
  --status-service:#e09c10;
  --status-service-bg:#fff4dc;
  --status-info:#12244f;
  --status-info-bg:#eef1f8;

  /* ── Semantic aliases — use these in components ───────────────────────── */
  --text-strong:var(--navy-800);
  --text-body:var(--grey-700);
  --text-muted:var(--grey-500);
  --text-on-dark:var(--sctr-white);
  --text-on-dark-muted:rgba(255,255,255,.72);
  --text-on-amber:var(--navy-800);
  --text-link:var(--navy-700);
  --text-link-hover:var(--amber-700);

  --surface-page:var(--sctr-white);
  --surface-subtle:var(--grey-050);
  --surface-card:var(--sctr-white);
  --surface-inset:var(--grey-100);
  --surface-dark:var(--navy-800);
  --surface-dark-raised:var(--navy-700);
  --surface-black:var(--sctr-black);
  --surface-accent:var(--sctr-amber);
  --surface-accent-subtle:var(--amber-050);

  --border-subtle:var(--grey-200);
  --border-default:var(--grey-300);
  --border-strong:var(--navy-800);
  --border-on-dark:rgba(255,255,255,.18);
  --border-accent:var(--sctr-amber);

  --action-primary-bg:var(--sctr-amber);
  --action-primary-bg-hover:var(--amber-600);
  --action-primary-bg-active:var(--amber-700);
  --action-primary-fg:var(--navy-800);
  --action-secondary-bg:var(--navy-800);
  --action-secondary-bg-hover:var(--navy-700);
  --action-secondary-bg-active:var(--navy-900);
  --action-secondary-fg:var(--sctr-white);
  --action-ghost-fg:var(--navy-800);
  --action-ghost-border:var(--navy-800);
  --action-ghost-bg-hover:var(--navy-050);
  --action-disabled-bg:var(--grey-200);
  --action-disabled-fg:var(--grey-400);

  --focus-ring:var(--sctr-amber);
  --focus-ring-on-amber:var(--navy-800);

  /* Protection scrim used over fleet photography before white type sits on it */
  --scrim-navy:linear-gradient(90deg,rgba(10,25,60,.92) 0%,rgba(10,25,60,.72) 55%,rgba(10,25,60,0) 100%); /* @kind color */
  --scrim-navy-bottom:linear-gradient(180deg,rgba(10,25,60,0) 0%,rgba(10,25,60,.85) 100%); /* @kind color */
}


/* ══ tokens/typography.css ══ */
:root{
  --font-display:"Saira","Eurostile","Arial Narrow",system-ui,sans-serif; /* headings, wordmark-adjacent type */
  --font-body:"Barlow",system-ui,-apple-system,"Segoe UI",sans-serif;     /* UI + body copy */
  --font-mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",monospace;    /* regos, asset ids, codes */

  --fw-regular:400; /* @kind font */
  --fw-medium:500; /* @kind font */
  --fw-semibold:600; /* @kind font */
  --fw-bold:700; /* @kind font */
  --fw-black:800; /* @kind font */

  /* Display / heading scale (all-caps in use) */
  --fs-hero:clamp(40px,5.2vw,72px); /* @kind font */
  --fs-h1:clamp(34px,4vw,52px); /* @kind font */
  --fs-h2:36px; /* @kind font */
  --fs-h3:26px; /* @kind font */
  --fs-h4:20px; /* @kind font */
  --fs-eyebrow:13px; /* @kind font */

  /* Body scale */
  --fs-lead:20px; /* @kind font */
  --fs-body:17px; /* @kind font */
  --fs-body-sm:15px; /* @kind font */
  --fs-caption:13px; /* @kind font */
  --fs-micro:11px; /* @kind font */

  --lh-tight:1.02; /* @kind font */
  --lh-heading:1.1; /* @kind font */
  --lh-snug:1.3; /* @kind font */
  --lh-body:1.6; /* @kind font */

  --ls-hero:-0.01em; /* @kind font */
  --ls-heading:0; /* @kind font */
  --ls-eyebrow:0.16em;   /* wide tracking, mirrors "1800 TRUCK HIRE" lockup */
  --ls-wordmark:0.28em;  /* mirrors "SouthernCrossTruckRentals" sub-line */
  --ls-button:0.06em; /* @kind font */

  --type-hero:var(--fw-black) var(--fs-hero)/var(--lh-tight) var(--font-display); /* @kind font */
  --type-h1:var(--fw-bold) var(--fs-h1)/var(--lh-heading) var(--font-display); /* @kind font */
  --type-h2:var(--fw-bold) var(--fs-h2)/var(--lh-heading) var(--font-display); /* @kind font */
  --type-h3:var(--fw-semibold) var(--fs-h3)/var(--lh-snug) var(--font-display); /* @kind font */
  --type-h4:var(--fw-semibold) var(--fs-h4)/var(--lh-snug) var(--font-display); /* @kind font */
  --type-eyebrow:var(--fw-semibold) var(--fs-eyebrow)/1.2 var(--font-display); /* @kind font */
  --type-lead:var(--fw-regular) var(--fs-lead)/var(--lh-body) var(--font-body); /* @kind font */
  --type-body:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-body); /* @kind font */
  --type-body-sm:var(--fw-regular) var(--fs-body-sm)/var(--lh-body) var(--font-body); /* @kind font */
  --type-caption:var(--fw-medium) var(--fs-caption)/1.4 var(--font-body); /* @kind font */
  --type-button:var(--fw-bold) var(--fs-body-sm)/1 var(--font-display); /* @kind font */
  --type-mono:var(--fw-semibold) var(--fs-body-sm)/1.4 var(--font-mono); /* @kind font */
}


/* ══ tokens/spacing.css ══ */
:root{
  --space-0:0;
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-8:32px;
  --space-10:40px;
  --space-12:48px;
  --space-16:64px;
  --space-20:80px;
  --space-24:96px;
  --space-32:128px;

  --section-y:var(--space-20); /* @kind spacing */      /* vertical rhythm between page sections */
  --section-y-tight:var(--space-12); /* @kind spacing */
  --gutter:var(--space-6); /* @kind spacing */
  --container-max:1240px; /* @kind spacing */
  --container-narrow:820px; /* @kind spacing */
  --grid-gap:var(--space-6); /* @kind spacing */

  --control-h-sm:36px; /* @kind spacing */
  --control-h:44px; /* @kind spacing */               /* default tap target */
  --control-h-lg:54px; /* @kind spacing */
  --control-px:var(--space-5); /* @kind spacing */
  --control-px-lg:var(--space-8); /* @kind spacing */

  /* Radii — the brand is hard-edged; the amber CTA is the only pill */
  --radius-none:0;
  --radius-xs:2px;
  --radius-sm:4px;
  --radius-md:6px;
  --radius-lg:10px;
  --radius-pill:999px;

  --border-w:1px; /* @kind spacing */
  --border-w-thick:2px; /* @kind spacing */
  --rule-accent-w:4px; /* @kind spacing */            /* amber rule under headings */
}


/* ══ tokens/elevation.css ══ */
:root{
  /* Shadows are cool-tinted (navy), never neutral black */
  --shadow-none:none;
  --shadow-sm:0 1px 2px rgba(10,25,60,.08);
  --shadow-card:0 2px 8px rgba(10,25,60,.08);
  --shadow-card-hover:0 10px 24px rgba(10,25,60,.16);
  --shadow-raised:0 14px 34px rgba(10,25,60,.20);
  --shadow-overlay:0 24px 60px rgba(5,13,32,.38);
  --shadow-inset-field:inset 0 1px 2px rgba(10,25,60,.06);
  --shadow-focus:0 0 0 3px rgba(254,183,41,.55);
  --shadow-focus-dark:0 0 0 3px rgba(254,183,41,.75);

  --blur-glass:blur(10px); /* @kind other */
  --overlay-dark:rgba(5,13,32,.62); /* @kind color */
}


/* ══ tokens/motion.css ══ */
:root{
  --dur-instant:80ms; /* @kind other */
  --dur-fast:140ms; /* @kind other */
  --dur-base:220ms; /* @kind other */
  --dur-slow:360ms; /* @kind other */
  --ease-standard:cubic-bezier(.2,.6,.2,1); /* @kind other */
  --ease-out:cubic-bezier(0,0,.2,1); /* @kind other */
  --ease-in-out:cubic-bezier(.4,0,.2,1); /* @kind other */
  --transition-control:background-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard); /* @kind other */
  --transition-card:transform var(--dur-base) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard); /* @kind other */
  --lift-card:translateY(-3px); /* @kind other */
  --press-scale:scale(.985); /* @kind other */
}


/* ══ tokens/base.css ══ */
/* Minimal element defaults so specimen cards, kits and consumer pages agree. */
html{-webkit-text-size-adjust:100%}
body{margin:0;font:var(--type-body);color:var(--text-body);background:var(--surface-page)}
h1,h2,h3,h4{margin:0;color:var(--text-strong);text-transform:uppercase}
h1{font:var(--type-h1)}
h2{font:var(--type-h2)}
h3{font:var(--type-h3)}
h4{font:var(--type-h4)}
p{margin:0 0 var(--space-4);text-wrap:pretty}
a{color:var(--text-link);text-decoration:underline;text-underline-offset:2px;transition:color var(--dur-fast) var(--ease-standard)}
a:hover{color:var(--text-link-hover)}
strong{font-weight:var(--fw-semibold);color:var(--text-strong)}
small{font:var(--type-caption)}
code,kbd{font:var(--type-mono)}
img{max-width:100%;display:block}
:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
hr{border:0;border-top:var(--border-w) solid var(--border-subtle);margin:var(--space-8) 0}
::selection{background:var(--sctr-amber);color:var(--navy-800)}
.sctr-container{max-width:var(--container-max);margin:0 auto;padding:0 var(--gutter)}
.sctr-eyebrow{font:var(--type-eyebrow);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;color:var(--amber-700)}
.sctr-rule{width:64px;height:var(--rule-accent-w);background:var(--sctr-amber);border:0}



/* ══════════════════════════════════════════════════════════════════════════
   SCTR COMPONENT CLASSES
   Hard edges, navy ground, one amber accent per view.
   ══════════════════════════════════════════════════════════════════════════ */

/* ── Layout ─────────────────────────────────────────────────────────────── */
.sctr-section{padding:var(--section-y) 0}
.sctr-section--subtle{background:var(--surface-subtle)}
.sctr-section--navy{background:var(--surface-dark);color:var(--text-on-dark)}
.sctr-section--navy h1,.sctr-section--navy h2,.sctr-section--navy h3,.sctr-section--navy h4{color:var(--text-on-dark)}
.sctr-section--navy p{color:var(--text-on-dark-muted)}
.sctr-grid{display:grid;gap:var(--grid-gap)}
.sctr-grid--2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.sctr-grid--3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.sctr-grid--4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.sctr-stack{display:flex;flex-direction:column;gap:var(--space-4)}
.sctr-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}

/* ── Section heading ────────────────────────────────────────────────────── */
.sctr-heading{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-10)}
.sctr-heading .sctr-rule{margin:0}
.sctr-heading--center{align-items:center;text-align:center}

/* ── Buttons ────────────────────────────────────────────────────────────── */
.sctr-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);
  height:var(--control-h);padding:0 var(--control-px-lg);border:0;cursor:pointer;
  font:var(--type-button);letter-spacing:var(--ls-button);text-transform:uppercase;text-decoration:none;
  border-radius:var(--radius-sm);transition:var(--transition-control)}
.sctr-btn:focus-visible{outline:0;box-shadow:var(--shadow-focus)}
.sctr-btn:active{transform:var(--press-scale)}
.sctr-btn--primary{background:var(--action-primary-bg);color:var(--action-primary-fg)}
.sctr-btn--primary:hover{background:var(--action-primary-bg-hover);color:var(--action-primary-fg)}
.sctr-btn--primary:active{background:var(--action-primary-bg-active)}
.sctr-btn--secondary{background:var(--action-secondary-bg);color:var(--action-secondary-fg)}
.sctr-btn--secondary:hover{background:var(--action-secondary-bg-hover);color:var(--action-secondary-fg)}
.sctr-btn--ghost{background:transparent;color:var(--action-ghost-fg);box-shadow:inset 0 0 0 var(--border-w-thick) var(--action-ghost-border)}
.sctr-btn--ghost:hover{background:var(--action-ghost-bg-hover)}
.sctr-btn--ghost-on-dark{background:transparent;color:#fff;box-shadow:inset 0 0 0 var(--border-w-thick) rgba(255,255,255,.6)}
.sctr-btn--ghost-on-dark:hover{background:rgba(255,255,255,.1);color:#fff}
.sctr-btn--lg{height:var(--control-h-lg);font-size:var(--fs-body)}
.sctr-btn--sm{height:var(--control-h-sm);padding:0 var(--control-px)}
.sctr-btn[disabled],.sctr-btn--disabled{background:var(--action-disabled-bg);color:var(--action-disabled-fg);box-shadow:none;cursor:not-allowed}

/* ── Card ───────────────────────────────────────────────────────────────── */
.sctr-card{background:var(--surface-card);border:var(--border-w) solid var(--border-subtle);
  border-radius:var(--radius-md);padding:var(--space-6);box-shadow:var(--shadow-card);
  transition:var(--transition-card)}
.sctr-card--hoverable:hover{transform:var(--lift-card);box-shadow:var(--shadow-card-hover)}
.sctr-card--flush{padding:0;overflow:hidden}

/* Vehicle card: full-bleed photo, amber rule on hover */
.sctr-vehicle{background:var(--surface-card);border:var(--border-w) solid var(--border-subtle);
  border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-card);transition:var(--transition-card)}
.sctr-vehicle:hover{transform:var(--lift-card);box-shadow:var(--shadow-card-hover)}
.sctr-vehicle__photo{position:relative;aspect-ratio:4/3;background:var(--surface-inset);border-bottom:var(--rule-accent-w) solid transparent;transition:border-color var(--dur-base) var(--ease-standard)}
.sctr-vehicle:hover .sctr-vehicle__photo{border-bottom-color:var(--sctr-amber)}
.sctr-vehicle__photo img{width:100%;height:100%;object-fit:cover}
.sctr-vehicle__body{padding:var(--space-5) var(--space-6) var(--space-6)}
.sctr-vehicle__specs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2) var(--space-4);
  margin:var(--space-4) 0;font:var(--type-body-sm);color:var(--text-muted)}
.sctr-vehicle__specs b{font:var(--type-mono);color:var(--text-strong)}

/* ── Badge / chip ───────────────────────────────────────────────────────── */
.sctr-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:4px 10px;
  border-radius:var(--radius-pill);font:var(--type-caption);text-transform:uppercase;
  letter-spacing:var(--ls-eyebrow);background:var(--surface-inset);color:var(--text-strong)}
.sctr-badge--amber{background:var(--sctr-amber);color:var(--navy-800)}
.sctr-badge--available{background:var(--status-available-bg);color:var(--status-available)}
.sctr-badge--booked{background:var(--status-booked-bg);color:var(--status-booked)}
.sctr-badge--service{background:var(--status-service-bg);color:var(--amber-700)}
.sctr-badge--on-photo{background:rgba(10,25,60,.78);color:#fff;backdrop-filter:var(--blur-glass)}

/* ── Hero ───────────────────────────────────────────────────────────────── */
.sctr-hero{position:relative;background:var(--surface-dark);color:var(--text-on-dark);overflow:hidden}
.sctr-hero__media{position:absolute;inset:0}
.sctr-hero__media img{width:100%;height:100%;object-fit:cover}
.sctr-hero__scrim{position:absolute;inset:0;background:var(--scrim-navy)}
.sctr-hero__inner{position:relative;padding:var(--space-24) var(--gutter)}
.sctr-hero h1{font:var(--type-hero);letter-spacing:var(--ls-hero);color:#fff;max-width:16ch}
.sctr-hero__proof{font:var(--type-body);color:var(--text-on-dark-muted);margin-top:var(--space-5)}
.sctr-star-watermark{position:absolute;right:-40px;top:-40px;width:420px;opacity:.06;pointer-events:none}

/* ── Trust / feature tile ───────────────────────────────────────────────── */
.sctr-tile{display:flex;gap:var(--space-4);align-items:flex-start}
.sctr-tile__badge{flex:0 0 auto;width:48px;height:48px;border-radius:var(--radius-pill);
  background:var(--sctr-amber);color:var(--navy-800);display:grid;place-items:center}
.sctr-tile h4{margin-bottom:var(--space-2)}
.sctr-tile p{font:var(--type-body-sm);margin:0}

/* ── Stat block ─────────────────────────────────────────────────────────── */
.sctr-stat__value{font:var(--type-hero);font-size:clamp(40px,4vw,64px);color:var(--sctr-amber);line-height:1}
.sctr-stat__label{font:var(--type-eyebrow);letter-spacing:var(--ls-eyebrow);text-transform:uppercase;
  color:var(--text-on-dark-muted);margin-top:var(--space-2);display:block}

/* ── Forms ──────────────────────────────────────────────────────────────── */
.sctr-field{display:flex;flex-direction:column;gap:var(--space-2)}
.sctr-label{font:var(--type-caption);text-transform:uppercase;letter-spacing:var(--ls-eyebrow);color:var(--text-strong)}
.sctr-input,.sctr-select,.sctr-textarea{width:100%;box-sizing:border-box;height:var(--control-h);
  padding:0 var(--space-4);font:var(--type-body);color:var(--text-strong);background:var(--surface-card);
  border:var(--border-w) solid var(--border-default);border-radius:var(--radius-sm);
  box-shadow:var(--shadow-inset-field);transition:var(--transition-control)}
.sctr-textarea{height:auto;padding:var(--space-3) var(--space-4);min-height:120px;resize:vertical}
.sctr-input:focus,.sctr-select:focus,.sctr-textarea:focus{outline:0;border-color:var(--sctr-amber);box-shadow:var(--shadow-focus)}
.sctr-hint{font:var(--type-caption);color:var(--text-muted)}
.sctr-error{font:var(--type-caption);color:var(--status-booked)}

/* Quote card floating over the hero */
.sctr-quote-card{background:var(--surface-card);border-radius:var(--radius-md);padding:var(--space-8);
  box-shadow:var(--shadow-raised);display:flex;flex-direction:column;gap:var(--space-4)}

/* ── Navigation ─────────────────────────────────────────────────────────── */
.sctr-contact-banner{background:var(--surface-accent);color:var(--text-on-amber);font:var(--type-body-sm);font-weight:var(--fw-semibold);text-align:center}
.sctr-contact-banner .sctr-container{padding-block:var(--space-2)}
.sctr-contact-banner a{color:inherit;font-weight:var(--fw-bold);white-space:nowrap}
.sctr-contact-banner a:hover{color:var(--navy-700)}
.sctr-utility{background:var(--surface-dark);color:var(--text-on-dark);font:var(--type-body-sm)}
.sctr-utility a{color:#fff;text-decoration:none}
.sctr-utility .sctr-container{display:flex;justify-content:flex-end;gap:var(--space-6);padding-block:var(--space-2)}
.sctr-navbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:var(--blur-glass);
  border-bottom:var(--border-w) solid var(--border-subtle)}
.sctr-navbar .sctr-container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);padding-block:var(--space-4)}
.sctr-navbar__links{display:flex;gap:var(--space-6);align-items:center}
.sctr-navbar__links a{font:var(--type-button);letter-spacing:var(--ls-button);text-transform:uppercase;
  color:var(--text-strong);text-decoration:none;padding-bottom:2px;border-bottom:var(--border-w-thick) solid transparent}
.sctr-navbar__links a:hover,.sctr-navbar__links a[aria-current]{color:var(--navy-800);border-bottom-color:var(--sctr-amber)}
.sctr-logo{height:44px;width:auto}

.sctr-footer{background:var(--surface-dark);color:var(--text-on-dark-muted);padding:var(--section-y) 0 var(--space-8)}
.sctr-footer a{color:#fff;text-decoration:none}
.sctr-footer a:hover{color:var(--sctr-amber)}
.sctr-footer h4{color:#fff;margin-bottom:var(--space-4)}
.sctr-footer__disclaimer{margin:var(--space-8) 0 0;padding-top:var(--space-6);
  border-top:var(--border-w) solid var(--border-on-dark);
  font:var(--type-caption);color:var(--text-on-dark-muted);max-width:88ch}
.sctr-footer__disclaimer strong{color:#fff;font-weight:var(--fw-semibold)}

/* ── CTA banner ─────────────────────────────────────────────────────────── */
.sctr-cta{background:var(--surface-dark);color:#fff;padding:var(--space-16) 0;position:relative;overflow:hidden}
.sctr-cta .sctr-container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);flex-wrap:wrap;position:relative}

/* ── Accordion ──────────────────────────────────────────────────────────── */
.sctr-accordion{border-top:var(--border-w) solid var(--border-subtle)}
.sctr-accordion__item{border-bottom:var(--border-w) solid var(--border-subtle)}
.sctr-accordion__item summary{list-style:none;cursor:pointer;padding:var(--space-5) 0;
  font:var(--type-h4);text-transform:uppercase;color:var(--text-strong);display:flex;justify-content:space-between;gap:var(--space-4)}
.sctr-accordion__item summary::-webkit-details-marker{display:none}
.sctr-accordion__item summary::after{content:"+";color:var(--sctr-amber)}
.sctr-accordion__item[open] summary::after{content:"–"}
.sctr-accordion__item p{padding-bottom:var(--space-5);margin:0;max-width:70ch}

/* ── Photo slot placeholder (use where real fleet photography belongs) ──── */
.sctr-photo{position:relative;background:var(--surface-inset);border:var(--border-w) dashed var(--border-default);
  display:grid;place-items:center;color:var(--text-muted);font:var(--type-caption);
  text-transform:uppercase;letter-spacing:var(--ls-eyebrow);min-height:200px;border-radius:var(--radius-md)}
.sctr-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}