/* COVERAGE-1012, equipment template (dry van first; Reefer and open deck reuse it). One page embed, .cg-cov, after the logo wall.
   The en embed shows only on lang="en"; the en-CA twin (.cg-cov-ca) only under /en-ca/. es-MX and fr-CA keep today's rows.
   Self-sufficient until the shared cg-cov-v1.css (mexico package) lands; the LIFT-TO-SHARED comments mark what moves there.
   Brand: Azul 900 #1E3A85, Azul 950 #0F204B, Slate, Sky 300 #7DD3FC. Buttons 8px, cards 16px, tags 6px, no pills, no eyebrows.
   Weight 700 max. Hover changes color only. The only motion is a 150ms color transition, off under prefers-reduced-motion.
   App pictures (.cg-cov-fm*, .cg-cov-pf*) copy the Cargado app (salsa, origin/main 1e5730b5e, files cited in README) and keep
   the app's own colors and radii (rounded-sm 2px, rounded-lg 8px), not the marketing palette. */

/* LIFT-TO-SHARED: root tokens, type, buttons, section shells, quote, close band */
.cg-cov{--f-head:var(--_typography---font-styles--heading,"Libre Franklin","Helvetica Neue",Helvetica,Arial,sans-serif);--f-body:Inter,"Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;
  --az7:#345ED1;--az9:#1E3A85;--az95:#0F204B;--sky3:#7DD3FC;--sky1:#E0F2FE;
  --s50:#F8FAFC;--s100:#F1F5F9;--s200:#E2E8F0;--s300:#CBD5E1;--s500:#64748B;--s600:#475569;--s700:#334155;--s900:#0F172A;--s950:#020617;
  --on1:rgba(255,255,255,.88);--on2:rgba(255,255,255,.74);--ln:rgba(255,255,255,.16);
  --gut:max(16px,5vw);--max:calc(1280px + 10vw);
  --sh-card:0 1px 2px rgba(15,23,42,.05),0 16px 36px -18px rgba(20,38,92,.22);
  --horizon:url("https://cdn.prod.website-files.com/68f656dee991ae15a5cbb747/6ac724e8de952536a50296bf_cg-bh-bg-horizon.webp");
  box-sizing:border-box;color:var(--s900);font-family:var(--f-body);font-size:16px;line-height:1.5;text-align:start;-webkit-font-smoothing:antialiased}
.cg-cov *,.cg-cov *::before,.cg-cov *::after{box-sizing:border-box}
.cg-cov :is(h2,h3,p,ul,ol,li,dl,dt,dd,figure,blockquote,figcaption,label){margin:0;padding:0}
.cg-cov :is(ul,ol){list-style:none}
.cg-cov :is(p,li,dd,figcaption){text-wrap:pretty}
.cg-cov img{display:block;max-width:100%}
.cg-cov b{font-weight:600}
.cg-cov :focus-visible{outline:2px solid var(--az9);outline-offset:3px}
.cg-cov-wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--gut)}
.cg-cov h2{font-family:var(--f-head);font-size:clamp(30px,3.3vw,46px);font-weight:600;line-height:1.08;letter-spacing:-.03em;text-wrap:balance;color:var(--s900)}
.cg-cov h3{font-family:var(--f-head);font-size:20px;font-weight:600;line-height:1.3;letter-spacing:-.02em;color:var(--s900)}
.cg-cov-lede{font-size:clamp(17px,1.4vw,18px);line-height:1.55;color:var(--s600)}

/* Buttons: primary Azul, secondary outline; on navy the primary is white */
.cg-cov-btn{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 24px;border:1px solid var(--az9);border-radius:8px;background:var(--az9);color:#fff;font-family:var(--f-body);font-size:15px;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;transition:background-color .15s ease,color .15s ease,border-color .15s ease}
.cg-cov-btn:hover{background:var(--az95);border-color:var(--az95);color:#fff}
.cg-cov-btn.cg-cov-btn-2{background:transparent;color:var(--az9)}
.cg-cov-btn.cg-cov-btn-2:hover{background:var(--sky1);color:var(--az9)}
.cg-cov-navy .cg-cov-btn,.cg-cov-close .cg-cov-btn{background:#fff;border-color:#fff;color:var(--az9)}
.cg-cov-navy .cg-cov-btn:hover,.cg-cov-close .cg-cov-btn:hover{background:var(--sky1);border-color:var(--sky1);color:var(--az9)}
.cg-cov-navy .cg-cov-btn.cg-cov-btn-2,.cg-cov-close .cg-cov-btn.cg-cov-btn-2{background:transparent;border-color:rgba(255,255,255,.4);color:#fff}
.cg-cov-navy .cg-cov-btn.cg-cov-btn-2:hover,.cg-cov-close .cg-cov-btn.cg-cov-btn-2:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.4);color:#fff}
.cg-cov-navy :focus-visible,.cg-cov-close :focus-visible{outline-color:var(--sky3)}
.cg-cov-act{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;margin-top:6px}
.cg-cov-quiet{flex-basis:100%;font-size:14px;color:var(--s500)}
.cg-cov-quiet a{color:var(--s700);font-weight:600;text-decoration:underline;text-decoration-color:var(--s300);text-underline-offset:3px;transition:color .15s ease,text-decoration-color .15s ease}
.cg-cov-quiet a:hover{color:var(--az9);text-decoration-color:var(--az9)}
.cg-cov-navy .cg-cov-quiet,.cg-cov-close .cg-cov-quiet{color:var(--on2)}
.cg-cov-navy .cg-cov-quiet a,.cg-cov-close .cg-cov-quiet a{color:#fff;text-decoration-color:rgba(255,255,255,.4)}
.cg-cov-navy .cg-cov-quiet a:hover,.cg-cov-close .cg-cov-quiet a:hover{color:var(--sky1);text-decoration-color:var(--sky3)}

/* Foot of the logo wall (white ground on the equipment pages): the canon line and the one action */
.cg-cov-wallfoot{background:#fff;padding:0 0 clamp(48px,6vw,80px)}
.cg-cov-wallfoot .cg-cov-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px 24px;text-align:center}
.cg-cov-wallfoot p{color:var(--s600);font-size:17px;line-height:1.5}

/* Section shells */
.cg-cov-sec{padding-block:clamp(64px,8vw,112px);background:#fff}
.cg-cov-sec.cg-cov-tint{background:var(--s50)}
.cg-cov-sec.cg-cov-navy{position:relative;isolation:isolate;overflow:hidden;color:#fff;
  background:radial-gradient(45% 60% at 12% 18%,rgba(56,189,248,.16),rgba(56,189,248,0) 70%),radial-gradient(55% 75% at 88% 55%,rgba(76,110,230,.38),rgba(76,110,230,0) 70%),linear-gradient(180deg,#0B1838 0%,var(--az9) 100%)}
.cg-cov-sec.cg-cov-navy::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(rgba(191,211,255,.2) 1px,transparent 1.4px);background-size:22px 22px;-webkit-mask-image:radial-gradient(70% 80% at 70% 45%,#000 15%,transparent 72%);mask-image:radial-gradient(70% 80% at 70% 45%,#000 15%,transparent 72%)}
.cg-cov-navy :is(h2,h3){color:#fff}
.cg-cov-navy .cg-cov-lede{color:var(--on1)}
.cg-cov-navy .cg-cov-pts li{color:var(--on1);border-color:var(--ln)}
.cg-cov-navy .cg-cov-pts b{color:#fff}
.cg-cov-navy .cg-cov-cap{color:var(--on2)}
.cg-cov-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:center}
.cg-cov-two.cg-cov-top{align-items:start}
.cg-cov-copy{display:grid;gap:22px;align-content:start;max-width:600px}
.cg-cov-pts{display:grid;gap:0;margin-top:4px}
.cg-cov-pts li{padding:14px 0;border-top:1px solid var(--s200);color:var(--s600);font-size:15.5px;line-height:1.55}
.cg-cov-pts li:last-child{border-bottom:1px solid var(--s200)}
.cg-cov-pts b{color:var(--s900)}
.cg-cov-head{display:grid;gap:16px;max-width:760px;margin-bottom:clamp(36px,4.5vw,56px)}

/* Canon figures */
.cg-cov-figs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;border-top:1px solid var(--ln);border-bottom:1px solid var(--ln);margin-top:4px}
.cg-cov-figs div{padding:18px 0}
.cg-cov-figs div+div{border-left:1px solid var(--ln);padding-left:24px}
.cg-cov-figs dt{font-family:var(--f-head);font-size:clamp(24px,2.2vw,30px);white-space:nowrap;font-weight:600;letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums;line-height:1.1}
.cg-cov-figs dd{margin-top:4px;font-size:14px;line-height:1.4;color:var(--on1)}

/* Picture column: an app picture on a quiet frame, caption under it */
.cg-cov-shot{display:grid;justify-items:center;gap:14px;min-width:0}
.cg-cov-cap{font-size:13px;color:var(--s500);text-align:center}
.cg-cov-frame{width:100%;max-width:560px;padding:clamp(18px,2.6vw,32px);border-radius:16px;background:linear-gradient(160deg,#EEF2FB,#F8FAFC 60%);border:1px solid var(--s200)}

/* The posting form (salsa TwoColumnForm: title text-base/7 semibold, subtitle text-sm/6 fg-secondary; InputLabel text-sm/6 medium;
   ButtonGroupLeft/Middle/Right rounded-l-lg/rounded-r-lg, text-sm font-medium, ring-1 ring-line-strong, pressed bg-accent-fill text-accent-fg;
   Checkbox h-4 w-4 rounded-sm, label pl-2 text-sm/6). Colors: globals.css fg slate-900, fg-secondary slate-600, line-strong slate-300, accent azul-700. */
.cg-cov-fm{width:100%;background:#fff;border-radius:12px;border:1px solid var(--s200);padding:20px 22px 22px;display:grid;gap:18px;color:var(--s900);font-size:14px;line-height:20px;box-shadow:0 1px 2px rgba(2,6,23,.06),0 24px 48px -28px rgba(2,6,23,.35)}
.cg-cov-fm-sec{display:grid;gap:12px}
.cg-cov-fm-sec+.cg-cov-fm-sec{padding-top:18px;border-top:1px solid var(--s200)}
.cg-cov-fm-t{font-size:16px;line-height:28px;font-weight:600;color:var(--s900)}
.cg-cov-fm-s{margin-top:-6px;font-size:14px;line-height:24px;color:var(--s600)}
.cg-cov-fm-lbl{display:flex;align-items:baseline;gap:8px;font-size:14px;line-height:24px;font-weight:500;color:var(--s900)}
.cg-cov-fm-lbl small{font-weight:400;font-size:12px;color:var(--s500)}
.cg-cov-fm-lbl em{font-style:normal;color:#F87171}
.cg-cov-fm-grp{display:flex;flex-wrap:wrap;isolation:isolate}
.cg-cov-fm-grp span{position:relative;display:inline-flex;align-items:center;padding:8px 12px;margin-right:-1px;font-size:14px;line-height:20px;font-weight:500;color:var(--s900);box-shadow:inset 0 0 0 1px var(--s300);background:#fff}
.cg-cov-fm-grp span:first-child{border-radius:8px 0 0 8px}
.cg-cov-fm-grp span:last-child{border-radius:0 8px 8px 0;margin-right:0;color:var(--s700);padding-right:32px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%2364748B' stroke-width='1.5'%3E%3Cpath d='M6 8l4 4 4-4'/%3E%3C/svg%3E") right 8px center/18px no-repeat}
.cg-cov-fm-grp span.cg-cov-on{z-index:1;background:var(--az7);color:#fff;box-shadow:inset 0 0 0 1px var(--az7)}
.cg-cov-fm-chk{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px}
.cg-cov-fm-chk li{display:flex;align-items:center;gap:0;font-size:14px;line-height:24px;color:var(--s900)}
.cg-cov-fm-chk i{flex:none;width:16px;height:16px;margin-right:8px;border-radius:2px;border:1px solid var(--s300);background:#fff}
.cg-cov-fm-chk i.cg-cov-on{border-color:var(--az7);background:var(--az7) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.5l3 3 6-7'/%3E%3C/svg%3E") center/12px no-repeat}
.cg-cov-fm-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.cg-cov-fm-in{display:flex;align-items:center;justify-content:space-between;height:36px;padding:0 12px;border-radius:6px;box-shadow:inset 0 0 0 1px var(--s300);font-size:14px;color:var(--s900);background:#fff}
.cg-cov-fm-in.cg-cov-sel{padding-right:32px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%2364748B' stroke-width='1.5'%3E%3Cpath d='M6 8l4 4 4-4'/%3E%3C/svg%3E") right 8px center/18px no-repeat}
.cg-cov-fm-in small{color:var(--s500);font-size:13px}

/* Carrier profile card (salsa PublicUserOrgProfile; markup and values from brokers-vetting-1012 vt.html, masked numbers, invented carrier) */
.cg-cov-pf{width:100%;max-width:440px;background:#fff;border-radius:16px;color:var(--s900);font-size:12px;line-height:16px;box-shadow:0 1px 2px rgba(2,6,23,.2),0 36px 70px -32px rgba(2,6,23,.7)}
.cg-cov-pf hr{border:0;border-top:1px solid var(--s300);margin:12px 0;height:0}
.cg-cov-pf-top{padding:14px 14px 10px}
.cg-cov-pf-user{display:flex;gap:14px;align-items:center}
.cg-cov-pf-av{flex:none;width:56px;height:56px;border-radius:8px;display:grid;place-items:center;background:#dee5f7;color:#2648A6;font-size:18px;font-weight:600}
.cg-cov-pf-name{display:flex;align-items:center;gap:8px;font-size:18px;line-height:28px;font-weight:600;color:var(--s900)}
.cg-cov-pf-on{display:inline-block;width:10px;height:10px;border-radius:50%;background:#10b981}
.cg-cov-pf-title{font-weight:600;margin-bottom:2px}
.cg-cov-pf-loc{color:var(--s500)}
.cg-cov-pf-org{background:var(--s100);border-radius:0 0 16px 16px;padding:18px 20px 22px}
.cg-cov-pf-hd{margin-bottom:12px}
.cg-cov-pf-co{font-size:16px;line-height:24px;font-weight:600;color:var(--s950);text-transform:uppercase}
.cg-cov-pf-sm{color:var(--s600)}
.cg-cov-pf-up{text-transform:uppercase}
.cg-cov-pf-ok{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border-radius:6px;background:#a7f3d0;color:#065f46;font-weight:500}
.cg-cov-pf-ok svg{width:16px;height:16px;flex:none}
.cg-cov-pf-ids{display:grid;gap:4px;margin-bottom:12px}
.cg-cov-pf-kv{display:flex;justify-content:space-between;align-items:center;gap:12px}
.cg-cov-pf-kv b,.cg-cov-pf-lbl,.cg-cov-pf-eq b{font-weight:600}
.cg-cov-pf-act{margin-left:8px;color:var(--s600);font-style:italic}
.cg-cov-pf-num{font-variant-numeric:tabular-nums}
.cg-cov-pf-lbl{margin-bottom:8px}
.cg-cov-pf-tags{display:flex;flex-wrap:wrap;gap:8px}
.cg-cov-pf-tags span{padding:4px 12px;border-radius:6px;background:var(--s200);color:var(--s900)}
.cg-cov-pf-eq{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}
.cg-cov-pf-eq b{display:block}
.cg-cov-pf-eq span{font-size:14px;line-height:20px}
.cg-cov-pf-eq .cg-cov-hi span{color:var(--az7);font-weight:600}

/* Customer story */
.cg-cov-story{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:start}
.cg-cov-story blockquote{font-family:var(--f-head);font-size:clamp(24px,2.3vw,34px);line-height:1.22;letter-spacing:-.02em;font-weight:500;color:var(--s900);text-indent:-.42em;text-wrap:balance;border:0;background:none;font-style:normal;text-align:left}
.cg-cov-by{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:14px;row-gap:4px;align-items:center;justify-items:start;margin-top:24px;text-align:left}
.cg-cov-ph{width:48px;height:48px;border-radius:12px;object-fit:cover}
.cg-cov-bt{display:grid;gap:2px;justify-items:start;font-size:14px;line-height:1.4;color:var(--s600);text-align:left}
.cg-cov-bt b{color:var(--s900);font-size:16px}
.cg-cov-story-side{display:grid;gap:18px;align-content:start;padding:28px;border-radius:16px;background:#fff;border:1px solid var(--s200);box-shadow:var(--sh-card)}
.cg-cov-lg{height:40px;width:auto}
.cg-cov-story-side p{font-size:15.5px;line-height:1.6;color:var(--s600)}
.cg-cov-more{justify-self:start;display:inline-flex;align-items:center;min-height:44px;color:var(--az9);font-weight:600;font-size:15px;text-decoration:underline;text-decoration-color:rgba(30,58,133,.35);text-underline-offset:4px;transition:color .15s ease,text-decoration-color .15s ease}
.cg-cov-more:hover{color:var(--az95);text-decoration-color:var(--az95)}

/* Other equipment: two cards, the CMS route illustrations the live cards use (607x166, full width under the copy like today's cards) */
.cg-cov-eq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.cg-cov-eq a{display:grid;gap:8px;align-content:start;padding:28px 28px 20px;border:1px solid var(--s200);border-radius:16px;background:#fff;text-decoration:none;color:inherit;box-shadow:var(--sh-card);transition:border-color .2s ease}
.cg-cov-eq a:hover{border-color:#CDD7F4}
.cg-cov-eq img{width:100%;max-width:560px;height:auto;margin:14px auto 0;object-fit:contain}
.cg-cov-eq h3{transition:color .15s ease}
.cg-cov-eq a:hover h3{color:var(--az9)}
.cg-cov-eq p{font-size:15px;line-height:1.55;color:var(--s600)}
.cg-cov-eq span{margin-top:6px;font-size:15px;font-weight:600;color:var(--az9)}

/* Closing band: the /brokers horizon ground */
.cg-cov-close{padding-block:clamp(64px,8vw,104px);color:#fff;background-color:var(--az95);background-image:radial-gradient(70% 34% at 50% 100%,rgba(125,211,252,.16),rgba(125,211,252,0) 70%),linear-gradient(180deg,rgba(20,38,92,0) 55%,rgba(20,38,92,.55)),var(--horizon);background-position:0 0,0 0,50% 100%;background-repeat:no-repeat;background-size:auto,auto,cover}
.cg-cov-close .cg-cov-wrap{max-width:820px;text-align:center;display:grid;justify-items:center;gap:18px}
.cg-cov-close h2{color:#fff}
.cg-cov-close p{color:var(--on1);font-size:clamp(17px,1.4vw,18px);line-height:1.55;max-width:34em}
.cg-cov-close .cg-cov-act{justify-content:center}
.cg-cov-close .cg-cov-quiet{text-align:center}

@media (max-width:900px){
  .cg-cov-two,.cg-cov-story,.cg-cov-eq{grid-template-columns:1fr}
  .cg-cov-copy{max-width:none}
  .cg-cov-frame,.cg-cov-pf{max-width:none}
  .cg-cov-figs{grid-template-columns:1fr;gap:0}
  .cg-cov-figs div+div{border-left:0;padding-left:0;border-top:1px solid var(--ln)}
  .cg-cov-story blockquote{text-indent:0}
}
@media (max-width:480px){
  .cg-cov-btn{width:100%}
  .cg-cov-wallfoot .cg-cov-wrap{flex-direction:column}
  .cg-cov-frame{padding:12px}
  .cg-cov-fm{padding:16px}
  .cg-cov-fm-chk,.cg-cov-fm-row{grid-template-columns:1fr}
  .cg-cov-eq a{padding:22px 22px 16px}
  .cg-cov-pf-org{padding:16px}
}
@media (prefers-reduced-motion:reduce){.cg-cov *,.cg-cov *::before,.cg-cov *::after{transition:none!important;animation:none!important}}