@font-face{font-family:Inter;src:url("/assets/fonts/inter-regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url("/assets/fonts/inter-bold.woff2") format("woff2");font-weight:700 900;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f9fc;color:#173b63;font-family:Inter,system-ui,sans-serif;line-height:1.55}a{color:#1769aa}button{font:inherit} .site-header{background:white;border-bottom:1px solid #cfe0ea;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px max(20px,calc((100% - 1180px)/2));}.site-header img{display:block;max-width:min(320px,55vw);height:auto}.site-header>a:last-child{font-size:14px;font-weight:750}.chart-page{max-width:1220px;margin:0 auto;padding:24px 22px 55px}.breadcrumbs{font-size:13px;display:flex;flex-wrap:wrap;gap:10px;color:#526f84}.chart-page h1{font-size:clamp(30px,4vw,47px);color:#12325b;line-height:1.17;letter-spacing:-.025em;margin:17px 0 10px}.chart-intro{max-width:900px;font-size:17px;color:#294968}.chart-section,.explorer-section{scroll-margin-top:20px}.chart-section{background:white;border:1px solid #d9e5ed;border-radius:21px;padding:25px;margin:25px 0}.chart-section h2,.explorer-section>h2{font-size:clamp(24px,3vw,33px);color:#12325b;margin:0 0 10px}.chart-section>p,.explorer-section>p{margin:5px 0 20px;color:#365875}.chart-card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.75fr);gap:25px;align-items:center;border:1px solid #dbe8f0;border-radius:16px;padding:17px}.incoterms-master-figure{margin:0}.incoterms-master-figure img,.incoterms-master-figure picture{display:block;width:100%;height:auto}.incoterms-master-figure img{border:1px solid #dbe8f0;border-radius:9px}.incoterms-master-figure figcaption{margin-top:8px;font-size:12px;color:#526f84}.incoterms-chart-zoom-hint{display:none}.chart-actions{display:grid;gap:11px}.chart-actions h3{font-size:23px;margin:0;color:#12325b}.chart-actions p{margin:0 0 5px;color:#526f84}.action{display:block;text-align:center;padding:13px 15px;border:1px solid #1275db;border-radius:11px;font-size:16px;font-weight:800;text-decoration:none;cursor:pointer}.action.view{background:#0e73e8;color:white}.action.pending{background:#eff3f7;border-color:#d7e0e9;color:#6b7a88;cursor:not-allowed}.explorer-section{margin:30px 0}.incoterms-explorer{background:white;border:1px solid #d9e5ed;border-radius:20px;padding:18px;margin-top:20px;overflow:hidden}.incoterms-explorer .wrap{max-width:1100px;margin:0 auto}.legal-note{font-size:13px;color:#526f84;max-width:1000px;padding:12px 0}@media(max-width:940px){.chart-card{grid-template-columns:1fr}}@media(max-width:600px){.chart-page{padding:18px 12px}.chart-section{padding:15px}.chart-card{padding:10px}.incoterms-explorer{padding:12px 6px}.site-header{padding:12px}}

/* Freight site navigation & footer — adapted from the Fuel Surcharge page. */
.fcc-site-nav{background:#fff;border-bottom:1px solid #cfe0ea;color:#294968;font-family:Inter,system-ui,sans-serif}
.fcc-site-nav__container{max-width:1280px;margin:auto;padding:0 16px}
.fcc-site-nav__row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0}
.fcc-site-nav__row>a{display:inline-flex;min-width:0;align-items:center}
.fcc-site-nav__row>a img{width:275px;max-width:100%;height:auto;display:block}
.fcc-site-nav__desktop{display:flex;align-items:center;gap:20px;font-size:14px;font-weight:600}
.fcc-site-nav__desktop>a,.fcc-site-nav__desktop button{text-decoration:none;color:#334155;white-space:nowrap}
.fcc-site-nav__desktop>a:hover,.fcc-site-nav__desktop button:hover{color:#1769aa}
.fcc-site-nav__desktop>div{position:relative}
.fcc-site-nav #moreCalculatorsButton{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;font-weight:600;cursor:pointer;padding:10px 2px}
.fcc-site-nav #moreCalculatorsButton svg{height:16px;width:16px;transition:transform .2s}
.fcc-site-nav #moreCalculatorsButton svg.rotate-180{transform:rotate(180deg)}
.fcc-site-nav__dropdown{position:absolute;right:0;top:100%;z-index:50;width:320px;max-height:min(75vh,640px);overflow-y:auto;background:#fff;border:1px solid #cfe0ea;border-radius:16px;padding:8px;box-shadow:0 16px 28px rgba(15,23,42,.16)}
.fcc-site-nav__dropdown[hidden],.fcc-site-nav__mobile[hidden],.freight-mobile-group__links[hidden]{display:none!important}
.fcc-site-nav__dropdown-item{padding:8px 12px;border-radius:12px}
.fcc-site-nav__dropdown-item:hover{background:#eef7fb}
.fcc-site-nav__dropdown-item a{display:block;text-decoration:none;font-size:14px;font-weight:700;color:#173b63}
.fcc-site-nav__dropdown-item a:hover{color:#1769aa}
.fcc-site-nav__dropdown-item p{font-size:12px;line-height:1.55;font-weight:600;color:#61788d;margin:4px 0 0}
.fcc-site-nav #mobileMenuButton{display:none;width:44px;height:44px;flex:none;align-items:center;justify-content:center;border:1px solid #bcd4e2;border-radius:12px;background:#f4f9fc;color:#1769aa;cursor:pointer}
.fcc-site-nav #mobileMenuButton svg{width:24px;height:24px}
.fcc-site-nav__mobile{border-top:1px solid #d5e4ec;padding:12px 0}
.fcc-site-nav__mobile>div{display:grid;gap:8px;font-size:14px;font-weight:700}
.fcc-site-nav__mobile .freight-mobile-group__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:10px 14px;border:1px solid #cfe0ea;border-radius:12px;background:#f4f9fc;color:#173b63;text-align:left;cursor:pointer;font-weight:700}
.fcc-site-nav__mobile .freight-mobile-group__chevron{width:20px;height:20px;transition:transform .2s}
.fcc-site-nav__mobile [aria-expanded="true"] .freight-mobile-group__chevron{transform:rotate(180deg)}
.fcc-site-nav__mobile .freight-mobile-group__links{display:grid;padding:5px 10px}
.fcc-site-nav__mobile .freight-mobile-group__links a,.fcc-site-nav__mobile .freight-mobile-lookup{display:block;padding:12px 14px;min-height:44px;text-decoration:none;color:#294968;border-radius:8px}
.fcc-site-nav__mobile .freight-mobile-group__links a:hover,.fcc-site-nav__mobile .freight-mobile-lookup:hover{background:#eef7fb;color:#1769aa}
.fcc-site-nav button:focus-visible,.fcc-site-nav a:focus-visible,.fcc-footer a:focus-visible{outline:3px solid #2f88ef;outline-offset:3px}
.fcc-footer{margin-top:32px;width:100%;border-top:1px solid #dbe8f0;background:#fff;padding:48px 16px 40px;color:#526f84;font-family:Inter,system-ui,sans-serif;text-align:center}
.fcc-footer>div{max-width:1152px;margin:auto}
.fcc-footer .flex.justify-center{display:flex;justify-content:center}
.fcc-footer img{height:64px;width:64px;object-fit:cover;border-radius:16px;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.fcc-footer .text-center>p:nth-of-type(1){margin:20px 0 0;font-size:18px;font-weight:700;color:#173b63}
.fcc-footer .text-center>p:nth-of-type(2){margin:12px auto 0;max-width:768px;font-size:14px;font-weight:600;line-height:1.5}
.fcc-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 28px}
.fcc-footer .text-center>nav{margin-top:28px}
.fcc-footer nav a{font-size:14px;font-weight:700;text-decoration:none;color:#526f84}
.fcc-footer nav a:hover{color:#1769aa}
.fcc-footer>div>div:last-child{margin-top:32px;display:flex;flex-direction:column;align-items:center;gap:20px;border-top:1px solid #e4edf2;padding-top:24px}
.fcc-footer>div>div:last-child p{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}
.fcc-footer>div>div:last-child p a{font-weight:700;text-decoration:underline;color:#173b63}
.fcc-footer>div>div:last-child nav a{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#61788d}
@media(min-width:640px){.fcc-site-nav__container{padding:0 24px}.fcc-site-nav__row>a img{width:360px}}
@media(min-width:1024px){.fcc-site-nav__container{padding:0 32px}}
@media(max-width:767px){.fcc-site-nav__desktop{display:none}.fcc-site-nav #mobileMenuButton{display:inline-flex}}

/* Footer legal row — match Fuel Surcharge typography.
   More specific than the introductory .text-center paragraph rule. */
.fcc-footer > div > div:last-child.text-center > p:first-of-type {
  margin: 0;
  color: #526f84;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.fcc-footer > div > div:last-child.text-center > p:first-of-type a {
  color: #173b63;
  font-size: inherit;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.fcc-footer > div > div:last-child.text-center > nav a {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .1em;
  color: #61788d;
  text-transform: uppercase;
}

/* ============================================================
   INTEGRATED INCOTERMS QUOTE COMPARISON
   Original approved design; all calculator selectors scoped.
   ============================================================ */
@font-face{font-family:"Inter";src:url("/assets/fonts/inter-regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("/assets/fonts/inter-medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("/assets/fonts/inter-semibold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Inter";src:url("/assets/fonts/inter-bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
/* Layout: light hero → shipment strip → two quote dockets → "costs that matter" ledger → result card with a deep-blue range panel → trade-offs → full allocation matrix.
   Palette follows the site's fuel surcharge calculator: bright blues on white, navy text, green for the cheaper result, yellow for guidance.
   Status colours: blue = included in the quoted price, hatched amber = buyer pays separately, dotted blue-grey = confirm. */
#quote-comparison{
  --page:#FBFBF9; --surface:#FFFFFF; --tint:#F8F8F6; --tint-2:#F2F4F6;
  --navy:#12325B; --ink:#173B63; --text:#294968; --muted:#526F84; --faint:#6E8699;
  --line:#D4E2EF; --line-2:#E6EEF6;
  --blue:#1769AA; --blue-2:#2F88EF; --blue-soft:#EAF5FF; --blue-edge:#8EC7F6;
  --grad:linear-gradient(100deg,#2F88EF,#1769AA);
  --brand:linear-gradient(100deg,#086DE9,#167FF3 45%,#5D47EF);
  --inc:#1769AA; --inc-ink:#FFFFFF;
  --buy:#F2B33D; --buy-ink:#3D2A00; --hatch:rgba(61,42,0,.13); --buy-soft:#FFF6DF;
  --conf-bg:#F1F6FB; --conf-line:#7E9BB6; --conf-ink:#24476B;
  --green:#07885D; --green-2:#10B981; --green-soft:#F1FFF8; --green-edge:#35D594;
  --red:#C2362B; --red-soft:#FDEDEB;
  --yellow:#FFF4A6; --yellow-2:#FFF8C8; --yellow-edge:#E9C44A; --yellow-deep:#E3A713;
  --deep:#0F2D55; --deep-2:#173E6E; --deep-ink:#EAF3FF; --deep-muted:#9FBCDB;
  --shadow:0 12px 30px rgba(24,78,126,.08); --shadow-sm:0 5px 16px rgba(18,50,91,.06);
  --f:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color-scheme:light;
}
#quote-comparison *{box-sizing:border-box}
#quote-comparison{-webkit-text-size-adjust:100%}
#quote-comparison{margin:0;background:var(--page);color:var(--text);font-family:var(--f);font-size:15px;line-height:1.55}
#quote-comparison .num, #quote-comparison input.amt, #quote-comparison .tab{font-variant-numeric:tabular-nums}
#quote-comparison p{margin:0}
#quote-comparison h1, #quote-comparison h2, #quote-comparison h3{margin:0;text-wrap:balance;color:var(--navy)}
#quote-comparison button, #quote-comparison select, #quote-comparison input{font:inherit;color:inherit}
#quote-comparison :focus-visible{outline:3px solid var(--blue-2);outline-offset:2px}
#quote-comparison .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#quote-comparison .lbl{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
/* hero */
#quote-comparison .band{background:var(--page)}
#quote-comparison .band-in, #quote-comparison .wrap{max-width:1180px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
#quote-comparison .band-in{padding-block:34px 10px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 40px;align-items:end}
#quote-comparison .band .eyebrow{display:inline-block;font-size:.76rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--blue);background:var(--blue-soft);border:1px solid var(--blue-edge);border-radius:999px;padding:6px 14px}
#quote-comparison .band h1{font-size:clamp(2.1rem,5vw,3.4rem);font-weight:800;font-weight:700;letter-spacing:-.03em;line-height:1.05;margin-top:14px}
#quote-comparison .band h1 span{background:var(--brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#1570E0}
#quote-comparison .band .sub{color:var(--muted);font-size:1.06rem;font-weight:500;margin-top:10px;max-width:60ch}
#quote-comparison .steps{list-style:none;margin:0;padding:14px 16px;display:grid;gap:8px;font-size:.88rem;font-weight:500;color:var(--ink);min-width:260px;background:var(--surface);border:1px solid var(--line);border-radius:1rem;box-shadow:var(--shadow-sm)}
#quote-comparison .steps li{display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:center}
#quote-comparison .steps b{width:26px;height:26px;display:grid;place-items:center;font-size:.8rem;font-weight:700;color:#fff;background:var(--grad);border-radius:50%}
@media  (max-width:760px){#quote-comparison .band-in{grid-template-columns:1fr}
#quote-comparison .steps{min-width:0}}
#quote-comparison .wrap{display:grid;gap:26px;padding-block:22px 60px}
#quote-comparison .sec{display:grid;gap:12px}
#quote-comparison .sec-h{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding-left:0}
#quote-comparison .sec-h .no{width:34px;height:34px;display:none;place-items:center;font-size:.85rem;font-weight:700;color:#fff;background:var(--grad);border-radius:10px;box-shadow:0 6px 14px rgba(23,105,170,.22)}
#quote-comparison .sec-h h2{font-size:1.4rem;font-weight:700;letter-spacing:-.015em}
#quote-comparison .sec-h p{color:var(--muted);font-size:.95rem;font-weight:500;flex-basis:100%;padding-left:0;margin-top:-4px}
@media  (max-width:560px){#quote-comparison .sec-h p{padding-left:0}}
#quote-comparison .card{background:var(--surface);border:1px solid var(--line);border-radius:1.1rem;box-shadow:var(--shadow)}
/* shipment strip */
#quote-comparison .strip{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:end;padding:16px 18px}
#quote-comparison .ctl{display:grid;gap:7px}
#quote-comparison .seg{display:inline-flex;flex-wrap:wrap;gap:4px;border:1px solid var(--line);border-radius:12px;padding:4px;background:var(--tint)}
#quote-comparison .seg button{border:0;background:none;padding:8px 13px;font-size:.88rem;font-weight:600;color:var(--ink);border-radius:9px;cursor:pointer}
#quote-comparison .seg button:hover{background:var(--blue-soft)}
#quote-comparison .seg button[aria-pressed="true"]{background:var(--grad);color:#fff;box-shadow:0 5px 12px rgba(23,105,170,.25)}
#quote-comparison .strip .tools{margin-left:auto;display:flex;flex-wrap:wrap;gap:10px;align-items:center}
#quote-comparison .btn{border:2px solid var(--blue);background:var(--surface);color:var(--blue);border-radius:12px;padding:9px 16px;font-size:.9rem;font-weight:700;cursor:pointer}
#quote-comparison .btn:hover{background:var(--blue-soft)}
#quote-comparison .btn.dark{background:var(--grad);color:#fff;border-color:#145B96}
#quote-comparison .btn.link{border:0;background:none;padding:0;text-decoration:underline;text-underline-offset:3px;font-weight:700;color:var(--blue)}
#quote-comparison #btnExample{background:linear-gradient(180deg,var(--yellow-2),var(--yellow));border:1.5px solid var(--yellow-edge);border-bottom:4px solid var(--yellow-deep);color:var(--navy)}
#quote-comparison .example-flag{display:none;font-size:.8rem;font-weight:700;color:#7A5300;background:var(--buy-soft);border:1px solid #F1D781;border-radius:999px;padding:5px 12px}
#quote-comparison .example-message-row{display:none;flex-basis:100%;min-width:0}
#quote-comparison .is-example .example-message-row{display:block}
#quote-comparison .is-example .example-flag{display:inline-block;max-width:100%;white-space:normal;line-height:1.45;border-radius:10px;padding:8px 12px}
#quote-comparison .example-flag strong{display:block;font-weight:700}
#quote-comparison .example-disclaimer{display:block;margin-top:3px;font-weight:500}
/* dockets */
#quote-comparison .dockets{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}
@media  (max-width:760px){#quote-comparison .dockets{grid-template-columns:1fr}}
#quote-comparison .docket{display:grid;grid-template-rows:auto 1fr;overflow:hidden}
#quote-comparison .d-head{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#FFFFFF;border-bottom:1px solid var(--line)}
#quote-comparison .d-letter{width:38px;height:38px;display:grid;place-items:center;background:var(--grad);color:#fff;font-weight:700;font-size:1.1rem;border-radius:11px;flex:none;box-shadow:0 6px 14px rgba(23,105,170,.25)}
#quote-comparison .d-head .d-letter{background:linear-gradient(125deg,#198754,#16804D)}
#quote-comparison .d-head .ttl{display:grid}
#quote-comparison .d-head .ttl b{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);font-weight:700}
#quote-comparison .d-head .ttl span{font-weight:700;font-size:1.08rem;line-height:1.25;color:var(--navy)}
#quote-comparison .d-body{padding:16px;display:grid;gap:13px;align-content:start}
#quote-comparison .field{display:grid;gap:6px;min-width:0}
#quote-comparison .field label, #quote-comparison .field .lbl{display:block}
#quote-comparison select.sel, #quote-comparison input.txt{width:100%;min-width:0;border:1.5px solid #C5D4E2;border-radius:10px;background:var(--surface);padding:10px 12px;font-size:.95rem;color:var(--navy)}
#quote-comparison select.sel{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--blue) 50%),linear-gradient(135deg,var(--blue) 50%,transparent 50%);background-position:calc(100% - 17px) 52%,calc(100% - 12px) 52%;background-size:5px 5px;background-repeat:no-repeat;padding-right:32px;font-weight:600}
#quote-comparison select.sel:focus, #quote-comparison input.txt:focus{outline:none;border-color:var(--blue-2);box-shadow:0 0 0 3px rgba(47,136,239,.18)}
#quote-comparison .two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
#quote-comparison .money{display:flex;align-items:stretch;border:1.5px solid #C5D4E2;border-radius:12px;overflow:hidden;background:var(--surface)}
#quote-comparison .money span{display:grid;place-items:center;padding:0 16px;background:var(--tint-2);color:var(--blue);font-weight:700;font-size:1.2rem;border-right:1px solid var(--line)}
#quote-comparison .money input{flex:1;min-width:0;border:0;padding:12px 14px;font-size:1.5rem;font-weight:700;letter-spacing:-.01em;color:var(--navy);background:none}
#quote-comparison .money input::placeholder{font-size:.98rem;font-weight:500;color:var(--faint);letter-spacing:0}
#quote-comparison .money input:focus{outline:none}
#quote-comparison .money:focus-within{border-color:var(--blue-2);box-shadow:0 0 0 3px rgba(47,136,239,.18)}
#quote-comparison .writeas{font-size:.82rem;color:var(--muted)}
#quote-comparison .writeas code{font-family:inherit;font-weight:700;color:#0758BD;background:linear-gradient(180deg,#F1F7FF,#E8F2FF);padding:2px 7px;border-radius:6px;box-shadow:inset 0 -2px 0 #F3B600}
#quote-comparison .flag{border:1px solid;border-left-width:5px;border-radius:10px;padding:9px 12px;font-size:.88rem;line-height:1.45;color:var(--ink)}
#quote-comparison .flag b{font-weight:700;color:var(--navy)}
#quote-comparison .flag.rule{border-color:#E9A79F;border-left-color:var(--red);background:var(--red-soft)}
#quote-comparison .flag.guide{border-color:#E8C76A;border-left-color:var(--yellow-deep);background:linear-gradient(100deg,#FFFDF7,#FFF8E5)}
#quote-comparison .flag.open{border-color:var(--blue-edge);border-left-color:var(--blue-2);background:var(--blue-soft)}
#quote-comparison .pricegap{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;justify-content:center;padding:11px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:.95rem;font-weight:500;color:var(--muted);box-shadow:var(--shadow-sm)}
#quote-comparison .pricegap b{color:var(--blue);font-weight:700;font-size:1.05rem}
/* DDP */
#quote-comparison .ddp{padding:16px 18px;display:grid;gap:12px;background:var(--surface)}
#quote-comparison .ddp .sec-h p{padding-left:0}
#quote-comparison .ddp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px 24px}
#quote-comparison .qrow{display:grid;gap:7px;padding:10px 0;border-top:1px solid var(--line-2)}
#quote-comparison .qrow p{font-size:.92rem;font-weight:600;color:var(--navy)}
/* ledger */
#quote-comparison .ledger{overflow:hidden}
#quote-comparison .lrow{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,1fr);border-top:1px solid var(--line-2)}
#quote-comparison .lrow.head{border-top:0;background:var(--grad);color:#fff}
#quote-comparison .lrow.head > div{padding:11px 14px;font-size:.76rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
#quote-comparison .lrow.head .qh{display:flex;gap:8px;align-items:center}
#quote-comparison .lrow.head .qh i{font-style:normal;background:#fff;color:var(--blue);border-radius:6px;padding:1px 7px;font-weight:800;font-weight:700;letter-spacing:0}
#quote-comparison .lrow.stage{background:var(--tint);grid-template-columns:1fr}
#quote-comparison .lrow.stage div{padding:6px 14px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
#quote-comparison .lname{padding:12px 14px;display:grid;gap:3px;align-content:start;min-width:0}
#quote-comparison .lname b{font-weight:700;font-size:.95rem;line-height:1.3;color:var(--navy)}
#quote-comparison .lname .why{font-size:.8rem;color:var(--muted);line-height:1.4}
#quote-comparison .tag{display:inline-block;font-size:.64rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--blue-edge);background:var(--blue-soft);color:var(--blue);border-radius:999px;padding:1px 7px;margin-left:7px;vertical-align:2px;white-space:nowrap}
#quote-comparison .cellq{padding:10px 12px;display:grid;gap:7px;align-content:start;border-left:1px solid var(--line-2);min-width:0}
#quote-comparison .st{position:relative}
#quote-comparison .st select{width:100%;appearance:none;-webkit-appearance:none;border:1.5px solid transparent;border-radius:9px;padding:7px 28px 7px 11px;font-size:.82rem;font-weight:700;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 15px) 52%,calc(100% - 10px) 52%;background-size:5px 5px;background-repeat:no-repeat}
#quote-comparison .st.inc select{background-color:var(--inc);color:var(--inc-ink);box-shadow:0 4px 10px rgba(23,105,170,.2)}
#quote-comparison .st.buy select{background-color:var(--buy);color:var(--buy-ink);background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%),repeating-linear-gradient(135deg,var(--hatch) 0 3px,transparent 3px 7px);background-position:calc(100% - 15px) 52%,calc(100% - 10px) 52%,0 0;background-size:5px 5px,5px 5px,auto}
#quote-comparison .st.conf select{background-color:var(--conf-bg);color:var(--conf-ink);border:1.5px dashed var(--conf-line)}
#quote-comparison .st.na select{background-color:var(--surface);color:var(--faint);border:1.5px solid var(--line)}
#quote-comparison .edited{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;color:var(--red)}
#quote-comparison .edited button{border:0;background:none;padding:0;font-size:.72rem;font-weight:700;color:var(--blue);text-decoration:underline;cursor:pointer}
#quote-comparison .amtbox{display:flex;align-items:center;border:1.5px solid #C5D4E2;border-radius:9px;background:var(--surface);min-width:0}
#quote-comparison .amtbox span{padding:0 0 0 10px;color:var(--blue);font-weight:700;font-size:.9rem}
#quote-comparison .amtbox input{flex:1;min-width:0;border:0;background:none;padding:8px 10px 8px 4px;font-size:.95rem;font-weight:700;color:var(--navy);text-align:right}
#quote-comparison .amtbox input::placeholder{font-weight:500;color:var(--faint);text-align:left;font-size:.8rem}
#quote-comparison .amtbox input:focus{outline:none}
#quote-comparison .amtbox:focus-within{border-color:var(--blue-2);box-shadow:0 0 0 3px rgba(47,136,239,.18)}
#quote-comparison .amtbox.need{border-color:#F1C35E;background:#FFFCF2}
#quote-comparison .amtbox.cap{border-style:dashed;border-color:var(--conf-line)}
#quote-comparison .cellnote{font-size:.76rem;color:var(--muted);line-height:1.35}
#quote-comparison .inprice{font-size:.82rem;font-weight:700;color:var(--blue);padding:2px 0}
#quote-comparison .ledger-foot{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;padding:12px 14px;border-top:1px solid var(--line);background:var(--tint);font-size:.86rem;color:var(--muted)}
#quote-comparison .ledger-foot.assume{display:block}
#quote-comparison .ledger-foot.assume p{margin:0 0 10px;color:var(--text);line-height:1.5}
#quote-comparison .hidden-list{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
#quote-comparison .hidden-list li{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;padding:7px 11px;border:1px solid var(--line);border-radius:10px;background:#fff}
#quote-comparison .hidden-list li span{font-weight:600;color:var(--navy)}
#quote-comparison .btn.link.small{font-size:.8rem}
#quote-comparison .need-list{margin:6px 0 8px;padding-left:1.1em;font-size:.86rem;line-height:1.5}
#quote-comparison .sel.need{border-color:var(--amber,#F2B33D);box-shadow:0 0 0 3px rgba(242,179,61,.18)}
#quote-comparison .lname .btn.link.small{display:block;margin-top:4px}
#quote-comparison .empty{padding:22px 16px;color:var(--muted);font-size:.95rem}
@media  (max-width:720px){#quote-comparison .lrow{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
#quote-comparison .lrow .lname{grid-column:1/-1;padding-bottom:2px}
#quote-comparison .lrow.head .hname{display:none}
#quote-comparison .cellq{border-left:0;padding-top:4px}
#quote-comparison .cellq + .cellq{border-left:1px solid var(--line-2)}
#quote-comparison .cellq::before{content:attr(data-q);font-size:.64rem;font-weight:700;letter-spacing:.06em;color:var(--blue)}}
/* result */
#quote-comparison .verdict{display:grid;overflow:hidden}
#quote-comparison .v-band{padding:20px 22px;display:grid;gap:6px;background:radial-gradient(circle at 80% 20%,rgba(82,231,169,.12),transparent 14rem),linear-gradient(135deg,#FBFFFD,#F1FFF8);border-bottom:1.5px solid var(--green-edge)}
#quote-comparison .v-band .lbl{color:var(--green);display:inline-flex;justify-self:start;background:linear-gradient(180deg,#2EC65A,#1EAA45);color:#fff;border-radius:8px;padding:4px 10px;letter-spacing:.05em}
#quote-comparison .v-band .big{font-size:clamp(1.35rem,3vw,1.9rem);font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--navy)}
#quote-comparison .v-band .big em{font-style:normal;color:var(--green)}
#quote-comparison .v-band p{color:var(--text);font-size:.98rem;font-weight:500;max-width:80ch}
#quote-comparison .v-band.wait{background:var(--tint);border-bottom-color:var(--blue-edge)}
#quote-comparison .v-band.wait .lbl{background:var(--grad)}
#quote-comparison .v-band.close{background:linear-gradient(100deg,#FFFDF5,#FFF8E5);border-bottom-color:var(--yellow-edge)}
#quote-comparison .v-band.close .lbl{background:linear-gradient(180deg,#FFC54F,#E9A714);color:var(--navy)}
#quote-comparison .tots{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media  (max-width:640px){#quote-comparison .tots{grid-template-columns:1fr}}
#quote-comparison .tot{padding:16px 22px;display:grid;gap:4px;align-content:start}
#quote-comparison .tot + .tot{border-left:1px solid var(--line)}
@media  (max-width:640px){#quote-comparison .tot + .tot{border-left:0;border-top:1px solid var(--line)}}
#quote-comparison .tot-h{display:flex;align-items:center;gap:10px;margin-bottom:6px}
#quote-comparison .tot-h .d-letter{width:30px;height:30px;font-size:.95rem;border-radius:9px}
#quote-comparison .tot-h b{font-size:1.2rem;font-weight:700;color:var(--navy)}
#quote-comparison .tot-h .won{margin-left:auto;font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:linear-gradient(180deg,#2EC65A,#1EAA45);border-radius:8px;padding:4px 10px;box-shadow:0 4px 10px rgba(30,170,69,.25)}
#quote-comparison .line{display:flex;justify-content:space-between;gap:12px;font-size:.92rem;padding:4px 0;border-bottom:1px dashed var(--line-2);color:var(--ink)}
#quote-comparison .line span:last-child{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--navy)}
#quote-comparison .line.sub{color:var(--muted);font-size:.86rem;padding-left:12px}
#quote-comparison .line.sub span:last-child{color:var(--ink);font-weight:600}
#quote-comparison .line.total{border-bottom:0;border-top:2px solid var(--line);margin-top:8px;padding-top:10px;font-weight:700}
#quote-comparison .line.total span:last-child{font-size:1.55rem;letter-spacing:-.02em;color:var(--blue)}
#quote-comparison .tot.is-win .line.total span:last-child{color:var(--green)}
#quote-comparison .line.cash{color:var(--blue)}
#quote-comparison .line.miss > .result-charge-value{color:var(--red)}
#quote-comparison .rangewrap{margin:4px 22px 16px;padding:18px 18px 12px;display:grid;gap:12px;background:linear-gradient(160deg,var(--deep),#12386A);border-radius:1rem;color:var(--deep-ink)}
#quote-comparison .rbar{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;align-items:center}
#quote-comparison .rbar .d-letter{width:30px;height:30px;font-size:.9rem;border-radius:9px;box-shadow:none;background:rgba(255,255,255,.12)}
#quote-comparison .track{position:relative;height:24px;background:rgba(255,255,255,.08);border-radius:7px}
#quote-comparison .seg-known{position:absolute;top:0;bottom:0;left:0;background:linear-gradient(90deg,#1A7CE6,#4AA8FF);border-radius:7px 0 0 7px}
#quote-comparison .rbar.win .seg-known{background:linear-gradient(90deg,#10A36C,#34D399)}
#quote-comparison .seg-exp{position:absolute;top:0;bottom:0;background:rgba(255,197,79,.22);border:1.5px dashed #FFC54F;border-left:0;border-radius:0 7px 7px 0}
#quote-comparison .seg-open{position:absolute;top:0;bottom:0;right:0;background:repeating-linear-gradient(135deg,rgba(255,197,79,.25) 0 5px,transparent 5px 10px);border:1.5px dashed #FFC54F;border-left:0;border-radius:0 7px 7px 0}
#quote-comparison .seg-open::after{content:"open-ended";position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:.68rem;font-weight:700;color:#FFD889;letter-spacing:.04em;text-transform:uppercase}
#quote-comparison .track .val{position:absolute;top:0;transform:translateX(8px);font-size:.8rem;font-weight:700;line-height:24px;white-space:nowrap;color:#fff}
#quote-comparison .track .val.flip{transform:translateX(calc(-100% - 8px));background:var(--deep);padding:0 6px;line-height:20px;top:2px;border-radius:5px}
#quote-comparison .axis{display:flex;justify-content:space-between;gap:10px;font-size:.74rem;font-weight:500;color:var(--deep-muted);padding-left:42px}
#quote-comparison .notes{padding:0 22px 18px;display:grid;gap:8px}
#quote-comparison .notes h3{font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--blue);margin-top:6px}
#quote-comparison .notes ul{margin:0;padding-left:18px;display:grid;gap:5px;font-size:.9rem;color:var(--ink)}
/* trade-offs */
#quote-comparison .trade{overflow-x:auto}
#quote-comparison .trade table{width:100%;border-collapse:collapse;min-width:640px;font-size:.9rem}
#quote-comparison .trade th, #quote-comparison .trade td{text-align:left;vertical-align:top;padding:12px 14px;border-top:1px solid var(--line-2);color:var(--ink)}
#quote-comparison .trade thead th{border-top:0;background:var(--grad);color:#fff;font-size:.76rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
#quote-comparison .trade tbody th{width:160px;font-size:.74rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--blue);background:var(--tint)}
#quote-comparison .trade tr.watch td{background:linear-gradient(100deg,#FFFDF7,#FFF8E5)}
/* matrix */
#quote-comparison details.card{overflow:hidden}
#quote-comparison details.card summary{list-style:none;cursor:pointer;padding:16px 18px;display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center;background:var(--grad);color:#fff}
#quote-comparison details.card summary::-webkit-details-marker{display:none}
#quote-comparison details.card summary::before{content:"+";font-weight:700;width:22px;height:22px;display:grid;place-items:center;border-radius:6px;background:rgba(255,255,255,.18)}
#quote-comparison details.card[open] summary::before{content:"−"}
#quote-comparison details.card summary h2{font-size:1.08rem;font-weight:700;color:#fff}
#quote-comparison details.card summary span{color:#DCEBFF;font-size:.9rem;font-weight:500}
#quote-comparison .matrix{overflow-x:auto}
#quote-comparison .matrix table{width:100%;min-width:900px;border-collapse:collapse;font-size:.85rem}
#quote-comparison .matrix th, #quote-comparison .matrix td{text-align:left;vertical-align:top;padding:9px 11px;border-bottom:1px solid var(--line-2);color:var(--ink)}
#quote-comparison .matrix thead th{background:var(--tint);font-size:.7rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--blue)}
#quote-comparison .matrix td b{color:var(--navy)}
#quote-comparison .matrix td.ref{color:var(--muted);font-size:.8rem;max-width:260px}
#quote-comparison .matrix .st select{font-size:.76rem;padding:5px 24px 5px 8px}
#quote-comparison .pty{font-weight:700;font-size:.82rem;color:var(--navy)}
#quote-comparison .inq{font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
#quote-comparison .inq.y{color:var(--green)}
#quote-comparison .inq.n{color:var(--faint)}
#quote-comparison .matrix-foot{padding:14px 18px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:.86rem;color:var(--muted)}
#quote-comparison .legend{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.84rem;font-weight:500;color:var(--ink);align-items:center}
#quote-comparison .sw{display:inline-block;width:20px;height:13px;border-radius:4px;margin-right:7px;vertical-align:-1px}
#quote-comparison .sw.inc{background:var(--inc)}
#quote-comparison .sw.buy{background:var(--buy);background-image:repeating-linear-gradient(135deg,var(--hatch) 0 3px,transparent 3px 7px)}
#quote-comparison .sw.conf{background:var(--conf-bg);border:1.5px dashed var(--conf-line)}
#quote-comparison .fine{font-size:.82rem;color:var(--muted);max-width:92ch;border:1px solid #E8C76A;border-left:5px solid var(--yellow-deep);border-radius:1rem;background:var(--surface);padding:14px 16px}
@media  (prefers-reduced-motion:no-preference){#quote-comparison .seg-known, #quote-comparison .seg-exp{transition:width .25s,left .25s}}
/* Integration only: avoid duplicate page-level H1 and content frame */
#quote-comparison{margin:26px 0 30px;isolation:isolate;background:#FBFBF9;color:#294968;font-family:Inter,system-ui,sans-serif;line-height:1.55;font-size:15px}
#quote-comparison .band-in,#quote-comparison .wrap{max-width:100%;}
#quote-comparison .band-in{padding-top:24px}
#quote-comparison .band h2{font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.03em;line-height:1.08;margin:14px 0 0;color:var(--navy)}
#quote-comparison .band h2 span{background:var(--brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
#quote-comparison .wrap{display:grid;gap:26px;padding-block:22px 38px}

#quote-comparison button,#quote-comparison select,#quote-comparison input{font-family:inherit}

/* Quote comparison integration: one unified white card, preserving the calculator's internal design. */
#quote-comparison {
  background: #FFFFFF;
  border: 1px solid #D9E5ED;
  border-radius: 20px;
  padding: 22px;
  overflow: hidden;
}
#quote-comparison .band {
  background: transparent;
}
#quote-comparison .band-in,
#quote-comparison .wrap {
  padding-left: 0;
  padding-right: 0;
}
#quote-comparison .band-in {
  padding-top: 0;
}
#quote-comparison .wrap {
  padding-bottom: 0;
}
@media (max-width: 600px) {
  #quote-comparison {
    padding: 15px;
    border-radius: 16px;
  }
}



/* Standalone calculator page framing; calculator's existing internal selectors are preserved. */
.quote-page{max-width:1220px;margin:0 auto;padding:24px 22px 55px}
.quote-page .breadcrumbs{font-size:13px;display:flex;flex-wrap:wrap;gap:10px;color:#526f84}
.quote-page #quote-comparison{margin-top:22px}
.quote-page .quote-context-link{margin:16px 4px;color:#365875;font-size:14px}
@media(max-width:600px){.quote-page{padding:18px 12px}}

/* Quote comparison: charge-assumption cards (visual layer only) */
#quote-comparison .band-in{grid-template-columns:minmax(0,1fr);align-items:start}
#quote-comparison .ledger-foot.assume.assumption-layout{display:block;padding:20px 16px 16px;background:#f9fbfd;color:#183c66}
#quote-comparison .assumption-group{margin:0 0 18px}
#quote-comparison .assumption-intro{display:flex;align-items:flex-start;gap:16px;margin-bottom:17px}
#quote-comparison .assumption-intro p{flex:1;margin:0;color:#294d78;font-size:1rem;line-height:1.6;font-weight:400}
#quote-comparison .assumption-intro strong{color:#123664;font-weight:750}
#quote-comparison .assumption-intro__icon{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:50%;background:#e7f2ff;color:#1464b9;font-size:1.65rem;line-height:1}
#quote-comparison .assumption-grid{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0}
#quote-comparison .assumption-card{display:flex;align-items:center;gap:12px;min-width:0;min-height:86px;border:1px solid #d9e7f6;border-radius:14px;background:#fff;padding:12px;box-shadow:0 5px 17px rgba(24,66,113,.045)}
#quote-comparison .assumption-card__icon{display:grid;place-items:center;flex:none;width:46px;height:46px;background:#eaf3fe;color:#14569f;border-radius:50%}
#quote-comparison .assumption-card__name{flex:1;min-width:0;color:#143562;font-weight:700;font-size:.86rem;line-height:1.4}
#quote-comparison .assumption-card__action{display:inline-flex;gap:8px;align-items:center;justify-content:center;flex:none;min-height:42px;border-radius:9px;border:1px solid #bdd8ff;background:#f4f8ff;color:#0960be;font-size:.78rem;font-weight:700;line-height:1.25;padding:9px 11px;cursor:pointer;box-shadow:0 1px 4px rgba(14,91,169,.06)}
#quote-comparison .assumption-card__action:hover{background:#e7f1ff;border-color:#85b9fa}
#quote-comparison .assumption-card__action:focus-visible{outline:3px solid #277dea;outline-offset:3px}
#quote-comparison .assumption-card__arrow{font-size:1.5rem;line-height:.7}
#quote-comparison .assumption-delay{padding:16px 14px;border:1px solid #f6e5b8;background:#fffaf0;border-radius:15px;margin:0 0 14px}
#quote-comparison .assumption-delay .assumption-intro{margin-bottom:13px}
#quote-comparison .assumption-delay .assumption-intro__icon{background:#fff0c8;color:#bd7c0b}
#quote-comparison .assumption-delay .assumption-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding-left:64px}
#quote-comparison .assumption-matrix-link{margin-top:4px;font-weight:700}
@media(max-width:1100px){#quote-comparison .assumption-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#quote-comparison .assumption-delay .assumption-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#quote-comparison .assumption-card{flex-wrap:wrap}#quote-comparison .assumption-card__action{margin-left:auto}}
@media(max-width:680px){#quote-comparison .ledger-foot.assume.assumption-layout{padding:16px 12px}#quote-comparison .assumption-grid,#quote-comparison .assumption-delay .assumption-grid{grid-template-columns:1fr;padding-left:0}#quote-comparison .assumption-card{flex-wrap:nowrap}#quote-comparison .assumption-intro{gap:10px}#quote-comparison .assumption-intro__icon{width:40px;height:40px;font-size:1.3rem}#quote-comparison .assumption-intro p{font-size:.9rem}#quote-comparison .assumption-card__action{font-size:.75rem}#quote-comparison .assumption-delay{padding:12px}}
@media(max-width:390px){#quote-comparison .assumption-card{flex-wrap:wrap}#quote-comparison .assumption-card__action{margin-left:58px}}


/* Charge cards: title above the action, rather than squeezed beside it. */
#quote-comparison .assumption-card {
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr);
  grid-template-rows: minmax(48px, auto) auto;
  column-gap: 12px;
  row-gap: 14px;
  align-items: center;
  align-content: start;
  min-height: 0;
  padding: 17px;
}
#quote-comparison .assumption-card__icon {
  grid-column: 1;
  grid-row: 1;
}
#quote-comparison .assumption-card__name {
  grid-column: 2;
  grid-row: 1;
  width: 100%;
  min-width: 0;
  font-size: .95rem;
  line-height: 1.4;
  overflow-wrap: break-word;
}
#quote-comparison .assumption-card__action {
  grid-column: 1 / -1;
  grid-row: 2;
  width: 100%;
  margin: 0;
  min-height: 44px;
  justify-content: center;
  font-size: .85rem;
}
@media (max-width: 680px) {
  #quote-comparison .assumption-card { padding: 14px; }
  #quote-comparison .assumption-card__action { margin: 0; }
}
@media (max-width: 390px) {
  #quote-comparison .assumption-card__action { margin: 0; }
}


/* Section 04 — reference dashboard treatment. No financial computation changes. */
#quote-comparison #verdict.verdict{display:flex;flex-direction:column;gap:14px;background:transparent;border:0;box-shadow:none;border-radius:0;overflow:visible}
#quote-comparison #verdict .v-band{position:relative;display:block;padding:18px 24px 18px 100px;min-height:112px;border:1px solid #cde5de;border-radius:15px;background:linear-gradient(110deg,#f6fffb,#fff);overflow:hidden}
#quote-comparison #verdict .v-band:before{content:"✓";position:absolute;top:20px;left:20px;display:grid;place-items:center;width:58px;height:58px;border-radius:15px;background:#d8f5e6;color:#148550;font-size:28px;font-weight:800}
#quote-comparison #verdict .v-band.wait,#quote-comparison #verdict .v-band.close{border-color:#ffdfa6;background:linear-gradient(110deg,#fff8eb,#fffdf8)}
#quote-comparison #verdict .v-band.wait:before,#quote-comparison #verdict .v-band.close:before{content:"!";background:#ffebcb;color:#e78300}
#quote-comparison #verdict .v-band .lbl{background:#19975d;border-radius:8px;font-size:.7rem;line-height:1.2;padding:6px 10px;color:white;text-transform:uppercase}
#quote-comparison #verdict .v-band.wait .lbl,#quote-comparison #verdict .v-band.close .lbl{background:#ee8700;color:#fff}
#quote-comparison #verdict .v-band .big{font-size:clamp(1.25rem,2.4vw,1.75rem);margin:6px 0 4px;max-width:none}
#quote-comparison #verdict .v-band p{max-width:none}
#quote-comparison #verdict .tots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#quote-comparison #verdict .tot{border:1px solid #c6dfff;border-radius:14px;background:white;padding:18px;gap:2px;min-width:0;box-shadow:0 5px 20px rgba(35,87,145,.045)}
#quote-comparison #verdict .tot.quote-b{border-color:#cbeedd}
#quote-comparison #verdict .tot-h{gap:13px;margin-bottom:9px}
#quote-comparison #verdict .tot-h .d-letter{width:40px;height:40px;border-radius:10px;font-size:1.1rem;background:linear-gradient(125deg,#198754,#16804D)}
#quote-comparison #verdict .tot.quote-b .d-letter{background:linear-gradient(125deg,#198754,#16804D)}
#quote-comparison #verdict .tot-title{display:grid;min-width:0}
#quote-comparison #verdict .tot-title b{font-size:1.18rem;line-height:1.2}
#quote-comparison #verdict .tot-title small{color:#52718b;font-size:.74rem;line-height:1.45}
#quote-comparison #verdict .line{display:flex;align-items:center;min-width:0;gap:12px;padding:8px 10px;margin:2px 0;border:0;border-radius:8px;background:#f7fafd;font-size:.81rem;line-height:1.35}
#quote-comparison #verdict .line:nth-child(odd){background:#fff}
#quote-comparison #verdict .line span:first-child{min-width:0;overflow-wrap:anywhere}
#quote-comparison #verdict .line span:last-child{flex:none}
#quote-comparison #verdict .line.sub{padding-left:10px;font-size:.79rem}
#quote-comparison #verdict .line.total{margin-top:auto;background:#eaf5ff;border:0;padding:12px;color:#133563;font-weight:700}
#quote-comparison #verdict .quote-b .line.total{background:#e7f9ee}
#quote-comparison #verdict .line.total span:last-child{font-size:1.22rem}
#quote-comparison #verdict .result-tag{display:inline-flex;justify-content:center;min-width:68px;padding:4px 9px;border-radius:7px;font-size:.75rem;font-weight:700;line-height:1.1}
#quote-comparison #verdict .result-tag.needed{background:#ffe6ea;color:#bf2435}
#quote-comparison #verdict .result-tag.unknown{background:#eaf0f7;color:#24476b}
#quote-comparison #costAssumptions .ledger-foot.assume.assumption-layout{background:#fff;border:1px solid #deebf6;border-radius:14px;padding:18px;box-shadow:0 4px 15px rgba(25,70,120,.04)}
#quote-comparison #costAssumptions .assumption-card{grid-template-columns:46px minmax(0,1fr);gap:9px 12px;padding:14px;min-width:0}
#quote-comparison #costAssumptions .assumption-card__name{font-size:.86rem;line-height:1.35}
#quote-comparison #costAssumptions .assumption-delay{background:#fff5f4;border-color:#ffd9d7}
#quote-comparison #costAssumptions .assumption-delay .assumption-intro__icon{background:#ffe3e4;color:#cf3138}
#quote-comparison #verdict .result-notes-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
#quote-comparison #verdict .result-note-card{min-width:0;padding:18px;background:white;border:1px solid #dae8f5;border-radius:13px}
#quote-comparison #verdict .result-note-card h3{font-size:1rem;line-height:1.3;color:#133563;margin:0 0 10px}
#quote-comparison #verdict .result-note-card ul{padding-left:20px;margin:0;color:#385b7a;font-size:.85rem;line-height:1.55}
#quote-comparison #verdict .result-note-card li+li{margin-top:5px}
#quote-comparison #verdict .rangewrap{margin:0}
@media(max-width:700px){#quote-comparison #verdict .tots,#quote-comparison #verdict .result-notes-grid{grid-template-columns:1fr}#quote-comparison #verdict .v-band{padding:80px 16px 16px}#quote-comparison #verdict .v-band:before{top:14px;left:16px;width:48px;height:48px}#quote-comparison #verdict .tot{padding:13px}#quote-comparison #costAssumptions .assumption-delay .assumption-grid{padding-left:0}}

/* Reference-faithful Section 04 iconography and proportions */
#quote-comparison #verdict .result-icon{width:21px;height:21px;display:block;flex:none}
#quote-comparison #verdict .v-band.wait{display:grid;grid-template-columns:70px minmax(0,1fr);align-items:center;gap:18px;padding:12px 22px;min-height:132px;isolation:isolate}
#quote-comparison #verdict .v-band.wait:before{display:none}
#quote-comparison #verdict .v-band__symbol{height:62px;width:62px;display:grid;place-items:center;border-radius:14px;background:#ffebcd;color:#e78a00;border-right:1px solid #fbe3bd}
#quote-comparison #verdict .v-band__symbol .result-icon{height:34px;width:34px;stroke-width:2.7}
#quote-comparison #verdict .v-band__body{position:relative;z-index:2;min-width:0}
#quote-comparison #verdict .v-band.wait .lbl{background:#F14924;color:#FFFFFF;padding:5px 12px}
#quote-comparison #verdict .v-band.wait .need-list{display:none}
#quote-comparison #verdict .v-band.wait .big{margin:5px 0;font-size:clamp(1.25rem,2.3vw,1.8rem)}
#quote-comparison #verdict .result-ship{position:absolute;right:0;bottom:0;width:min(33%,345px);height:auto;z-index:1;opacity:.85}
#quote-comparison #verdict .v-band.wait .v-band__body{padding-right:min(22%,220px)}
#quote-comparison #verdict .tots{align-items:stretch}
#quote-comparison #verdict .tot{display:flex;flex-direction:column;gap:3px}
#quote-comparison #verdict .tot-h{margin-bottom:10px}
#quote-comparison #verdict .line{min-height:37px;display:flex;gap:10px;padding:6px 10px}
#quote-comparison #verdict .line.sub{padding-left:10px}
#quote-comparison #verdict .result-charge-label{display:flex;align-items:center;gap:12px;min-width:0;flex:1}
#quote-comparison #verdict .result-charge-label>span:last-child{min-width:0;overflow-wrap:break-word}
#quote-comparison #verdict .result-charge-icon{display:grid;place-items:center;flex:none;width:25px;height:25px;color:#215a9d}
#quote-comparison #verdict .result-charge-value{flex:none;text-align:right;white-space:nowrap}
#quote-comparison #verdict .line.total{min-height:48px;margin-top:auto}
#quote-comparison #verdict .line.total .result-charge-icon{background:#d4eafe;border-radius:5px;width:29px;height:29px;color:#0875d6}
#quote-comparison #verdict .quote-b .line.total .result-charge-icon{background:#ceefd9;color:#188e51}
#quote-comparison #costAssumptions .assumption-card{display:grid;grid-template-columns:46px minmax(0,1fr) 34px;grid-template-rows:auto auto;align-items:center;gap:3px 10px;padding:11px;min-height:78px}
#quote-comparison #costAssumptions .assumption-card__icon{grid-column:1;grid-row:1 / 3}
#quote-comparison #costAssumptions .assumption-card__name{grid-column:2;grid-row:1;align-self:end;font-size:.82rem}
#quote-comparison #costAssumptions .assumption-card__action{grid-column:2 / 4;grid-row:2;display:inline-flex;justify-content:flex-start;width:auto;min-height:0;background:transparent;border:0;box-shadow:none;border-radius:0;text-align:left;text-decoration:underline;padding:0;font-size:.79rem;color:#0775d8}
#quote-comparison #costAssumptions .assumption-card__arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:1px solid #d7e8f7;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;text-decoration:none;color:#076dc5;font-size:1.8rem;background:#fff}
#quote-comparison #costAssumptions .assumption-card{position:relative;padding-right:50px}
#quote-comparison #costAssumptions .assumption-intro__icon{background:#e2f7ea;color:#1c9a59}
#quote-comparison #costAssumptions .assumption-delay .assumption-intro__icon{background:#ffe4e6;color:#e22f41}
#quote-comparison #costAssumptions .assumption-intro__icon .result-icon{width:28px;height:28px}
#quote-comparison #costAssumptions .assumption-delay{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px, .9fr);align-items:center;gap:16px;margin:10px 0 0}
#quote-comparison #costAssumptions .assumption-delay .assumption-intro{margin:0}
#quote-comparison #costAssumptions .assumption-delay .assumption-grid{display:block;padding:0}
#quote-comparison #costAssumptions .assumption-group{margin-bottom:12px}
#quote-comparison #costAssumptions .assumption-card__icon{background:#e8f5fb;color:#11619f}
#quote-comparison #verdict .result-note-card{display:flex;align-items:flex-start;gap:14px;min-width:0}
#quote-comparison #verdict .result-note-icon{display:grid;place-items:center;flex:none;width:45px;height:45px;border-radius:12px;background:#e4f0ff;color:#0875d6}
#quote-comparison #verdict .result-note-icon--muted{background:#e9eff5;color:#385c82}
#quote-comparison #verdict .result-note-icon .result-icon{width:26px;height:26px}
#quote-comparison #verdict .result-note-content{min-width:0;flex:1}
#quote-comparison #costAssumptions .assumption-matrix-link{display:inline-block;margin-top:12px}
@media(max-width:900px){#quote-comparison #costAssumptions .assumption-delay{grid-template-columns:1fr}#quote-comparison #costAssumptions .assumption-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){#quote-comparison #verdict .v-band.wait{grid-template-columns:1fr;padding:16px}#quote-comparison #verdict .v-band.wait .v-band__body{padding-right:0}#quote-comparison #verdict .result-ship{opacity:.16;width:220px}#quote-comparison #costAssumptions .assumption-grid{grid-template-columns:1fr}#quote-comparison #costAssumptions .assumption-delay{grid-template-columns:1fr}#quote-comparison #verdict .line{font-size:.78rem}}


/* SECTION 03 — exact reference-table language, not dashboard cards */
#quote-comparison #ledger{border-radius:14px;box-shadow:none;border-color:#d7e6f3;background:#fff}
#quote-comparison #ledger .lrow{grid-template-columns:minmax(0,1.58fr) minmax(0,1fr) minmax(0,1fr);border-top:1px solid #d8e8f4}
#quote-comparison #ledger .lrow.head{background:linear-gradient(100deg,#0563b3,#0054a8);border:0;color:#fff}
#quote-comparison #ledger .lrow.head>div{padding:12px 14px;font-size:14px;letter-spacing:0}
#quote-comparison #ledger .hname{display:flex;align-items:center;font-size:18px!important}
#quote-comparison #ledger .qh{display:flex;align-items:center;gap:14px;border-left:1px solid rgba(255,255,255,.25)}
#quote-comparison #ledger .qh i{border-radius:7px;font-size:19px;width:38px;height:38px;display:grid;place-items:center;padding:0;color:#125492;background:#fff}
#quote-comparison #ledger .ledger-quote-heading{display:grid;gap:0;text-transform:none;line-height:1.22}
#quote-comparison #ledger .ledger-quote-heading strong{font-size:19px;color:#fff}
#quote-comparison #ledger .ledger-quote-heading small{font-size:12px;color:#e1efff;font-weight:500;letter-spacing:0}
#quote-comparison #ledger .lrow.stage{display:grid;grid-template-columns:1fr;background:#e6f4ff;border-color:#c9e4fa}
#quote-comparison #ledger .lrow.stage div{padding:6px 18px;display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700;letter-spacing:.035em;color:#155494}
#quote-comparison #ledger .ledger-stage-icon{display:inline-flex;width:25px;height:25px;color:#1161b4}
#quote-comparison #ledger svg{width:100%;height:100%}
#quote-comparison #ledger .lname{display:flex;align-items:flex-start;gap:15px;padding:13px 15px;min-width:0}
#quote-comparison #ledger .ledger-item-icon{flex:none;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#e7f4ff;color:#07569d;padding:14px}
#quote-comparison #ledger .ledger-item-copy{display:block;min-width:0;line-height:1.4}
#quote-comparison #ledger .ledger-item-copy>b{display:inline;font-size:15px;font-weight:700;color:#102b5e;line-height:1.35}
#quote-comparison #ledger .ledger-booking{display:inline-flex;gap:5px;align-items:center;color:#0461ca;background:#e7f4ff;border:1px solid #94cdfb;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700;white-space:nowrap;vertical-align:middle;margin-left:8px;line-height:1.5}
#quote-comparison #ledger .ledger-booking svg{width:14px;height:14px}
#quote-comparison #ledger .ledger-description,#quote-comparison #ledger .why,#quote-comparison #ledger .ledger-tip{display:block;font-size:14px;line-height:1.45;font-weight:500;margin-top:2px;letter-spacing:0}
#quote-comparison #ledger .ledger-description{color:#173B63}
#quote-comparison #ledger .why{color:#294968}
#quote-comparison #ledger .ledger-tip{display:flex;align-items:flex-start;gap:8px;color:#173B63;margin-top:5px}
#quote-comparison #ledger .ledger-tip .ledger-tip__bulb{display:inline-block;flex:none;width:20px;font-size:18px;line-height:1.25;text-align:center;filter:saturate(1.15)}
#quote-comparison #ledger .cellq{padding:12px 14px;gap:6px;border-left:1px solid #d9e7f4}
#quote-comparison #ledger .st select{border-radius:8px;padding:8px 28px 8px 13px;font-size:14px;font-weight:700;box-shadow:none}
#quote-comparison #ledger .st.buy select{background-color:#F6F6E4;border:1px solid #D1D17A;color:#12325B;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 15px) 52%,calc(100% - 10px) 52%;background-size:5px 5px;background-repeat:no-repeat}
#quote-comparison #ledger .st.inc select{background-color:#0662b5;border:1px solid #267cc4;color:#fff}
#quote-comparison #ledger .st.conf select{background:#f4f8fc;border:1px dashed #8eb1d4;color:#173b63}
#quote-comparison #ledger .amtbox{border:1px solid #f5bd27;border-radius:8px;min-height:40px;background:#fff}
#quote-comparison #ledger .cellq:has(.st.buy) .amtbox{border-color:#D1D17A}
#quote-comparison #ledger .amtbox.cap{border:1px dashed #88a7c8;background:#fff}
#quote-comparison #ledger .amtbox input{font-size:13px;font-weight:500;text-align:left;padding:9px 8px 9px 3px}
#quote-comparison #ledger .amtbox input::placeholder{font-size:13px;color:#647e9e;text-align:left}
#quote-comparison #ledger .amtbox span{color:#0862b3;font-size:16px}
#quote-comparison #ledger .cellnote{font-size:14px;color:#294968;line-height:1.45}
#quote-comparison #ledger .inprice{display:flex;gap:9px;align-items:center;color:#0a3269;background:#eaf5ff;border-radius:8px;padding:9px 12px;font-size:13px}
#quote-comparison #ledger .inprice svg{width:19px;height:19px;background:#0662b5;border-radius:50%;padding:3px;color:#fff;stroke-width:3}
#quote-comparison #ledger .cellq label.cellnote{font-weight:600;color:#46688e}
#quote-comparison #ledger .lrow:not(.head):not(.stage)>.cellq{min-width:0}
@media(max-width:760px){
 /* Mobile-only ledger: charge details, then full-width Quote A and Quote B rows. */
 #quote-comparison #ledger .lrow:not(.stage){grid-template-columns:minmax(0,1fr)}
 #quote-comparison #ledger .lrow.head{display:none}
 #quote-comparison #ledger .lname{grid-column:1;padding:12px}
 #quote-comparison #ledger .cellq{
   grid-column:1;
   min-width:0;
   border-left:0;
   border-top:1px solid #e5eef7;
   padding:12px;
 }
 #quote-comparison #ledger .cellq + .cellq{border-left:0}
 #quote-comparison #ledger .cellq::before{
   display:block;
   margin-bottom:2px;
   font-size:11px;
   font-weight:700;
   line-height:1.35;
   letter-spacing:.06em;
   color:#1769aa;
 }
 #quote-comparison #ledger .cellq .st,
 #quote-comparison #ledger .cellq .amtbox{min-width:0;max-width:100%}
 #quote-comparison #ledger .cellq .st select{width:100%;max-width:100%}
 /* Only simple buyer-paid rows put the status and amount beside each other.
    Confirmation rows retain their full-width explanatory label and field. */
 #quote-comparison #ledger .cellq:has(> .amtbox):not(:has(> label.cellnote)){
   grid-template-columns:minmax(0,1fr) minmax(0,1fr);
   column-gap:10px;
   align-items:start;
 }
 #quote-comparison #ledger .cellq:has(> .amtbox):not(:has(> label.cellnote))::before,
 #quote-comparison #ledger .cellq:has(> .amtbox):not(:has(> label.cellnote)) > .cellnote,
 #quote-comparison #ledger .cellq:has(> .amtbox):not(:has(> label.cellnote)) > .edited,
 #quote-comparison #ledger .cellq:has(> .amtbox):not(:has(> label.cellnote)) > .inprice{
   grid-column:1 / -1;
 }
 #quote-comparison #ledger .cellq:has(> .amtbox):not(:has(> label.cellnote)) > .st{grid-column:1;grid-row:2}
 #quote-comparison #ledger .cellq:has(> .amtbox):not(:has(> label.cellnote)) > .amtbox{grid-column:2;grid-row:2}
}
@media(max-width:340px){
 /* Provide enough room for complete control labels on the narrowest phones. */
 #quote-comparison #ledger .cellq:has(> .amtbox):not(:has(> label.cellnote)){
   grid-template-columns:minmax(0,1fr);
 }
 #quote-comparison #ledger .cellq:has(> .amtbox):not(:has(> label.cellnote)) > .amtbox{
   grid-column:1;grid-row:auto;
 }
}
@media(max-width:440px){#quote-comparison #ledger .ledger-item-icon{width:42px;height:42px;padding:10px}#quote-comparison #ledger .ledger-booking{display:inline-flex;margin-left:0;margin-top:3px}#quote-comparison #ledger .qh i{width:28px;height:28px;font-size:14px}#quote-comparison #ledger .ledger-quote-heading small{display:none}}

/* Restore approved Section 04 status icons: solid circles with white glyphs.
   Scoped only to the equal-charge and delay-charge headings. */
#quote-comparison #costAssumptions .assumption-group .assumption-intro__icon {
  background: #2BA35D;
  color: #FFFFFF;
  border-radius: 50%;
}
#quote-comparison #costAssumptions .assumption-delay .assumption-intro__icon {
  background: #E93241;
  color: #FFFFFF;
  border-radius: 50%;
}
#quote-comparison #costAssumptions .assumption-group .assumption-intro__icon .result-icon,
#quote-comparison #costAssumptions .assumption-delay .assumption-intro__icon .result-icon {
  width: 24px;
  height: 24px;
  stroke: #FFFFFF;
  stroke-width: 2.5;
}


/* Accessibility typography pass — text only. No component colors, icon
   treatments, backgrounds, borders, sizing or calculation changes. */
#quote-comparison { font-size: 16px; }
#quote-comparison .sec-h p,
#quote-comparison .band .sub,
#quote-comparison .writeas,
#quote-comparison .flag,
#quote-comparison .pricegap,
#quote-comparison .qrow p,
#quote-comparison .legend,
#quote-comparison .fine,
#quote-comparison .matrix-foot,
#quote-comparison .ledger-foot,
#quote-comparison .assumption-intro p,
#quote-comparison #verdict .result-note-card ul,
#quote-comparison #costAssumptions .assumption-card__name,
#quote-comparison #verdict .result-note-card h3,
#quote-comparison .quote-context-link { font-size: 16px; line-height: 1.55; color: #173B63; }
#quote-comparison .lbl,
#quote-comparison .d-head .ttl b,
#quote-comparison .d-head .ttl span,
#quote-comparison .field label,
#quote-comparison #verdict .tot-title small { font-size: 15px; line-height: 1.45; color: #173B63; }
#quote-comparison .seg button,
#quote-comparison .btn,
#quote-comparison .btn.link.small,
#quote-comparison select.sel,
#quote-comparison input.txt,
#quote-comparison .st select { font-size: 16px; }
#quote-comparison .money input::placeholder,
#quote-comparison .amtbox input::placeholder { font-size: 15px; color: #536679; }
#quote-comparison #ledger .amtbox input::placeholder { font-size: 14px; color: #526679; }
#quote-comparison #verdict .line,
#quote-comparison #verdict .line.sub,
#quote-comparison #verdict .result-charge-label,
#quote-comparison #costAssumptions .assumption-card__action,
#quote-comparison #verdict .result-tag { font-size: 15px; line-height: 1.45; }
#quote-comparison #verdict .result-note-card ul { font-weight: 500; }
#quote-comparison #verdict .result-notes-grid .result-note-card h3 { font-size: 18px; }
#quote-comparison .trade table,
#quote-comparison .matrix table,
#quote-comparison .matrix td.ref,
#quote-comparison .notes ul,
#quote-comparison .notes h3,
#quote-comparison details.card summary span { font-size: 15px; line-height: 1.5; }
#quote-comparison .trade tbody th,
#quote-comparison .trade thead th,
#quote-comparison .matrix thead th,
#quote-comparison .matrix .st select { font-size: 14px; }
#quote-comparison .cellnote,
#quote-comparison .need-list,
#quote-comparison .edited,
#quote-comparison .edited button { font-size: 15px; line-height: 1.5; color: #294968; }
#quote-comparison #verdict .result-tag.needed { color: #BF2435; }
#quote-comparison #verdict .result-tag.unknown { color: #24476B; }
#quote-comparison #verdict .line.miss > .result-charge-value { color: #C2362B; }
#quote-comparison #verdict .line.miss .result-charge-label { color: #12325B; }
@media(max-width:760px) {
  #quote-comparison #verdict .line { font-size: 15px; }
}

/* Two requested visual fixes: approved desktop/mobile transport selectors; header actions. */
#quote-comparison .strip { display:flex; flex-direction:column; align-items:stretch; gap:22px; padding:20px 22px; }
#quote-comparison .strip > .ctl { min-width:0; width:100%; }
#quote-comparison .strip .ctl:has(#modeSeg) { flex-basis:auto; }
#quote-comparison .strip .tools { margin-left:0; align-self:flex-start; }
#quote-comparison #modeSeg.seg {
  display:grid; grid-template-columns: 1.25fr 1.35fr 1.5fr .7fr .95fr;
  width:100%; gap:10px; padding:0; border:0; background:transparent;
}
#quote-comparison #modeSeg button {
  display:flex; flex-direction:row; justify-content:center; align-items:center;
  gap:13px; min-width:0; min-height:70px; padding:13px 12px;
  text-align:left; background:#fff; color:#12325B;
  border:1.5px solid #C9DCEC; border-radius:15px;
  font-size:clamp(13px,1.1vw,16px); font-weight:700; line-height:1.28;
  cursor:pointer; transition:background-color .15s,border-color .15s,box-shadow .15s;
}
#quote-comparison #modeSeg button .mode-icon { width:34px; height:34px; flex:none; }
#quote-comparison #modeSeg button span { display:block; min-width:0; }
#quote-comparison #modeSeg button:hover { background:#F0F7FF; border-color:#6AAEF0; }
#quote-comparison #modeSeg button[aria-pressed="true"] {
  background:linear-gradient(110deg,#2F88EF,#1769AA); border-color:#1769AA;
  color:#fff; box-shadow:0 6px 15px rgba(23,105,170,.19);
}
#quote-comparison #modeSeg button[aria-pressed="true"]:hover { background:#1769AA; }
#quote-comparison #routeSeg.seg { background:transparent; border:1px solid var(--line); padding:4px; gap:4px; }
#quote-comparison #routeSeg.seg button { min-width:98px; }
#quote-comparison .sec[aria-labelledby="h-quotes"] > .sec-h { justify-content:flex-start; column-gap:14px; row-gap:10px; }
#quote-comparison .sec[aria-labelledby="h-quotes"] #btnExample,
#quote-comparison .sec[aria-labelledby="h-quotes"] #btnClear { flex:none; }
@media(max-width:760px) {
  #quote-comparison .strip { padding:16px; gap:20px; }
  #quote-comparison #modeSeg.seg { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  #quote-comparison #modeSeg button {
    flex-direction:column; position:relative; min-height:138px; gap:10px;
    justify-content:center; text-align:center; padding:20px 10px 14px;
    font-size:15px; border-radius:14px;
  }
  #quote-comparison #modeSeg button .mode-icon { width:39px; height:39px; }
  #quote-comparison #modeSeg button:last-child:nth-child(odd) { grid-column:1/-1; min-height:98px; flex-direction:row; }
  #quote-comparison #modeSeg button::after {
    content:''; position:absolute; top:11px; right:11px; width:15px; height:15px;
    border:2px solid #9AB5D1; border-radius:50%; background:#fff;
  }
  #quote-comparison #modeSeg button[aria-pressed="true"]::after {
    border-color:#fff; background:#fff; box-shadow:inset 0 0 0 3px #1769AA;
  }
  #quote-comparison .sec[aria-labelledby="h-quotes"] > .sec-h { gap:10px; }
}
@media (prefers-reduced-motion:reduce) { #quote-comparison #modeSeg button { transition:none; } }


/* Transport selection: approved tall illustration cards, desktop and mobile. */
#quote-comparison #modeSeg.seg { grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; }
#quote-comparison #modeSeg button {
  position:relative; display:flex; flex-direction:column; align-items:flex-start;
  justify-content:flex-start; text-align:left; gap:12px; min-height:206px;
  padding:23px 18px 19px; border:1.5px solid #D4E4F4; border-radius:17px;
  background:#fff; color:#12325B; font-size:16px;
}
#quote-comparison #modeSeg button .mode-illustration {
  display:grid; place-items:center; width:70px; height:70px; flex:none;
  border-radius:50%; background:#EAF4FF; color:#1267B9;
}
#quote-comparison #modeSeg button .mode-icon {width:43px;height:43px;}
#quote-comparison #modeSeg button .mode-radio {
  position:absolute; top:18px; right:17px; width:22px; height:22px;
  border:2px solid #9FB8D5; border-radius:50%; background:#fff;
}
#quote-comparison #modeSeg button .mode-copy {display:grid;gap:7px;min-width:0;}
#quote-comparison #modeSeg button .mode-title {font-size:17px;font-weight:700;line-height:1.32;color:inherit;}
#quote-comparison #modeSeg button .mode-description {font-size:13px;font-weight:500;line-height:1.4;color:#536F8D;}
#quote-comparison #modeSeg button[aria-pressed="true"] {
  color:#fff; background:linear-gradient(140deg,#238BFA 0%,#0864C7 100%);
  border-color:#2783ED; box-shadow:0 9px 18px rgba(14,99,181,.18);
}
#quote-comparison #modeSeg button[aria-pressed="true"] .mode-illustration {background:rgba(255,255,255,.12);color:#fff;}
#quote-comparison #modeSeg button[aria-pressed="true"] .mode-description {color:#fff;}
#quote-comparison #modeSeg button[aria-pressed="true"] .mode-radio {border-color:#fff;background:transparent;}
#quote-comparison #modeSeg button[aria-pressed="true"] .mode-radio::after {
  content:"";position:absolute;inset:4px;border-radius:50%;background:#fff;
}
#quote-comparison #routeSeg.seg {width:max-content;max-width:100%;display:inline-flex;flex-wrap:nowrap;align-self:flex-start;background:#fff;}
#quote-comparison .strip .ctl:has(#routeSeg) {width:max-content;max-width:100%;align-self:flex-start;}
#quote-comparison #routeSeg.seg button {flex:0 0 auto;min-width:110px;padding:11px 18px;white-space:nowrap;}
@media (max-width:760px) {
  #quote-comparison #modeSeg.seg {grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;}
  #quote-comparison #modeSeg button {min-height:174px;padding:19px 13px 16px;gap:9px;align-items:flex-start;text-align:left;}
  #quote-comparison #modeSeg button .mode-illustration {width:57px;height:57px;}
  #quote-comparison #modeSeg button .mode-icon {width:36px;height:36px;}
  #quote-comparison #modeSeg button .mode-title {font-size:15px;}
  #quote-comparison #modeSeg button .mode-description {font-size:12px;}
  #quote-comparison #modeSeg button:last-child:nth-child(odd) {grid-column:1/-1;min-height:130px;flex-direction:column;}
  #quote-comparison #modeSeg button::after {content:none;}
  #quote-comparison #routeSeg.seg button {min-width:0;padding:10px 14px;font-size:14px;}
}


/* Mobile transport selector: compact horizontal icon + label buttons.
   Desktop illustration cards and all other controls remain unchanged. */
@media (max-width:760px) {
  #quote-comparison #modeSeg.seg {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
  }
  #quote-comparison #modeSeg button,
  #quote-comparison #modeSeg button:last-child:nth-child(odd) {
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    min-height:70px;
    gap:10px;
    padding:11px 12px;
    text-align:left;
    border-radius:13px;
  }
  #quote-comparison #modeSeg button .mode-illustration {
    display:grid;
    place-items:center;
    width:32px;
    height:32px;
    flex:0 0 32px;
    border-radius:0;
    background:transparent;
    color:#1267B9;
  }
  #quote-comparison #modeSeg button[aria-pressed="true"] .mode-illustration {
    background:transparent;
    color:#fff;
  }
  #quote-comparison #modeSeg button .mode-icon {width:30px;height:30px;}
  #quote-comparison #modeSeg button .mode-copy {display:block;min-width:0;}
  #quote-comparison #modeSeg button .mode-title {
    display:block;
    font-size:13px;
    line-height:1.3;
    overflow-wrap:normal;
  }
  #quote-comparison #modeSeg button .mode-description,
  #quote-comparison #modeSeg button .mode-radio {display:none;}
}

/* Mobile viewport fit — keep the approved compact transport cards.
   Prevent grid min-content sizing from widening the calculator and
   allow Supplier Quotes actions to wrap without clipping. */
@media (max-width:760px) {
  .quote-page,
  .quote-page #quote-comparison,
  #quote-comparison .band,
  #quote-comparison .band-in,
  #quote-comparison .wrap,
  #quote-comparison .sec,
  #quote-comparison .strip,
  #quote-comparison .strip > .ctl {
    width:100%;
    min-width:0;
    max-width:100%;
  }
  #quote-comparison .wrap,
  #quote-comparison .sec,
  #quote-comparison .band-in {
    grid-template-columns:minmax(0,1fr);
  }
  #quote-comparison .strip {
    align-items:stretch;
  }
  #quote-comparison #modeSeg.seg {
    width:100%;
    max-width:100%;
    min-width:0;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  #quote-comparison #modeSeg button,
  #quote-comparison #modeSeg button:last-child:nth-child(odd) {
    min-width:0;
    max-width:100%;
  }
  #quote-comparison #modeSeg button .mode-copy,
  #quote-comparison #modeSeg button .mode-title {
    min-width:0;
    overflow-wrap:break-word;
  }
  #quote-comparison .strip .ctl:has(#routeSeg),
  #quote-comparison #routeSeg.seg {
    width:max-content;
    max-width:100%;
  }
  #quote-comparison .sec[aria-labelledby="h-quotes"] > .sec-h {
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:center;
    min-width:0;
    max-width:100%;
    column-gap:10px;
    row-gap:10px;
  }
  #quote-comparison .sec[aria-labelledby="h-quotes"] > .sec-h h2 {
    flex:0 0 100%;
    min-width:0;
  }
  #quote-comparison .sec[aria-labelledby="h-quotes"] > .sec-h #btnExample,
  #quote-comparison .sec[aria-labelledby="h-quotes"] > .sec-h #btnClear {
    flex:0 1 auto;
    max-width:100%;
    white-space:normal;
    text-align:center;
  }
  #quote-comparison .sec[aria-labelledby="h-quotes"] > .sec-h p {
    flex-basis:100%;
    min-width:0;
    margin-top:0;
  }
}

/* October 31 mobile-only corrections: quote rows, delay cards and notes. */
@media (max-width:700px) {
  /* Results: give the charge label a real shrinkable column; retain readable badges. */
  #quote-comparison #verdict .line:not(.total) {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:start;
    gap:8px;
  }
  #quote-comparison #verdict .line .result-charge-label {
    display:flex;
    min-width:0;
    width:100%;
    align-items:flex-start;
    gap:8px;
    overflow-wrap:anywhere;
  }
  #quote-comparison #verdict .line .result-charge-label > span:last-child {
    min-width:0;
    flex:1 1 0;
    white-space:normal;
    overflow-wrap:anywhere;
  }
  #quote-comparison #verdict .line .result-charge-value {
    min-width:0;
    max-width:100%;
    white-space:normal;
    text-align:right;
  }
  #quote-comparison #verdict .result-tag {min-width:0;white-space:nowrap;padding:4px 7px;font-size:12px;line-height:1.25;}
  #quote-comparison #verdict .line .result-charge-icon {flex:0 0 22px;width:22px;height:22px;}

  /* Each excluded/delay-charge card: icon + uncramped title, then a bottom action strip. */
  #quote-comparison #costAssumptions .assumption-card {
    display:grid;
    grid-template-columns:42px minmax(0,1fr);
    grid-template-rows:auto auto;
    padding:12px;
    padding-right:12px;
    gap:9px 11px;
    align-items:center;
  }
  #quote-comparison #costAssumptions .assumption-card__icon {grid-column:1;grid-row:1;width:42px;height:42px;}
  #quote-comparison #costAssumptions .assumption-card__name {
    grid-column:2;grid-row:1;min-width:0;align-self:center;
    font-size:14px;overflow-wrap:break-word;
  }
  #quote-comparison #costAssumptions .assumption-card__action {
    position:relative;grid-column:1 / -1;grid-row:2;
    display:flex;align-items:center;justify-content:center;
    width:100%;min-height:46px;padding:8px 40px 8px 10px;
    margin:0;border:1px solid #d9e9fa;border-radius:9px;
    background:#f1f8ff;text-decoration:none;text-align:center;
    font-size:13px;
  }
  #quote-comparison #costAssumptions .assumption-card__arrow {
    position:absolute;top:50%;right:12px;transform:translateY(-50%) rotate(90deg);
    width:24px;height:24px;font-size:23px;
  }

  /* Ledger description: place icon above, use full content width. */
  #quote-comparison #ledger .lname {display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;}
  #quote-comparison #ledger .ledger-item-icon {width:40px;height:40px;padding:9px;flex:none;}
  #quote-comparison #ledger .ledger-item-copy {display:block;width:100%;min-width:0;overflow-wrap:break-word;}
  #quote-comparison #ledger .inprice {min-width:0;gap:7px;padding:8px;white-space:normal;}
  #quote-comparison #ledger .inprice svg {flex:0 0 19px;min-width:19px;min-height:19px;}
  #quote-comparison #ledger .cellq {min-width:0;}
  #quote-comparison #ledger .amtbox {min-width:0;}
  #quote-comparison #ledger .amtbox input {min-width:0;width:100%;}

  /* Notes are closed on mobile by default; expanded on desktop. */
  #quote-comparison #verdict .result-note-disclosure {display:block;padding:0;min-width:0;}
  #quote-comparison #verdict .result-note-summary {
    display:flex;align-items:center;gap:11px;list-style:none;cursor:pointer;
    padding:13px;min-width:0;
  }
  #quote-comparison #verdict .result-note-summary::-webkit-details-marker {display:none;}
  #quote-comparison #verdict .result-note-heading {display:grid;gap:3px;flex:1;min-width:0;}
  #quote-comparison #verdict .result-note-heading strong {color:#133563;font-size:15px;line-height:1.35;}
  #quote-comparison #verdict .result-note-preview {color:#526f84;font-size:12px;line-height:1.35;}
  #quote-comparison #verdict .result-note-chevron {font-size:24px;color:#0875c7;line-height:1;flex:none;transform-origin:center;}
  #quote-comparison #verdict .result-note-disclosure[open] .result-note-chevron {transform:rotate(180deg);}
  #quote-comparison #verdict .result-note-disclosure .result-note-content {padding:0 13px 14px;}
  #quote-comparison #verdict .result-note-disclosure .result-note-icon {flex:none;}
}
@media (min-width:701px) {
  #quote-comparison #verdict .result-note-disclosure {display:flex;align-items:flex-start;gap:14px;}
  #quote-comparison #verdict .result-note-summary {display:contents;list-style:none;pointer-events:none;}
  #quote-comparison #verdict .result-note-summary::-webkit-details-marker {display:none;}
  #quote-comparison #verdict .result-note-heading {display:none;}
  #quote-comparison #verdict .result-note-chevron {display:none;}
  #quote-comparison #verdict .result-note-disclosure .result-note-content {flex:1;min-width:0;}
  #quote-comparison #verdict .result-note-disclosure .result-note-content::before {
    content:attr(data-title);display:block;font-size:18px;font-weight:700;color:#133563;margin-bottom:10px;
  }
}

/* Keep the mobile expand action stacked, with its arrow centered below the label. */
@media(max-width:700px) {
  #quote-comparison #costAssumptions .assumption-card__action {
    flex-direction:column;gap:5px;padding:7px 10px;
  }
  #quote-comparison #costAssumptions .assumption-card__arrow {
    position:static;top:auto;right:auto;transform:rotate(90deg);
    margin:0 auto;width:24px;height:24px;
  }
}

/* Mobile quote-specific missing inputs — plain freight-site disclosure, no duplicate list. */
@media (max-width:700px) {
  #quote-comparison #ledger .cellq > .inprice-duplicate { display:none; }
  #quote-comparison #verdict .mobile-missing .v-band__body { min-width:0; }
  #quote-comparison #verdict .mobile-missing .v-band__hint { margin:6px 0 0; }
  #quote-comparison #verdict .quote-missing-disclosure { display:block;min-width:0;border-top:1px solid #e1ebf4;margin-top:4px; }
  #quote-comparison #verdict .quote-missing-summary {
    display:flex;align-items:center;justify-content:space-between;gap:10px;
    padding:11px 2px;cursor:pointer;list-style:none;color:#173b63;
    font-size:13px;font-weight:700;
  }
  #quote-comparison #verdict .quote-missing-summary::-webkit-details-marker { display:none; }
  #quote-comparison #verdict .quote-missing-summary__count { min-width:0; }
  #quote-comparison #verdict .quote-missing-summary__action {
    flex:none;color:#1769aa;text-decoration:underline;text-underline-offset:2px;font-size:13px;
  }
  #quote-comparison #verdict .quote-missing-disclosure .line { margin:2px 0; }
}
@media (min-width:701px) {
  #quote-comparison #verdict .quote-missing-disclosure { display:contents; }
  #quote-comparison #verdict .quote-missing-summary { display:none; }
}


/* Mobile results: keep the missing-input disclosure immediately below each
   quote heading, instead of after the other result rows. Desktop untouched. */
@media (max-width:700px) {
  #quote-comparison #verdict .mobile-missing .result-ship { display:none; }
  #quote-comparison #verdict .tot .tot-h { order:0; }
  #quote-comparison #verdict .tot .quote-missing-disclosure { order:1; }
  #quote-comparison #verdict .tot > .line:not(.total) { order:2; }
  #quote-comparison #verdict .tot > .line.total { order:3; }
  #quote-comparison #verdict .quote-missing-summary {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-height:44px;
    border-bottom:1px solid #d9e7f3;
    padding:10px 2px;
    color:#12325b;
  }
  #quote-comparison #verdict .quote-missing-summary__action {
    color:#1769aa;
    font-weight:700;
    text-decoration:underline;
    white-space:nowrap;
  }
}

/* Mobile-only: flatten the equal-charge and delay-charge area.
   Keep the existing expandable buttons, iconography and desktop design. */
@media (max-width:700px) {
  /* Eliminate a layer of inset padding around the charge list. */
  #quote-comparison #costAssumptions .ledger-foot.assume.assumption-layout {
    padding:12px 8px;
  }
  #quote-comparison #costAssumptions .assumption-grid,
  #quote-comparison #costAssumptions .assumption-delay .assumption-grid {
    gap:0;
    padding:0;
    min-width:0;
  }
  /* One simple row and its own integrated footer: no nested card or blue button box. */
  #quote-comparison #costAssumptions .assumption-card {
    grid-template-columns:40px minmax(0,1fr);
    gap:8px 10px;
    min-width:0;
    padding:12px 8px 0;
    background:transparent;
    border:0;
    border-bottom:1px solid #d9e7f6;
    border-radius:0;
    box-shadow:none;
  }
  #quote-comparison #costAssumptions .assumption-card__icon {
    width:40px;
    height:40px;
  }
  #quote-comparison #costAssumptions .assumption-card__name {
    min-width:0;
    font-size:15px;
    line-height:1.4;
  }
  #quote-comparison #costAssumptions .assumption-card__action {
    grid-column:1 / -1;
    grid-row:2;
    width:100%;
    margin:0;
    padding:10px 4px 8px;
    min-height:44px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    background:transparent;
    border:0;
    border-top:1px solid #e5eef6;
    border-radius:0;
    box-shadow:none;
    text-align:center;
    text-decoration:none;
    color:#076dc5;
    font-size:14px;
  }
  #quote-comparison #costAssumptions .assumption-card__arrow {
    position:static;
    top:auto;
    right:auto;
    transform:rotate(90deg);
    width:24px;
    height:24px;
    margin:0;
    border:0;
    border-radius:0;
    background:transparent;
    font-size:23px;
  }
  /* Delay heading retains its red warning; charge sits directly below it. */
  #quote-comparison #costAssumptions .assumption-delay {
    display:block;
    padding:12px 10px 0;
    gap:0;
    min-width:0;
  }
  #quote-comparison #costAssumptions .assumption-delay .assumption-intro {
    margin:0 0 8px;
    gap:10px;
  }
  #quote-comparison #costAssumptions .assumption-delay .assumption-grid {
    border-top:1px solid #f0d9d8;
  }
  #quote-comparison #costAssumptions .assumption-delay .assumption-card {
    padding:12px 2px 0;
    border-bottom:0;
  }
}

/* Compare-on-demand workflow; keep existing freight calculator appearance. */
#quote-comparison #h-result[hidden],
#quote-comparison .quote-results-stale[hidden] { display: none !important; }
#quote-comparison .quote-compare-action { display: flex; justify-content: center; padding: 6px 0 0; }
#quote-comparison #btnCompare { min-height: 48px; min-width: 220px; border-radius: 10px; font-size: 1rem; }
#quote-comparison .quote-results-stale { padding: 12px 15px; border: 1px solid #E8C76A; border-left: 4px solid #D99A19; background: #FFFDF3; color: #173b63; font-weight: 600; }
#quote-comparison #h-result { scroll-margin-top: 16px; }
#quote-comparison #costAssumptions { min-width: 0; }
@media (max-width: 700px) {
  #quote-comparison .quote-compare-action { padding-top: 4px; }
  #quote-comparison #btnCompare { width: 100%; min-width: 0; }
}

/* Assumed-equal charges: simple accessible checkbox rows on all screen sizes. */
#quote-comparison #costAssumptions .assumption-equal { margin:0 0 18px; }
#quote-comparison #costAssumptions .assumption-equal__heading { display:flex;align-items:center;gap:10px;margin:0 0 12px;color:#123664;font-size:1rem;line-height:1.45; }
#quote-comparison #costAssumptions .assumption-equal__heading strong { font-weight:700; }
#quote-comparison #costAssumptions .assumption-equal__info { display:grid;place-items:center;flex:none;width:30px;height:30px;border:2px solid #1769aa;border-radius:50%;color:#1769aa;background:#eaf5ff;font-weight:700;font-family:Georgia,serif;font-style:italic; }
#quote-comparison #costAssumptions .assumption-equal__list { display:block;list-style:none;padding:0;margin:0;border:1px solid #d9e7f6;border-radius:10px;overflow:hidden;background:#fff; }
#quote-comparison #costAssumptions .assumption-equal__row { display:block;padding:0;margin:0;min-height:0;border:0;border-bottom:1px solid #d9e7f6;box-shadow:none;background:#fff; }
#quote-comparison #costAssumptions .assumption-equal__row:last-child { border-bottom:0; }
#quote-comparison #costAssumptions .assumption-equal__label { display:flex;align-items:center;gap:13px;min-height:52px;padding:11px 15px;cursor:pointer;color:#143562;font-size:.95rem;font-weight:600;line-height:1.45; }
#quote-comparison #costAssumptions .assumption-equal__label:hover { background:#f4f9ff; }
#quote-comparison #costAssumptions .assumption-equal__label input[type="checkbox"] { flex:none;appearance:auto;-webkit-appearance:checkbox;width:20px;height:20px;margin:0;accent-color:#1769aa;cursor:pointer; }
#quote-comparison #costAssumptions .assumption-equal__note { margin:12px 0 0;color:#365875;font-size:.9rem;line-height:1.5; }
@media(max-width:700px) {
  #quote-comparison #costAssumptions .assumption-equal__label { padding:12px 10px;gap:11px; }
  #quote-comparison #costAssumptions .assumption-equal__heading { font-size:.95rem; }
}


/* Assumed-equal charges: neutral disclosure rows (desktop and mobile). */
#quote-comparison #costAssumptions .assumption-equal__heading { gap:0; }
#quote-comparison #costAssumptions .assumption-equal__row-head { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:11px 15px; }
#quote-comparison #costAssumptions .assumption-equal__name { color:#143562;font-size:.95rem;font-weight:600;line-height:1.45;flex:1 1 230px; }
#quote-comparison #costAssumptions .assumption-equal__toggle { display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:8px 12px;border:1px solid #D4E2EF;border-radius:7px;background:#F2F4F6;color:#12325B;font-size:.82rem;font-weight:700;line-height:1.3;cursor:pointer; }
#quote-comparison #costAssumptions .assumption-equal__toggle:hover { background:#e8ecf0; }
#quote-comparison #costAssumptions .assumption-equal__chevron { display:inline-block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #12325B;transition:transform .15s; }
#quote-comparison #costAssumptions .assumption-equal__chevron.is-open { transform:rotate(180deg); }
#quote-comparison #costAssumptions .assumption-equal__details { padding:14px 15px 16px;border-top:1px solid #D4E2EF;background:#FBFCFE; }
#quote-comparison #costAssumptions .assumption-equal__details-hint { margin:0 0 12px;color:#526F84;font-size:.86rem; }
#quote-comparison #costAssumptions .assumption-equal__quote-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
#quote-comparison #costAssumptions .assumption-equal__quote-grid .cellq { border:1px solid #D4E2EF;border-radius:8px;background:#fff; }
#quote-comparison #costAssumptions .assumption-equal__quote-grid .cellq:before { content:attr(data-q);color:#12325B;font-size:.77rem;font-weight:700; }
#quote-comparison #costAssumptions .assumption-equal__actions { display:flex;align-items:center;flex-wrap:wrap;gap:15px;margin-top:14px; }
@media(max-width:700px){
  #quote-comparison #costAssumptions .assumption-equal__row-head { align-items:flex-start;padding:12px; }
  #quote-comparison #costAssumptions .assumption-equal__toggle { justify-content:space-between; }
  #quote-comparison #costAssumptions .assumption-equal__details { padding:12px; }
  #quote-comparison #costAssumptions .assumption-equal__quote-grid { grid-template-columns:1fr; }
}


/* Delay charges: use the same neutral expandable rows as assumed-equal charges. */
#quote-comparison #costAssumptions .assumption-delay {
  display:block;
  grid-template-columns:none;
  padding:0;
  margin:12px 0 0;
  border:0;
  border-radius:0;
  background:transparent;
}
#quote-comparison #costAssumptions .assumption-delay .assumption-equal__heading { margin:0 0 12px; }
#quote-comparison #costAssumptions .assumption-delay .assumption-equal__note { margin:12px 0 0; }
@media(max-width:900px) {
  #quote-comparison #costAssumptions .assumption-delay { display:block;grid-template-columns:none; }
}


/* Shared bulb-guidance container: excluded and conditional charges, Section 03. */
#quote-comparison #costAssumptions .assumption-review-card {
  background:linear-gradient(100deg,#FFFDF7,#FFF8E5);
  border:1px solid #E8C76A;
  border-radius:12px;
  padding:18px;
  display:grid;
  gap:17px;
}
#quote-comparison #costAssumptions .assumption-review-card__heading {
  display:flex;align-items:center;gap:10px;color:#12325B;
  font-size:1.08rem;line-height:1.4;
}
#quote-comparison #costAssumptions .assumption-review-card__bulb {
  display:inline-flex;align-items:center;justify-content:center;
  width:2.75rem;height:2.75rem;flex:none;
  font-size:2rem;line-height:1;filter:saturate(1.15);
}
#quote-comparison #costAssumptions .assumption-review-card .assumption-equal {margin:0;}
#quote-comparison #costAssumptions .assumption-review-card .assumption-equal__heading {margin:0 0 7px;}
#quote-comparison #costAssumptions .assumption-review-card .assumption-equal__guidance {
  margin:0 0 13px;color:#365875;
}
#quote-comparison #costAssumptions .assumption-review-card .assumption-delay {
  margin:0;padding-top:17px;border-top:1px solid #E8C76A;
}
#quote-comparison #costAssumptions .assumption-review-card .assumption-equal__list {
  background:#fff;border-color:#e1d7b6;
}
#quote-comparison #costAssumptions .assumption-review-card .assumption-equal__row {
  border-bottom-color:#e5e7eb;
}
@media(max-width:700px) {
  #quote-comparison #costAssumptions .assumption-review-card {padding:13px;gap:15px;}
  #quote-comparison #costAssumptions .assumption-review-card__heading {font-size:1rem;}
}

/* Results-side confirmation workflow: scoped to the approved quote comparison design. */
#quote-comparison .quote-clear-action{display:flex;justify-content:flex-end;padding-top:4px}
#quote-comparison .quote-clear-action .btn{font-size:.85rem}
#quote-comparison .review-result{margin:15px 18px 18px;padding:17px;border:1px solid #e8c76a;border-radius:13px;background:#fffdf4;color:var(--navy)}
#quote-comparison .review-result__intro h3{font-size:1.03rem;line-height:1.4;margin:0 0 5px}
#quote-comparison .review-result__intro p,#quote-comparison .review-result__explain{font-size:.88rem;color:var(--text);margin:0 0 12px}
#quote-comparison .review-result__toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;background:#fff;border-color:#c9d9e7;color:var(--navy)}
#quote-comparison .review-result__contents{margin-top:14px;display:grid;gap:12px}
#quote-comparison .review-result__charge{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;display:grid;gap:10px}
#quote-comparison .review-result__charge-title{display:flex;flex-wrap:wrap;gap:5px 12px;justify-content:space-between;align-items:baseline}
#quote-comparison .review-result__charge-title b{font-size:.91rem;color:var(--navy)}
#quote-comparison .review-result__charge-title span{font-size:.81rem;font-weight:650;color:var(--muted)}
#quote-comparison .review-result__fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:12px;align-items:end}
#quote-comparison .review-result__fields label{display:grid;gap:5px;font-size:.76rem;font-weight:700;color:var(--muted)}
#quote-comparison .review-result__fields input,#quote-comparison .review-result__fields select{width:100%;min-width:0;background:white;color:var(--navy);border:1.5px solid #c5d4e2;border-radius:9px;padding:10px;font-size:.91rem;font-weight:600}
#quote-comparison .review-result__fields label[hidden]{display:none}
#quote-comparison .review-result__fixed{font-size:.82rem;color:var(--muted)}
#quote-comparison .review-result__update{width:100%;padding:12px}
#quote-comparison .review-result__error{color:#a82720;font-weight:700;font-size:.84rem}
#quote-comparison .review-result__intro .review-result__updated{margin:4px 0 14px;padding:0;border:0;background:transparent;color:var(--text);font-size:.88rem;font-weight:600;line-height:1.55}
#quote-comparison .v-band{scroll-margin-top:18px}
@media(max-width:700px){#quote-comparison .review-result{margin:12px 10px;padding:13px}#quote-comparison .quote-clear-action{justify-content:stretch}#quote-comparison .quote-clear-action button{width:100%}}

/* Confirm-first review: no technical status selector; estimates are opt-in. */
#quote-comparison .review-result__fields{grid-template-columns:1fr;align-items:start}
#quote-comparison .review-result__fields .review-result__uncertain{display:flex;align-items:center;gap:9px;font-size:.84rem;font-weight:600;color:var(--ink);cursor:pointer}
#quote-comparison .review-result__uncertain input{width:17px;height:17px;min-width:17px;accent-color:var(--blue);padding:0;margin:0}
#quote-comparison .review-result__fields .review-result__amount[hidden]{display:none}

/* Results navigation: uses the existing yellow Prefill button design. */
#quote-comparison .quote-compare-action[hidden]{display:none!important}
#quote-comparison #verdict .result-section-nav{display:grid;gap:9px;margin:0 0 3px;padding:0 2px}
#quote-comparison #verdict .result-section-nav__heading{font-size:.78rem;font-weight:700;letter-spacing:.02em;color:var(--navy)}
#quote-comparison #verdict .result-section-nav__buttons{display:flex;flex-wrap:wrap;gap:12px}
#quote-comparison #verdict .result-section-nav__button{flex:1 1 230px;width:auto;text-align:center;background:linear-gradient(180deg,var(--yellow-2),var(--yellow));border:1.5px solid var(--yellow-edge);border-bottom:4px solid var(--yellow-deep);color:var(--navy);font-weight:700;padding:10px 14px}
#quote-comparison #verdict .result-section-nav__button:hover{background:var(--yellow-2)}
@media(max-width:700px){#quote-comparison #verdict .result-section-nav__buttons{flex-direction:column}#quote-comparison #verdict .result-section-nav__button{flex:auto;width:100%}}

/* Four-step journey — preserve existing typography, colors, and controls. */
#quote-comparison .quote-step {
  display:inline-block; margin-right:11px; vertical-align:middle;
  padding:11px 18px; border-radius:13px;
  background:linear-gradient(90deg,#2F88EF,#1769AA); color:#fff;
  font-size:1.05rem; line-height:1.45; font-weight:700; letter-spacing:0;
  white-space:nowrap;
}
#quote-comparison .wrap { gap:16px; }
#quote-comparison .sec { gap:9px; }
#quote-comparison .quote-clear-action { padding-top:0; }
#quote-comparison .quote-next-step {
  margin:0; padding:0 2px; font-weight:600; font-size:.9rem; color:var(--blue);
}
#quote-comparison .quote-result-step { margin-bottom:1px; }
@media (max-width:700px) {
  #quote-comparison .wrap { gap:14px; }
  #quote-comparison .sec[aria-labelledby="h-quotes"] > .sec-h h2 { flex-basis:100%; }
  #quote-comparison .quote-step { margin-right:8px; }
}

/* Step 3: clear overview with optional full charge-detail disclosure. */
#quote-comparison .additional-cost-preview {
  padding:15px 18px;
  background:#FFFFFF;
  border:1px solid var(--line);
  border-radius:13px;
}
#quote-comparison .additional-cost-preview__label {
  color:var(--navy);
  font-weight:700;
  font-size:.92rem;
  margin:0 0 8px;
}
#quote-comparison .additional-cost-preview ul {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px 20px;
  margin:0;
  padding-left:20px;
  font-size:.88rem;
  color:var(--text);
}
#quote-comparison .additional-cost-details {min-width:0;}
#quote-comparison .additional-cost-details > summary {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  list-style:none;
  cursor:pointer;
  padding:12px 18px;
  min-height:46px;
  width:100%;
  border-radius:12px;
  border:1.5px solid var(--yellow-edge);
  border-bottom:4px solid var(--yellow-deep);
  background:linear-gradient(180deg,var(--yellow-2),var(--yellow));
  color:var(--navy);
  font-weight:700;
  font-size:.94rem;
  text-align:center;
}
#quote-comparison .additional-cost-details > summary::-webkit-details-marker {display:none;}
#quote-comparison .additional-cost-details > summary:hover {background:var(--yellow-2);}
#quote-comparison .additional-cost-details > summary:focus-visible {outline:3px solid var(--blue-2);outline-offset:3px;}
#quote-comparison .additional-cost-details__hide {display:none;}
#quote-comparison .additional-cost-details[open] .additional-cost-details__show {display:none;}
#quote-comparison .additional-cost-details[open] .additional-cost-details__hide {display:inline;}
#quote-comparison .additional-cost-details__chevron {
  height:9px;width:9px;flex:none;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg) translateY(-2px);
}
#quote-comparison .additional-cost-details[open] .additional-cost-details__chevron {transform:rotate(225deg) translateY(-2px);}
#quote-comparison .additional-cost-details__body {display:grid;gap:12px;padding-top:14px;}
@media (max-width:700px) {
  #quote-comparison .additional-cost-preview {padding:13px 15px;}
  #quote-comparison .additional-cost-preview ul {grid-template-columns:1fr;}
}

/* Step 3 readability: strong navy, comfortable sizing, no faded mini-type. */
#quote-comparison .additional-cost-preview__label {
  color:var(--navy);font-size:1.05rem;font-weight:700;line-height:1.5;
}
#quote-comparison .additional-cost-preview ul {
  color:var(--navy);font-size:1.05rem;font-weight:600;line-height:1.6;
  gap:9px 24px;
}
#quote-comparison .sec[aria-labelledby="h-costs"] > .sec-h p {
  color:var(--navy);font-size:1rem;font-weight:500;line-height:1.6;
}
#quote-comparison .additional-cost-details__bottom-close {
  display:flex;align-items:center;justify-content:center;gap:12px;
  width:100%;min-height:49px;margin-top:8px;padding:12px 18px;
  border:1.5px solid var(--yellow-edge);border-bottom:4px solid var(--yellow-deep);
  border-radius:12px;background:linear-gradient(180deg,var(--yellow-2),var(--yellow));
  color:var(--navy);font:inherit;font-size:1.02rem;font-weight:700;
  cursor:pointer;text-align:center;
}
#quote-comparison .additional-cost-details__bottom-close:hover {background:var(--yellow-2);}
#quote-comparison .additional-cost-details__bottom-close:focus-visible {outline:3px solid var(--blue-2);outline-offset:3px;}
#quote-comparison .additional-cost-details__bottom-close span {font-size:1.2em;line-height:1;}
#quote-comparison .fine {
  max-width: none;
  width: 100%;
}

/* Related resources grid: adapted without changing chart or explorer styles. */
/* FOB Related Shipping Resources: four-card SVG version of approved Incoterms design. */
.quote-page .fob-related-grid{margin:32px 0 28px;padding:24px;border:1px solid #d8e5f1;border-radius:26px;background:linear-gradient(125deg,#fff 0%,#f7fbff 58%,#eaf5fc 100%);box-shadow:0 6px 16px rgba(18,63,107,.08)}
.quote-page .fob-related-grid__heading{display:flex;align-items:center;gap:22px;margin-bottom:22px;min-width:0}
.quote-page .fob-related-grid__mark{display:grid;place-items:center;width:66px;height:66px;flex:none;border-radius:14px;background:linear-gradient(145deg,#2a8c63,#00613d)}
.quote-page .fob-related-grid__mark svg{width:43px;height:43px}
.quote-page .fob-related-grid__heading-copy{padding-left:22px;border-left:2px solid #37637e;min-width:0}
.quote-page .fob-related-grid__heading h2{margin:0 0 6px;color:#092935;font-size:clamp(25px,2.65vw,34px);font-weight:800;line-height:1.15}
.quote-page .fob-related-grid__heading p{margin:0;color:#283b50;font-size:clamp(15px,1.45vw,18px);line-height:1.4}
.quote-page .fob-related-grid__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.quote-page .fob-related-grid__card{display:grid;grid-template-columns:126px minmax(0,1fr) 34px;align-items:center;gap:13px;min-width:0;min-height:132px;padding:13px;border:1.5px solid #adcaf0;border-radius:17px;background:linear-gradient(115deg,#fff,#eff8fe);text-decoration:none;color:#293848}
.quote-page .fob-related-grid__illustration{display:block;width:126px;min-width:0}
.quote-page .fob-related-grid__illustration svg{display:block;width:100%;height:auto}
.quote-page .fob-related-grid__copy{display:flex;flex-direction:column;min-width:0;gap:6px;padding-left:12px;border-left:2px solid #b6d2ed}
.quote-page .fob-related-grid__copy strong{font-size:clamp(18px,1.65vw,22px);line-height:1.25;color:#0a3181;font-weight:800}
.quote-page .fob-related-grid__copy>span:not(.fob-related-grid__action){font-size:15px;line-height:1.45;color:#293848}
.quote-page .fob-related-grid__arrow{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#11784c;color:white;justify-self:end}
.quote-page .fob-related-grid__arrow svg{width:20px;height:20px}
.quote-page .fob-related-grid__action{display:none}
.quote-page .fob-related-grid__card:hover{background:#f3faff;border-color:#3f88cb}
.quote-page .fob-related-grid__card:hover strong{text-decoration:underline;text-underline-offset:3px}
.quote-page .fob-related-grid__card:focus-visible{outline:3px solid #0878dd;outline-offset:3px}
@media(max-width:1050px){.quote-page .fob-related-grid__card{grid-template-columns:98px minmax(0,1fr) 30px;gap:9px;padding:10px}.quote-page .fob-related-grid__illustration{width:98px}.quote-page .fob-related-grid__copy{padding-left:10px}.quote-page .fob-related-grid__copy strong{font-size:18px}.quote-page .fob-related-grid__copy>span:not(.fob-related-grid__action){font-size:14px}}
@media(max-width:760px){.quote-page .fob-related-grid{padding:18px 14px;border-radius:20px}.quote-page .fob-related-grid__cards{grid-template-columns:1fr;gap:10px}.quote-page .fob-related-grid__card{grid-template-columns:104px minmax(0,1fr);min-height:108px;gap:10px;padding:10px}.quote-page .fob-related-grid__illustration{width:104px}.quote-page .fob-related-grid__arrow{display:none}.quote-page .fob-related-grid__action{display:inline-flex;align-self:flex-start;gap:8px;margin-top:3px;padding:6px 12px;border-radius:8px;background:#11784c;color:#fff;font-size:12px;font-weight:800;line-height:1.2}.quote-page .fob-related-grid__heading{gap:13px;margin-bottom:16px}.quote-page .fob-related-grid__mark{width:50px;height:50px;border-radius:11px}.quote-page .fob-related-grid__mark svg{width:33px;height:33px}.quote-page .fob-related-grid__heading-copy{padding-left:13px}.quote-page .fob-related-grid__heading h2{font-size:23px}.quote-page .fob-related-grid__heading p{font-size:14px}}
@media(max-width:390px){.quote-page .fob-related-grid{padding:14px 10px}.quote-page .fob-related-grid__card{grid-template-columns:80px minmax(0,1fr);gap:8px;padding:8px}.quote-page .fob-related-grid__illustration{width:80px}.quote-page .fob-related-grid__copy{padding-left:8px}.quote-page .fob-related-grid__copy strong{font-size:16px}.quote-page .fob-related-grid__copy>span:not(.fob-related-grid__action){font-size:13px}.quote-page .fob-related-grid__heading h2{font-size:20px}}


/* Quote Comparison quick-help system: adapted from approved Fuel Surcharge guides.
   Kept under #quote-comparison to avoid conflicts with the calculator and site UI. */
#quote-comparison .qc-help{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.45fr);align-items:center;gap:1rem;border:1px solid #f1d781;border-radius:1rem;background:linear-gradient(100deg,#fffaf0,#fffbea 45%,#fff9df);padding:.95rem 1.15rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.7)}
#quote-comparison .qc-help__toggle{display:none}
#quote-comparison .qc-help__intro{display:grid;grid-template-columns:2.75rem minmax(0,1fr);align-items:center;gap:.75rem;min-width:0;padding-right:1rem;border-right:1px solid #e4dfcc}
#quote-comparison .qc-help__bulb{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;font-size:2rem;line-height:1}
#quote-comparison .qc-help__copy{min-width:0}
#quote-comparison .qc-help__copy strong{display:block;color:#12325b;font-size:1rem;font-weight:800;line-height:1.2}
#quote-comparison .qc-help__copy>span{display:block;margin-top:.26rem;color:#52677b;font-size:.82rem;font-weight:500;line-height:1.4}
#quote-comparison .qc-help__mobile-toggle{display:none}
#quote-comparison .qc-help__actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;min-width:0}
#quote-comparison .qc-help__actions button{display:flex;min-width:0;min-height:3.7rem;align-items:center;justify-content:center;gap:.55rem;border:1.5px solid #eebd20;border-radius:.85rem;background:linear-gradient(180deg,#fff8c8,#fff4a6);padding:.7rem .6rem;color:#173b63;font-size:.83rem;font-weight:800;line-height:1.2;text-align:center;cursor:pointer;box-shadow:0 4px 0 #e1b20d,0 7px 12px rgba(181,134,0,.08)}
#quote-comparison .qc-help__actions button:hover{background:linear-gradient(180deg,#fff5ae,#ffe97a)}
#quote-comparison .qc-help__actions button svg{display:block;width:1.35rem;height:1.35rem;flex:0 0 1.35rem;color:#173b63}
#quote-comparison .qc-help__actions button:focus-visible{outline:3px solid #1769aa;outline-offset:3px}
#quote-comparison .qc-guide[popover]{position:fixed;inset:50% auto auto 50%;width:min(49rem,calc(100vw - 2rem));max-height:min(86dvh,54rem);margin:0;overflow:auto;transform:translate(-50%,-50%);border:2px solid #1769aa;border-radius:1rem;background:#fff;padding:1.25rem;color:#173b63;box-shadow:0 28px 80px rgba(15,47,79,.34);font-family:Inter,system-ui,sans-serif}
#quote-comparison .qc-guide::backdrop{background:rgba(8,27,48,.68)}
#quote-comparison .qc-guide__head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:start;border-bottom:2px solid #d6e6f2;padding-bottom:.9rem}
#quote-comparison .qc-guide__head span{display:block;margin-bottom:.3rem;color:#1769aa;font-size:.7rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
#quote-comparison .qc-guide__head h2{margin:0;color:#0f2f4f;font-size:1.5rem;font-weight:900;line-height:1.2}
#quote-comparison .qc-guide__close{display:flex;width:2.65rem;height:2.65rem;flex:none;align-items:center;justify-content:center;border:2px solid #1769aa;border-radius:.55rem;background:#1769aa;padding:0;color:#fff;font-size:1.8rem;font-weight:900;line-height:1;cursor:pointer}
#quote-comparison .qc-guide__close:hover{background:#0f568f}
#quote-comparison .qc-guide__intro{margin:1rem 0 0;color:#52677b;font-size:.91rem;font-weight:650;line-height:1.55}
#quote-comparison .qc-guide__steps{display:grid;gap:.7rem;margin:1rem 0 0;padding:0;list-style:none}
#quote-comparison .qc-guide__steps li{display:grid;grid-template-columns:2.6rem minmax(0,1fr);gap:.75rem;align-items:start;border:1px solid #b9cfdf;border-left:5px solid #1769aa;border-radius:.6rem;background:#f7fbff;padding:.8rem .9rem}
#quote-comparison .qc-guide__steps li>span{display:flex;width:2.35rem;height:2.35rem;align-items:center;justify-content:center;border-radius:.45rem;background:#1769aa;color:#fff;font-weight:900}
#quote-comparison .qc-guide__steps strong,#quote-comparison .qc-guide__checks strong{color:#0f2f4f;font-size:.91rem;font-weight:800}
#quote-comparison .qc-guide__steps p,#quote-comparison .qc-guide__checks p{margin:.2rem 0 0;color:#52677b;font-size:.83rem;font-weight:600;line-height:1.5}
#quote-comparison .qc-guide__note{margin:.9rem 0 0;border:1px solid #e5bd4f;border-left:5px solid #d99a00;border-radius:.55rem;background:#fffaf0;padding:.85rem 1rem;color:#5f5540;font-size:.83rem;font-weight:700;line-height:1.5}
#quote-comparison .qc-guide__note strong{color:#3f3829;font-weight:900}
#quote-comparison .qc-flow{display:grid;justify-items:center;gap:.35rem;margin-top:1rem;border:1px solid #b9d7ec;border-radius:.85rem;background:#f5fbff;padding:1rem}
#quote-comparison .qc-flow__inputs{display:grid;grid-template-columns:minmax(0,1fr) 2rem minmax(0,1fr);align-items:center;gap:.6rem;width:100%}
#quote-comparison .qc-flow__operator{font-size:2rem;font-weight:900;color:#0f4e85;text-align:center}
#quote-comparison .qc-flow__box{display:grid;gap:.3rem;align-content:center;text-align:center;border:2px solid;border-radius:.65rem;padding:.8rem .6rem;min-height:5rem}
#quote-comparison .qc-flow__box small{font-size:.66rem;letter-spacing:.08em;font-weight:900}
#quote-comparison .qc-flow__box strong{font-size:.96rem;line-height:1.25;font-weight:900}
#quote-comparison .qc-flow__box--blue{background:#3168a9;color:#fff;border-color:#084a83}
#quote-comparison .qc-flow__box--amber{background:#FFF5DB;color:#12325B;border-color:#E5A000}
#quote-comparison .qc-flow__arrow{font-size:1.45rem;line-height:1.2;color:#1769aa;font-weight:900}
#quote-comparison .qc-flow__box--total{background:#07885d;color:#fff;border-color:#046747;width:min(100%,22rem);box-shadow:0 4px 0 #056744}
#quote-comparison .qc-flow__branches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;width:100%}
#quote-comparison .qc-flow__branches>div{display:grid;gap:.3rem;align-content:center;border:2px solid #9bc8e5;border-radius:.55rem;background:#fff;padding:.7rem .45rem;text-align:center}
#quote-comparison .qc-flow__branches>div:nth-child(1){border-color:#07885d;background:#e8fff4}
#quote-comparison .qc-flow__branches>div:nth-child(2){border-color:#e7a527;background:#fff6d9}
#quote-comparison .qc-flow__branches>div:nth-child(3){border-color:#3478b8;background:#eaf5ff}
#quote-comparison .qc-flow__branches b{font-size:.78rem;color:#12325b;line-height:1.25}
#quote-comparison .qc-flow__branches span{font-size:.75rem;color:#385774;font-weight:700}
#quote-comparison .qc-flow__foot{font-size:.78rem;font-weight:700;color:#405d75;text-align:center;margin-top:.5rem}
#quote-comparison .qc-guide__example{display:grid;gap:.28rem;margin-top:.85rem;border:1px solid #a5cdeb;border-radius:.7rem;background:#eef8ff;padding:.9rem 1rem}
#quote-comparison .qc-guide__example>span{color:#1769aa;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
#quote-comparison .qc-guide__example>strong{font-size:.92rem;color:#12325b}
#quote-comparison .qc-guide__example p{color:#52677b;font-size:.82rem;font-weight:600}
#quote-comparison .qc-guide__info{margin-top:.8rem;border:1px solid #c0d7e9;border-left:5px solid #1769aa;border-radius:.6rem;background:#f7fbff;padding:.8rem 1rem}
#quote-comparison .qc-guide__info strong{color:#0f2f4f;font-size:.9rem}
#quote-comparison .qc-guide__info p{margin-top:.3rem;color:#52677b;font-size:.83rem;font-weight:600}
#quote-comparison .qc-guide__checks{display:grid;gap:.65rem;margin-top:1rem}
#quote-comparison .qc-guide__checks>div{display:grid;grid-template-columns:2.15rem minmax(0,1fr);gap:.8rem;border:1px solid #b9cfdf;border-left:5px solid #1769aa;border-radius:.6rem;background:#f7fbff;padding:.8rem .9rem}
#quote-comparison .qc-guide__checks>div>span{display:grid;place-items:center;width:2rem;height:2rem;border-radius:.5rem;background:#07885d;color:#fff;font-weight:900;font-size:1.1rem}
@media(max-width:850px){#quote-comparison .qc-help{grid-template-columns:1fr;gap:.75rem}#quote-comparison .qc-help__intro{border-right:0;border-bottom:1px solid #e4dfcc;padding:0 0 .7rem}}
@media(max-width:600px){#quote-comparison .qc-help{padding:.7rem;gap:.4rem}#quote-comparison .qc-help__intro{grid-template-columns:2.15rem minmax(0,1fr);gap:.55rem .7rem;min-height:3.8rem;border:0;padding:.55rem .3rem}#quote-comparison .qc-help__bulb{width:2.15rem;height:2.15rem;font-size:1.55rem}#quote-comparison .qc-help__copy strong{font-size:.9rem}#quote-comparison .qc-help__copy>span{font-size:.72rem}#quote-comparison .qc-help__mobile-toggle{grid-column:2;display:inline-flex;width:max-content;max-width:100%;min-height:3.25rem;align-items:center;justify-content:center;gap:.8rem;margin-top:.1rem;padding:.75rem 1.15rem;border:1px solid #058453;border-radius:.85rem;background:linear-gradient(180deg,#12be78,#078d5c);box-shadow:0 5px 0 #087849,0 8px 14px rgba(0,98,59,.17);font-size:.92rem;font-weight:800;color:#fff;cursor:pointer;white-space:nowrap}#quote-comparison .qc-help__mobile-toggle svg{width:1.25rem;height:1.25rem}#quote-comparison .qc-help__hide{display:none}#quote-comparison .qc-help__actions{display:none;grid-template-columns:1fr;gap:.55rem}#quote-comparison .qc-help__toggle:checked~.qc-help__actions{display:grid;margin:.15rem .3rem .5rem}#quote-comparison .qc-help__toggle:checked~.qc-help__intro .qc-help__show{display:none}#quote-comparison .qc-help__toggle:checked~.qc-help__intro .qc-help__hide{display:inline}#quote-comparison .qc-help__actions button{justify-content:flex-start;min-height:3.2rem;padding:.7rem 1rem;font-size:.82rem}#quote-comparison .qc-guide[popover]{width:calc(100vw - 1rem);max-height:90dvh;padding:.9rem}#quote-comparison .qc-guide__head h2{font-size:1.2rem}#quote-comparison .qc-flow{padding:.65rem}#quote-comparison .qc-flow__inputs{grid-template-columns:minmax(0,1fr) 1.1rem minmax(0,1fr);gap:.3rem}#quote-comparison .qc-flow__operator{font-size:1.4rem}#quote-comparison .qc-flow__box{padding:.6rem .35rem}#quote-comparison .qc-flow__box strong{font-size:.8rem}#quote-comparison .qc-flow__box small{font-size:.55rem}#quote-comparison .qc-flow__branches{grid-template-columns:1fr}#quote-comparison .qc-flow__branches>div{grid-template-columns:1fr 1fr;align-items:center;text-align:left;gap:.5rem}#quote-comparison .qc-guide__steps li{padding:.7rem;grid-template-columns:2.1rem minmax(0,1fr)}#quote-comparison .qc-guide__steps li>span{width:2rem;height:2rem}}

/* Mobile matrix: make the existing native disclosure unmistakably expandable. */
#quote-comparison #matrixBox > summary .matrix-toggle-cue { display:none; }
@media (max-width:600px) {
  #quote-comparison #matrixBox > summary .matrix-toggle-cue {
    display:inline-flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    width:100%;
    margin-top:9px;
    padding:9px 12px;
    border:1px solid rgba(255,255,255,.45);
    border-radius:9px;
    background:rgba(255,255,255,.14);
    color:#fff;
    font-size:14px;
    font-weight:700;
    line-height:1.3;
  }
  #quote-comparison #matrixBox > summary .matrix-toggle-cue svg {
    width:19px;
    height:19px;
    flex:none;
    transition:transform .18s ease;
  }
  #quote-comparison #matrixBox > summary .matrix-toggle-cue__collapse { display:none; }
  #quote-comparison #matrixBox[open] > summary .matrix-toggle-cue__expand { display:none; }
  #quote-comparison #matrixBox[open] > summary .matrix-toggle-cue__collapse { display:inline; }
  #quote-comparison #matrixBox[open] > summary .matrix-toggle-cue svg { transform:rotate(180deg); }
}

/* Clear visual hierarchy: warm step badges, blue selected choices, outlined alternatives. */
#quote-comparison .quote-step {
  background:linear-gradient(180deg,#FFF3B3,#F7C948);
  color:#12325B;
  border:1.5px solid #DEA82D;
}
#quote-comparison #routeSeg.seg {
  border-color:#B3BDC8;
}
#quote-comparison #routeSeg.seg button:not([aria-pressed="true"]) {
  background:#FFFFFF;
  border:1.5px solid #AAB7C4;
  color:#12325B;
  box-shadow:none;
}
#quote-comparison #routeSeg.seg button:not([aria-pressed="true"]):hover {
  background:#F5F7FA;
  border-color:#72869B;
}

/* H1 presentation: retain full wording, remove colored final word, improve mobile wrapping. */
#quote-comparison .band h1 span {
  background:none;
  -webkit-background-clip:border-box;
  background-clip:border-box;
  -webkit-text-fill-color:currentColor;
  color:inherit;
}
@media (max-width:480px) {
  #quote-comparison .band h1 {
    font-size:28px;
    line-height:1.15;
    letter-spacing:-.035em;
  }
}