/* rq-v4.css (10/8/2026 batch U): rq-v3 with the trust and nuances holds re-measured at 1 px steps after the canonical carrier table (15 carriers); exact ranges, no tolerance. */
/* cg-rq v1 (10/8/2026). Interactive "Partner trust" (data-mode="trust") and "Nuances of freight" (data-mode="nuances") widgets
   for the feature panels on /platform/marketplace and /platform/suggested-carriers. Everything is scoped under .cg-rq.
   Inter (the app's font). No Space Grotesk. Weight 700 max. Sentence-case labels (no uppercase kickers). */
.cg-rq{--azul:#345ED1;--azul-50:#EEF2FC;--azul-100:#DCE4F8;--azul-700:#2648A6;--azul-900:#1E3A85;
  --ink:#0F172A;--body:#475569;--mute:#64748B;--line:#E2E8F0;--soft:#F8FAFC;--em:#10B981;--em-ink:#047857;--em-bg:#D1FAE5;--red-ink:#B91C1C;--red-bg:#FEE2E2;
  --f:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  container-type:inline-size;display:block;width:100%;max-width:560px;margin:0 auto;box-sizing:border-box;color:var(--ink);font-family:var(--f);font-size:14px;line-height:1.45;text-align:start;-webkit-font-smoothing:antialiased;position:relative;z-index:1}
.cg-rq *,.cg-rq *::before,.cg-rq *::after{box-sizing:border-box}
.cg-rq p,.cg-rq ul,.cg-rq li,.cg-rq b,.cg-rq small,.cg-rq label,.cg-rq strong{margin:0;padding:0;font-family:inherit;letter-spacing:normal;text-transform:none}
.cg-rq li{list-style:none}
.cg-rq button,.cg-rq select{font:inherit;color:inherit;margin:0;letter-spacing:normal;text-transform:none}
.cg-rq button{cursor:pointer;-webkit-appearance:none;appearance:none;background:none;border:0;padding:0;text-align:inherit}
.cg-rq [hidden]{display:none!important}
.cg-rq :focus-visible{outline:2px solid var(--azul);outline-offset:2px;border-radius:8px}
.cg-rq svg{flex:none;display:block}
/* card */
.cg-rq .rq-card{background:#fff;border-radius:14px;box-shadow:0 24px 48px -20px rgba(8,20,60,.55),0 6px 16px -8px rgba(8,20,60,.35);overflow:hidden}
.cg-rq .rq-hd{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line)}
.cg-rq .rq-ti{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;min-width:0}
.cg-rq .rq-ti b{font-size:15px;font-weight:600}
.cg-rq .rq-ti span{font-size:12px;color:var(--mute)}
.cg-rq .rq-ex{margin-left:auto;white-space:nowrap;font-size:11px;font-weight:600;color:var(--azul-700);background:var(--azul-50);border:1px solid var(--azul-100);border-radius:999px;padding:3px 10px}
/* summary */
.cg-rq .rq-sum{display:flex;align-items:center;gap:14px;padding:12px 16px}
.cg-rq .rq-n{flex:none;min-width:64px;height:56px;padding:0 10px;border-radius:12px;background:var(--azul-900);color:#fff;font-size:32px;font-weight:600;line-height:56px;text-align:center;font-variant-numeric:tabular-nums;transition:background-color .2s}
.cg-rq .rq-n.is-zero{background:#94A3B8}
.cg-rq .rq-sx{flex:1;min-width:0}
.cg-rq .rq-sl{font-size:14px;color:var(--body)}
.cg-rq .rq-sl b{color:var(--ink);font-weight:600}
.cg-rq .rq-bar{height:8px;border-radius:99px;background:#E2E8F0;margin-top:6px;overflow:hidden}
.cg-rq .rq-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#A7F3D0,var(--em));transition:width .35s ease}
.cg-rq .rq-bl{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:5px;font-size:11px;color:var(--mute);white-space:nowrap}
.cg-rq .rq-bl .rq-now{display:inline-block;padding:0 7px;border-radius:99px;background:var(--em-bg);color:var(--em-ink);font-size:11px;font-weight:600;line-height:18px;vertical-align:1px;white-space:nowrap}
.cg-rq .rq-bl .rq-now.lo{background:#FEF3C7;color:#92400E}
/* tabs */
.cg-rq .rq-tabs{display:flex;gap:2px;margin:0 16px;padding:2px;border:1px solid #CBD5E1;border-radius:10px;background:var(--soft)}
.cg-rq .rq-tb{flex:1 1 0;min-height:44px;border-radius:7px;font-size:14px;font-weight:500;color:var(--body);text-align:center;display:flex;align-items:center;justify-content:center;gap:6px}
.cg-rq .rq-tb[aria-pressed="true"]{background:#fff;color:var(--azul-900);font-weight:600;box-shadow:0 1px 2px rgba(15,23,42,.12),0 0 0 1px rgba(52,94,209,.25)}
.cg-rq .rq-cnt{display:inline-block;min-width:22px;padding:0 6px;border-radius:99px;background:var(--em-bg);color:var(--em-ink);font-size:12px;font-weight:600;line-height:20px}
/* panes: both share one grid cell, so switching tabs never changes the card height */
.cg-rq .rq-panes{display:grid;padding:12px 16px 4px}
.cg-rq .rq-pane{grid-area:1/1;min-width:0;align-self:start}
.cg-rq .rq-pane[inert]{visibility:hidden}
.cg-rq .rq-list{overflow:auto;overscroll-behavior:contain;align-self:start}
.cg-rq .rq-h{font-size:12px;font-weight:600;color:var(--mute);margin:10px 0 6px}
.cg-rq .rq-h:first-child{margin-top:0}
/* trust */
.cg-rq .rq-net{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:10px;background:var(--azul-50);color:var(--azul-700);font-size:13px;line-height:1.4}
.cg-rq .rq-net svg{margin-top:1px}
.cg-rq .rq-net p{color:var(--body)}
.cg-rq .rq-net b{color:var(--azul-900);font-weight:600}
.cg-rq .rq-chips{display:flex;flex-wrap:wrap;gap:6px}
.cg-rq .rq-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px 0 10px;border:1px solid #CBD5E1;border-radius:10px;font-size:14px;font-weight:500;color:var(--body);background:#fff}
.cg-rq .rq-chip:hover{border-color:var(--azul)}
.cg-rq .rq-cb{width:18px;height:18px;border-radius:5px;border:1.5px solid #94A3B8;display:grid;place-items:center;color:#fff}
.cg-rq .rq-chip[aria-pressed="true"]{border-color:var(--azul);color:var(--azul-900);background:var(--azul-50);font-weight:600}
.cg-rq .rq-chip[aria-pressed="true"] .rq-cb{background:var(--azul);border-color:var(--azul)}
.cg-rq .rq-la li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 0;border-top:1px solid var(--line)}
.cg-rq .rq-la li:first-child{border-top:0}
.cg-rq .rq-lt{font-size:14px;min-width:0}
.cg-rq .rq-dnd{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px;color:var(--mute)}
/* segmented */
.cg-rq .rq-seg{display:inline-flex;flex:none;max-width:100%;border:1px solid #CBD5E1;border-radius:10px;padding:2px;background:var(--soft);gap:2px}
.cg-rq .rq-sb{min-height:44px;min-width:52px;padding:0 12px;text-align:center;border-radius:7px;font-size:13px;font-weight:500;color:var(--body);white-space:nowrap}
.cg-rq .rq-sb[aria-pressed="true"]{background:#fff;color:var(--azul-900);font-weight:600;box-shadow:0 1px 2px rgba(15,23,42,.12),0 0 0 1px rgba(52,94,209,.25)}
.cg-rq .rq-sb:hover{color:var(--azul)}
/* nuances */
.cg-rq .rq-f{min-width:0}
.cg-rq .rq-fl{font-size:12px;font-weight:600;color:var(--mute);margin-bottom:4px}
.cg-rq .rq-sel{width:100%;min-height:44px;padding:0 36px 0 12px;border:1px solid #CBD5E1;border-radius:10px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;-webkit-appearance:none;appearance:none;font-size:15px;font-weight:600;color:var(--ink);cursor:pointer}
.cg-rq .rq-lk{margin-top:4px;font-size:12px;color:var(--mute)}
.cg-rq .rq-g2{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px}
.cg-rq .rq-g2 .rq-seg{display:flex;width:100%}
.cg-rq .rq-g2 .rq-sb{flex:1 1 auto;padding:0 8px}
.cg-rq .rq-ck{margin-top:2px}
.cg-rq .rq-checks{min-height:88px}
.cg-rq .rq-checks li{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.35;padding:2px 0;color:var(--ink)}
.cg-rq .rq-checks svg{color:var(--azul);margin-top:1px}
.cg-rq .rq-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.cg-rq .rq-tags i{font-style:normal;font-size:12px;font-weight:600;padding:3px 8px;border-radius:6px;border:1px solid #A7F3D0;background:#ECFDF5;color:var(--em-ink)}
/* carrier list */
.cg-rq .rq-cars li.rq-c{border-top:1px solid var(--line)}
.cg-rq .rq-cars li.rq-c:first-child{border-top:0}
.cg-rq .rq-cr{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:6px 2px}
.cg-rq .rq-av{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:600}
.cg-rq .rq-cn{flex:1;min-width:0;display:flex;flex-direction:column}
.cg-rq .rq-cn b{font-size:14px;font-weight:600;line-height:1.3}
.cg-rq .rq-cn small{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--mute);line-height:1.35}
.cg-rq .rq-st{flex:none;width:16px;height:16px;border-radius:50%;display:grid;place-items:center}
.cg-rq .is-ok .rq-cn small .rq-st,.cg-rq .rq-cd li.y .rq-st{background:var(--em-bg);color:var(--em-ink)}
.cg-rq .is-no .rq-cn small .rq-st,.cg-rq .rq-cd li.n .rq-st{background:var(--red-bg);color:var(--red-ink)}
.cg-rq .is-ok .rq-cn small{color:var(--em-ink)}
.cg-rq .is-no .rq-cn b{color:var(--body)}
.cg-rq .rq-st svg{width:10px;height:10px}
.cg-rq .rq-dn{color:var(--mute);transition:transform .2s}
.cg-rq .is-open .rq-dn{transform:rotate(180deg)}
.cg-rq .rq-cd{padding:0 2px 10px 44px}
.cg-rq .rq-cm{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:12px;color:var(--mute);margin-bottom:6px}
.cg-rq .rq-vp{display:inline-flex;align-items:center;gap:4px;color:var(--azul-700);font-weight:600}
.cg-rq .rq-vp svg{width:13px;height:13px}
.cg-rq .rq-cd li{display:flex;align-items:flex-start;gap:6px;font-size:13px;line-height:1.35;padding:2px 0}
.cg-rq .rq-cd li .rq-st{margin-top:1px}
.cg-rq .rq-cd li.n{color:var(--red-ink)}
/* explanation and footer */
.cg-rq .rq-xp{margin:6px 16px 0;padding:10px 12px;border-radius:10px;background:var(--soft);border:1px solid var(--line);font-size:13px;line-height:1.4;color:var(--body);min-height:58px}
.cg-rq .rq-ft{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;min-height:62px;padding:8px 16px 10px;font-size:12px;color:var(--mute)}
.cg-rq .rq-ft>span{display:flex;align-items:center;gap:8px;flex:1 1 220px}
.cg-rq .rq-dot{flex:none;width:6px;height:6px;border-radius:50%;background:var(--em)}
.cg-rq .rq-reset{flex:none;white-space:nowrap;min-height:44px;padding:0 12px;border-radius:8px;font-size:13px;font-weight:600;color:var(--azul)}
.cg-rq .rq-reset:hover{background:var(--azul-50)}
/* compact (viewport under 600 px, set by JS): title, live count, top controls, "Show all" */
.cg-rq .rq-allw{display:none;padding:4px 16px 0}
.cg-rq .rq-all{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:44px;border:1px solid #CBD5E1;border-radius:10px;background:#fff;font-size:14px;font-weight:600;color:var(--azul-900)}
.cg-rq .rq-all:hover{border-color:var(--azul)}
.cg-rq.is-compact:not(.is-all) .rq-allw{display:block}
.cg-rq.is-compact:not(.is-all) .rq-tabs,.cg-rq.is-compact:not(.is-all) .rq-list,
.cg-rq.is-compact:not(.is-all) .rq-set>:not(.rq-k):not(.rq-g2),.cg-rq.is-compact:not(.is-all) .rq-g2>:not(.rq-k){display:none}
.cg-rq.is-compact:not(.is-all) .rq-g2{margin-top:10px}
.cg-rq.is-compact:not(.is-all) .rq-xp{min-height:0}
.cg-rq.is-compact:not(.is-all) .rq-panes{padding-top:2px}
.cg-rq.is-compact:not(.is-all) .rq-set>.rq-h:first-child,.cg-rq.is-compact:not(.is-all) .rq-net+.rq-h{margin-top:0}
/* demo emphasis */
.cg-rq.is-demo .rq-n{box-shadow:0 0 0 3px rgba(52,94,209,.18)}
@container (min-width:440px){
  .cg-rq .rq-g2{grid-template-columns:1fr 1fr}
}
@container (max-width:380px){
  .cg-rq .rq-hd,.cg-rq .rq-sum{padding-left:12px;padding-right:12px}
  .cg-rq .rq-tabs{margin:0 12px}
  .cg-rq .rq-panes{padding:10px 12px 4px}
  .cg-rq .rq-xp{margin:6px 12px 0}
  .cg-rq .rq-ft{padding:8px 12px 10px}
  .cg-rq .rq-n{min-width:52px;height:48px;line-height:48px;font-size:26px}
  .cg-rq .rq-la li{flex-wrap:wrap;gap:4px 10px}
  .cg-rq .rq-tb{font-size:13px}
  .cg-rq .rq-xp{min-height:94px}
  .cg-rq .rq-lk{min-height:34px}
  .cg-rq .rq-ft{flex-wrap:nowrap;min-height:74px}
  .cg-rq .rq-allw{padding:4px 12px 0}
  .cg-rq .rq-chip{padding:0 10px 0 8px;gap:6px}
  .cg-rq .rq-ft>span{flex:1 1 auto;align-items:flex-start}
  .cg-rq .rq-dot{margin-top:6px}
}
@media (prefers-reduced-motion:reduce){.cg-rq *{transition:none!important}}
/* host: hide only the image this widget replaced, and let its panel grow to fit */
html[lang="en"].cg-rq-on img.cg-rq-replaced,html[lang="en-CA"].cg-rq-on img.cg-rq-replaced{display:none!important}
html[lang^="en"] .cg-rq-slot{height:auto!important;max-height:none!important;aspect-ratio:auto!important}
@media (min-width:992px) and (max-width:1199px){html[lang^="en"] .cg-rq-slot{padding:24px!important}}
@media (max-width:479px){html[lang^="en"] .cg-rq-slot{padding:12px!important}}
html[lang^="es"] .cg-rq,html[lang^="fr"] .cg-rq,html[lang="en-CA"] .cg-rq:not([data-en-ca="show"]){display:none!important}
/* v3 (10/8 CLS gate, corrected: v2 nested :has() inside :has(), which browsers drop as invalid, so its hold never applied): before the script runs, hide each static image and hold the widget height with a ::before spacer (gone once the widget is in the slot), so mounting moves nothing. Heights measured on the livetest per width range, within 16 px. */
@media (max-width:328px){:root{--cgrq-t:556px}}
@media (min-width:329px) and (max-width:329px){:root{--cgrq-t:538px}}
@media (min-width:330px) and (max-width:347px){:root{--cgrq-t:517px}}
@media (min-width:348px) and (max-width:366px){:root{--cgrq-t:496px}}
@media (min-width:367px) and (max-width:402px){:root{--cgrq-t:446px}}
@media (min-width:403px) and (max-width:452px){:root{--cgrq-t:428px}}
@media (min-width:453px) and (max-width:475px){:root{--cgrq-t:416px}}
@media (min-width:476px) and (max-width:479px){:root{--cgrq-t:398px}}
@media (min-width:480px) and (max-width:527px){:root{--cgrq-t:428px}}
@media (min-width:528px) and (max-width:560px){:root{--cgrq-t:416px}}
@media (min-width:561px) and (max-width:596px){:root{--cgrq-t:398px}}
@media (min-width:597px) and (max-width:599px){:root{--cgrq-t:378px}}
@media (min-width:600px) and (max-width:754px){:root{--cgrq-t:769px}}
@media (min-width:755px) and (max-width:767px){:root{--cgrq-t:751px}}
@media (min-width:768px) and (max-width:774px){:root{--cgrq-t:769px}}
@media (min-width:775px) and (max-width:991px){:root{--cgrq-t:751px}}
@media (min-width:992px) and (max-width:1023px){:root{--cgrq-t:824px}}
@media (min-width:1024px) and (max-width:1034px){:root{--cgrq-t:807px}}
@media (min-width:1035px) and (max-width:1074px){:root{--cgrq-t:789px}}
@media (min-width:1075px){:root{--cgrq-t:769px}}
html[lang="en"]:has(.cg-rq[data-mode="trust"]:not([style*="none"])>.rq-mount) .image-text-feature_image-wrapper_v2:has(>img[src*="Widget_Marketplace_Partner%20Trust"])>img{display:none!important}
html[lang="en"]:has(.cg-rq[data-mode="trust"]:not([style*="none"])>.rq-mount) .image-text-feature_image-wrapper_v2:has(>img[src*="Widget_Marketplace_Partner%20Trust"]){height:auto!important;max-height:none!important;aspect-ratio:auto!important}
html[lang="en"]:has(.cg-rq[data-mode="trust"]:not([style*="none"])>.rq-mount) .image-text-feature_image-wrapper_v2:has(>img[src*="Widget_Marketplace_Partner%20Trust"]):not(:has(>.cg-rq))::before{content:"";display:block;flex:none;width:100%;height:var(--cgrq-t)}
@media (min-width:992px) and (max-width:1199px){html[lang="en"]:has(.cg-rq[data-mode="trust"]:not([style*="none"])>.rq-mount) .image-text-feature_image-wrapper_v2:has(>img[src*="Widget_Marketplace_Partner%20Trust"]){padding:24px!important}}
@media (max-width:479px){html[lang="en"]:has(.cg-rq[data-mode="trust"]:not([style*="none"])>.rq-mount) .image-text-feature_image-wrapper_v2:has(>img[src*="Widget_Marketplace_Partner%20Trust"]){padding:12px!important}}
@media (max-width:395px){:root{--cgrq-n:564px}}
@media (min-width:396px) and (max-width:396px){:root{--cgrq-n:546px}}
@media (min-width:397px) and (max-width:398px){:root{--cgrq-n:545px}}
@media (min-width:399px) and (max-width:452px){:root{--cgrq-n:507px}}
@media (min-width:453px) and (max-width:479px){:root{--cgrq-n:479px}}
@media (min-width:480px) and (max-width:527px){:root{--cgrq-n:507px}}
@media (min-width:528px) and (max-width:599px){:root{--cgrq-n:479px}}
@media (min-width:600px) and (max-width:611px){:root{--cgrq-n:874px}}
@media (min-width:612px) and (max-width:991px){:root{--cgrq-n:717px}}
@media (min-width:992px) and (max-width:1095px){:root{--cgrq-n:874px}}
@media (min-width:1096px) and (max-width:1199px){:root{--cgrq-n:717px}}
@media (min-width:1200px) and (max-width:1219px){:root{--cgrq-n:874px}}
@media (min-width:1220px){:root{--cgrq-n:717px}}
html[lang="en"]:has(.cg-rq[data-mode="nuances"]:not([style*="none"])>.rq-mount) .image-text-feature_image-wrapper_v2:has(>img[src*="Widget_Marketplace_Nuances%20of%20Freight"])>img{display:none!important}
html[lang="en"]:has(.cg-rq[data-mode="nuances"]:not([style*="none"])>.rq-mount) .image-text-feature_image-wrapper_v2:has(>img[src*="Widget_Marketplace_Nuances%20of%20Freight"]){height:auto!important;max-height:none!important;aspect-ratio:auto!important}
html[lang="en"]:has(.cg-rq[data-mode="nuances"]:not([style*="none"])>.rq-mount) .image-text-feature_image-wrapper_v2:has(>img[src*="Widget_Marketplace_Nuances%20of%20Freight"]):not(:has(>.cg-rq))::before{content:"";display:block;flex:none;width:100%;height:var(--cgrq-n)}
@media (min-width:992px) and (max-width:1199px){html[lang="en"]:has(.cg-rq[data-mode="nuances"]:not([style*="none"])>.rq-mount) .image-text-feature_image-wrapper_v2:has(>img[src*="Widget_Marketplace_Nuances%20of%20Freight"]){padding:24px!important}}
@media (max-width:479px){html[lang="en"]:has(.cg-rq[data-mode="nuances"]:not([style*="none"])>.rq-mount) .image-text-feature_image-wrapper_v2:has(>img[src*="Widget_Marketplace_Nuances%20of%20Freight"]){padding:12px!important}}