/* Approved Features system. Scoped to the new native showcase only. */
#rg-features-showcase { background:#f7faff; }
#rg-features-showcase #main { width:100%;max-width:none;margin:0;padding:0; }
.fs-showcase { --fs-blue:#0867f2;--fs-ink:#0b1635;--fs-muted:#536784;--fs-line:#dce6f3;--fs-purple:#7543f4;max-width:1456px;margin:0 auto;padding:14px 32px 32px;color:var(--fs-ink);font-family:var(--font-ui),Manrope,system-ui,sans-serif;font-size:15px;line-height:1.5; }
.fs-showcase * { box-sizing:border-box;min-width:0; }
.fs-showcase [hidden] { display:none!important; }
.fs-showcase h1,.fs-showcase h2,.fs-showcase h3,.fs-showcase p { margin:0;letter-spacing:0; }
.fs-showcase h1 { font-family:var(--font-brand),Poppins,system-ui,sans-serif;font-weight:900;font-size:clamp(34px,3.7vw,57px);line-height:1.08;color:#090f25; }
.fs-showcase h2 { font-family:var(--font-ui),Manrope,system-ui,sans-serif;font-size:22px;line-height:1.25;font-weight:800;color:#0b132d; }
.fs-showcase h3 { font-family:var(--font-ui),Manrope,system-ui,sans-serif;font-size:16px;line-height:1.3;font-weight:800;color:#0b132d; }
.fs-showcase p { color:var(--fs-muted);font-size:15px;line-height:1.5;font-weight:400; }
.fs-showcase small { display:block;color:var(--fs-muted);font-size:12px;line-height:1.5; }
.fs-showcase button,.fs-showcase input,.fs-showcase select { font:inherit;letter-spacing:0; }
.fs-showcase button { cursor:pointer; }
.fs-showcase button:focus-visible,.fs-showcase a:focus-visible,.fs-showcase input:focus-visible,.fs-showcase summary:focus-visible { outline:3px solid #d27b00;outline-offset:3px; }
.fs-showcase svg { display:block; }
.fs-icon { display:inline-grid;place-items:center;width:28px;height:28px;flex:none;color:var(--fs-tone,#0867f2); }
.fs-icon .rg-icon { display:grid!important;place-items:center!important;width:100%!important;height:100%!important;min-width:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;color:inherit!important; }
.fs-icon svg { width:24px!important;height:24px!important;color:inherit!important;stroke:currentColor; }
.fs-blue { --fs-tone:#0867f2; }.fs-teal { --fs-tone:#009998; }.fs-green { --fs-tone:#158552; }.fs-ochre { --fs-tone:#bc7900; }.fs-orange { --fs-tone:#ce5900; }.fs-purple { --fs-tone:#7539e8; }.fs-gray { --fs-tone:#617089; }.fs-red { --fs-tone:#de3232; }
.fs-rail-wrap { position:sticky;top:64px;z-index:12;background:#f7faffed;backdrop-filter:blur(10px);padding:0 0 12px;margin:0 0 22px; }
.fs-rail { display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:10px; }
.fs-rail>button { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid var(--fs-line);background:#fff;border-radius:10px;color:#0b1635;height:72px;padding:7px 4px;font-size:13px;font-weight:700;box-shadow:none;white-space:nowrap; }
.fs-rail>button .fs-icon { width:27px;height:27px; }
.fs-rail>button:hover { background:#ecf3ff; }
.fs-rail>button[aria-selected=true] { background:var(--fs-blue);color:#fff;border-color:var(--fs-blue);box-shadow:0 5px 10px #0867f21a; }
.fs-rail>button[aria-selected=true] .fs-icon { color:white; }
.fs-panel { display:block;margin:0;scroll-margin-top:168px; }
.fs-heading { margin:28px 0 28px; }
.fs-heading p { font-size:20px;margin-top:9px; }
.fs-centered { text-align:center; }
.fs-overview-hero { display:grid;grid-template-columns:1.7fr 2.3fr 1fr;gap:24px;align-items:start;margin:25px 0 24px; }
.fs-overview-copy h1 { font-size:clamp(38px,4vw,62px);line-height:1.04; }
.fs-overview-copy p { font-size:18px;margin-top:18px;max-width:400px; }
.fs-hero-bubble { padding-top:3px; }
.fs-expanded { --state:#138c59;background:#081627;color:#fff;border:1px solid #2a4a4b;border-radius:22px;padding:9px;box-shadow:0 7px 20px #17365712; }
.fs-bubble { --state:#138c59;display:flex;align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--state) 42%,white);border-radius:50px;padding:7px;background:#fff;white-space:nowrap;color:var(--state);min-height:60px; }
.fs-state-green { --state:#138c59; }.fs-state-yellow { --state:#ac7800; }.fs-state-red { --state:#d92c2c; }.fs-state-gray { --state:#627086; }
.fs-rg { display:grid;place-items:center;flex:none;min-width:42px;height:42px;border-radius:14px;background:var(--state,#138c59);color:#fff;font-size:20px;font-weight:800; }
.fs-bubble-metrics { display:grid;grid-template-columns:1fr 1.2fr .8fr;align-items:center;flex:1;font-size:16px;font-weight:800;min-height:40px; }
.fs-bubble-metrics>span { padding:0 8px;text-align:center; }
.fs-bubble-metrics>span+span { border-left:1px solid var(--fs-line); }
.fs-map-bay { background:#f1f3f7;border-radius:50%;width:39px;height:39px;display:grid;place-items:center;flex:none; }
.fs-map-bay .fs-icon { color:#16223b;width:24px;height:24px; }
.fs-expanded .fs-bubble { background:#182638;border-color:#3c5164; }
.fs-expanded .fs-bubble-metrics { background:#fff;border-radius:40px; }
.fs-expanded-body { padding:18px 16px 14px; }
.fs-expanded-title { display:flex;justify-content:space-between;align-items:center;margin-bottom:8px; }
.fs-expanded-title strong { font-size:20px;color:#1cda91; }
.fs-expanded-title>span { color:#d5deeb;font-size:16px; }
.fs-expanded-body p { color:white;font-size:17px;line-height:1.4; }
.fs-confidence { color:#23da96;display:block;margin-top:8px; }
.fs-expanded ul { list-style:none;margin:14px 0 0;border-top:1px solid #405063;padding:11px 0 0;font-size:16px;line-height:1.7; }
.fs-expanded li::before { content:"";display:inline-block;width:10px;height:10px;background:var(--state);border-radius:50%;margin-right:10px; }
.fs-expanded.fs-state-red .fs-expanded-title strong,.fs-expanded.fs-state-red .fs-confidence { color:#ff8e8e; }
.fs-expanded.fs-state-yellow .fs-expanded-title strong,.fs-expanded.fs-state-yellow .fs-confidence { color:#ffd582; }
.fs-expanded.fs-state-gray .fs-expanded-title strong,.fs-expanded.fs-state-gray .fs-confidence { color:#d7deea; }
.fs-state-card { background:#fff;border:1px solid var(--fs-line);border-radius:16px;padding:15px; }
.fs-state-card h2 { font-size:15px;display:flex;align-items:center;gap:8px;margin-bottom:10px; }
.fs-state-card h2 .fs-icon { width:22px;height:22px; }
.fs-state-mini { display:flex;align-items:center;gap:10px;border:1px solid color-mix(in srgb,var(--state) 25%,white);border-radius:35px;padding:4px;margin:7px 0;color:var(--state); }
.fs-state-mini .fs-rg { min-width:34px;height:34px;border-radius:50%;font-size:16px; }
.fs-state-mini strong { font-size:13px;flex:1; }
.fs-state-card p { font-size:12px;margin-top:9px; }
.fs-catalog { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px; }
.fs-catalog-card { border:1px solid var(--fs-line);border-radius:14px;background:white;padding:12px 17px;text-align:left;display:flex;flex-direction:column;color:var(--fs-ink);transition:border-color .15s,box-shadow .15s; }
.fs-catalog-card:hover { border-color:#8cb7ff;box-shadow:0 6px 14px #1640700c; }
.fs-catalog-title { display:flex;align-items:center;gap:12px;font-size:19px;line-height:1.3;margin-bottom:9px; }
.fs-catalog-title>.fs-icon { width:34px;height:34px;background:color-mix(in srgb,var(--fs-tone) 9%,white);border-radius:50%; }
.fs-catalog-title>span:last-child { margin-left:auto;color:var(--fs-blue); }
.fs-catalog-preview { display:block;min-height:56px; }
.fs-catalog-copy { display:block;font-size:13px;color:var(--fs-muted);margin-top:9px; }
.fs-bubble-small { min-height:40px;gap:4px;padding:4px; }
.fs-bubble-small .fs-rg { min-width:31px;height:31px;border-radius:11px;font-size:15px; }
.fs-bubble-small .fs-bubble-metrics { min-height:30px;font-size:11px; }
.fs-bubble-small .fs-bubble-metrics>span { padding:0 4px; }
.fs-bubble-small .fs-map-bay { width:29px;height:29px; }
.fs-bubble-small .fs-map-bay .fs-icon svg { width:18px!important;height:18px!important; }
.fs-mini-mileage { display:flex;align-items:center;gap:16px; }
.fs-mini-mileage>.fs-map { width:45%;height:62px;flex:none; }
.fs-mini-mileage strong { font-size:24px; }
.fs-money { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:center;border:1px solid var(--fs-line);border-radius:9px;padding:11px 5px;font-size:13px;color:var(--fs-muted); }
.fs-money>span+span { border-left:1px solid var(--fs-line); }
.fs-money b { display:block;font-size:20px;color:var(--fs-ink); }
.fs-money .fs-negative,.fs-negative { color:#d83232; }.fs-money .fs-positive,.fs-positive { color:#008e54; }
.fs-mini-pills { display:flex;align-items:center;gap:10px;padding:8px 0;font-size:12px; }
.fs-mini-pills>* { flex:1;text-align:center;padding:9px 4px;background:#f1f6ff;border-radius:12px; }
.fs-mini-pills>b { color:white;background:#009966; }
.fs-mini-lines>span { display:flex;align-items:center;border-bottom:1px solid #edf1f7;gap:9px;font-size:12px; }
.fs-mini-lines .fs-icon { width:20px;height:25px; }
.fs-mini-switch { margin-left:auto;width:35px;height:18px;border-radius:20px;background:var(--fs-tone,#0867f2); }
.fs-mini-switch:after { content:"";display:block;float:right;background:white;width:14px;height:14px;border-radius:50%;margin:2px; }
.fs-mini-history>span { display:flex;align-items:center;gap:10px;font-size:12px;margin:4px 0; }
.fs-mini-history small { font-size:10px; }
.fs-showcase .platform-icon { width:28px;height:28px;flex:none; }
.fs-showcase .platform-icon img,.fs-showcase .platform-icon svg { max-width:100%;max-height:100%; }
.fs-badge { display:inline-flex;align-items:center;border:1px solid color-mix(in srgb,var(--fs-tone) 20%,white);border-radius:18px;background:color-mix(in srgb,var(--fs-tone) 8%,white);color:var(--fs-tone);font-size:11px;font-weight:700;padding:4px 10px;white-space:nowrap; }
.fs-mini-zones { display:flex;align-items:center;gap:15px;font-size:11px; }
.fs-mini-zones>.fs-map { width:60%;height:66px; }
.fs-mini-zones .fs-icon { vertical-align:middle;width:20px;height:23px; }
.fs-mini-compare { display:grid;grid-template-columns:1fr 1fr;gap:10px; }
.fs-mini-compare>span { border:1px solid var(--fs-line);border-radius:9px;padding:5px;display:grid;grid-template-columns:28px 1fr;align-items:center;gap:3px 10px; }
.fs-mini-compare .fs-badge { grid-column:2;font-size:10px;padding:2px 6px;justify-self:start; }
.fs-map { position:relative;overflow:hidden;border:1px solid #dde5e8;border-radius:11px;background:#edf1ee; }
.fs-map>svg { width:100%;height:100%;min-height:100%;transition:transform .2s; }
.fs-map-marker { position:absolute;display:grid;place-items:center;border:3px solid #fff;border-radius:50%;width:42px;height:42px;background:#0867f2;box-shadow:0 3px 8px #234b7c26; }
.fs-map-marker .fs-icon { color:white; }
.fs-home { left:48.5%;top:23%; }.fs-favorite { left:36%;top:61%;background:#7539e8; }.fs-avoid { left:69.5%;top:57%;background:#ed4747; }.fs-pending { left:52.5%;top:80%;background:#dce3ea;color:#627086;border:2px dashed #627086;font-weight:800; }
.fs-mini-zones .fs-map-marker { width:20px;height:20px;border-width:1px; }
.fs-mini-zones .fs-map-marker svg { width:13px!important;height:13px!important; }
.fs-three-steps { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px; }
.fs-step>header { display:flex;align-items:flex-start;gap:14px;margin:22px 0 16px; }
.fs-step>header>b { font-size:26px;color:var(--fs-blue);background:#eaf2ff;border-radius:50%;min-width:48px;height:48px;text-align:center;line-height:48px; }
.fs-step>header h2 { font-size:23px; }
.fs-step>header p { margin-top:5px;font-size:14px; }
.fs-offer { border:1px solid var(--fs-line);border-radius:17px;padding:10px;background:#fff;position:relative; }
.fs-offer>.fs-map { height:123px;border-radius:12px 12px 0 0;border:0; }
.fs-offer-bubble { margin:-15px 5px 0;position:relative;z-index:1; }
.fs-offer-sheet { padding:10px 13px 4px; }
.fs-platform { display:flex;align-items:center;gap:8px;font-size:13px; }
.fs-offer-pay { display:block;font-size:32px;line-height:1.2;margin-top:4px;color:#080d19; }
.fs-trip { display:flex;gap:12px;padding:10px 0 2px;font-size:13px; }
.fs-trip b { font-size:14px; }.fs-trip small { font-size:11px;margin-top:3px; }
.fs-native-accept { display:block;background:#111;color:white;font-size:14px;font-weight:700;text-align:center;border-radius:9px;padding:10px;margin:12px 0 0; }
.fs-state-strip { margin-top:25px;background:white;border:1px solid var(--fs-line);border-radius:16px;display:grid;grid-template-columns:1fr repeat(4,1.25fr);gap:18px;padding:20px;align-items:center; }
.fs-state-strip h2 { font-size:20px; }.fs-state-strip p { font-size:13px;margin-top:5px; }
.fs-state-strip>button { text-align:left;background:transparent;border:1px solid transparent;border-radius:10px;padding:7px; }
.fs-state-strip>button[aria-pressed=true] { border-color:#89b4ff;background:#f4f8ff; }
.fs-state-strip>button>strong { display:block;font-size:14px;margin-bottom:8px;color:#19375a; }.fs-state-strip small { margin-top:6px;font-size:11px; }
.fs-state-strip .fs-bubble-small .fs-bubble-metrics { font-size:9px; }.fs-state-strip .fs-map-bay { display:none; }
.fs-card { border:1px solid var(--fs-line);border-radius:14px;background:white;padding:23px;box-shadow:0 3px 9px #17375b06; }
.fs-card>h2 { margin-bottom:15px; }.fs-card>h3 { margin:20px 0 12px; }.fs-card>p { margin-top:12px; }
.fs-card-heading { display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px; }
.fs-card-heading h2,.fs-card-heading h3 { margin:0; }
.fs-map-layout { display:grid;grid-template-columns:minmax(0,2.55fr) minmax(280px,1fr);gap:22px; }
.fs-route-card>.fs-map { height:430px; }
.fs-platforms { display:flex;align-items:center;gap:12px;margin-bottom:20px;font-size:19px; }.fs-platforms>span:empty { width:1px;height:25px;background:var(--fs-line);margin:0 10px; }
.fs-inspector { display:flex;flex-direction:column;gap:12px; }
.fs-inspector .fs-card { padding:19px; }.fs-inspector h2 { font-size:17px; }
.fs-total { font-size:42px;font-weight:800;line-height:1.3; }
.fs-timeline { display:flex;align-items:center;gap:20px;margin-top:22px; }.fs-timeline b { font-size:18px; }.fs-timeline i { flex:1;border-top:4px solid var(--fs-blue);position:relative; }.fs-timeline i:after { content:"";position:absolute;width:15px;height:15px;border:4px solid var(--fs-blue);border-radius:50%;background:white;right:0;top:-9px; }.fs-timeline>strong { color:var(--fs-muted);font-size:16px; }
.fs-choices { display:flex;flex-wrap:wrap;gap:6px;margin:15px 0; }
.fs-choices>button { background:#fff;border:1px solid var(--fs-line);padding:8px 10px;min-height:40px;color:#22365c;border-radius:9px;font-size:13px;flex:1; }
.fs-choices>button[aria-pressed=true] { border-color:#7eabff;color:#075cda;background:#eaf2ff; }
.fs-stats { margin:19px 0 0; }.fs-stats>div { display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-top:1px solid #edf1f6; }.fs-stats dt { color:var(--fs-muted);font-size:13px; }.fs-stats dd { margin:0;font-weight:700; }
.fs-legend { display:flex;flex-direction:column;gap:13px;font-size:13px;color:var(--fs-muted); }.fs-legend>span { display:flex;align-items:center;gap:15px; }.fs-dot { width:14px;height:14px;border-radius:50%;display:inline-block; }.fs-bg-blue { background:#0867f2; }.fs-bg-navy { background:#0b1635; }.fs-route-line { width:20px;border-top:4px solid #0867f2;display:inline-block; }
.fs-showcase .fs-note { font-size:12px;color:var(--fs-muted);line-height:1.6; }
.fs-button { display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid #84adff;border-radius:9px;background:#f5f9ff;color:#0867f2;font-weight:700;font-size:13px;text-decoration:none;padding:9px 14px; }
.fs-button:hover { background:#e7f0ff; }
.fs-cost-steps { gap:30px; }.fs-cost-steps>.fs-step { display:flex;flex-direction:column; }.fs-cost-steps>.fs-step>.fs-card { flex:1; }.fs-cost-steps .fs-step>header h2 { font-size:22px; }
.fs-cost-steps .fs-money { padding:18px 3px; }.fs-cost-steps .fs-money b { font-size:18px; }
.fs-rate { display:flex;align-items:center;width:max-content;max-width:100%;padding:9px 14px;border:1px solid #8dacf4;background:#f4f7ff;border-radius:10px;margin:20px 0 10px; }
.fs-rate input { width:67px;border:0;background:transparent;font-size:32px;font-weight:800;padding:0;color:var(--fs-ink); }
.fs-equation { text-align:center;padding:18px 8px;border:1px solid #e9c38b;border-radius:10px;background:#fffcf7;font-size:18px;line-height:1.4; }
.fs-net { margin:20px 0;background:#f7fcfa; }.fs-range-label { display:block;margin:16px 0; }.fs-range-label input { width:75%;accent-color:#0867f2; }.fs-range-label output { margin-left:10px; }
.fs-spotlight { display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.3fr);align-items:center;gap:58px;padding:24px 0; }
.fs-spotlight-copy h1 { font-size:clamp(44px,4.75vw,74px);line-height:1.12;margin:20px 0 22px; }
.fs-spotlight-copy>p { font-size:23px;line-height:1.5; }
.fs-eyebrow { text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:2px;color:#526684; }
.fs-benefits { display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:54px; }
.fs-benefits>div+div { border-left:1px solid var(--fs-line);padding-left:20px; }
.fs-benefits .fs-icon { width:55px;height:55px;border-radius:50%;background:color-mix(in srgb,var(--fs-tone) 10%,white);margin-bottom:14px; }
.fs-benefits h3 { font-size:16px;margin-bottom:6px; }.fs-benefits p { font-size:14px; }
.fs-mode-demo { padding:27px; }.fs-mode-demo>.fs-card-heading { align-items:flex-start; }
.fs-mode-range { display:grid;grid-template-columns:108px minmax(0,1fr);gap:20px;align-items:center;margin:24px 0;font-size:14px; }
.fs-mode-range>output { background:#f4f7fd;border:1px solid #d3deef;border-radius:11px;padding:14px 5px;text-align:center;font-weight:800; }
.fs-mode-range input { display:block;width:100%;height:25px;margin:10px 0 0;accent-color:#009696; }
.fs-range-ends { display:flex;justify-content:space-between;color:var(--fs-muted);font-size:12px; }
.fs-mode-preview { background:#f8faff;border:1px solid var(--fs-line);border-radius:14px;padding:10px;display:flex;gap:12px;align-items:center; }.fs-mode-preview>.fs-bubble { flex:1; }.fs-mode-preview>.fs-button { background:#0b1635;color:white;border-color:#0b1635;font-size:12px; }
.fs-settings { align-items:start;gap:35px; }.fs-data-card { margin:24px 0 0 100px; }
.fs-control-row { display:flex;align-items:center;gap:12px;width:100%;border:0;border-top:1px solid #edf1f7;background:white;padding:15px 0;text-align:left;color:var(--fs-ink); }
.fs-control-row>.fs-icon { width:37px;height:37px;border-radius:50%;background:color-mix(in srgb,var(--fs-tone) 8%,white); }.fs-control-row>span:nth-child(2) { flex:1; }.fs-control-row b { display:block;font-size:14px; }.fs-control-row small { margin-top:3px;font-size:12px; }.fs-control-row>span:last-child { color:var(--fs-muted); }
.fs-settings-demo { display:grid;gap:18px;margin-top:12px; }.fs-settings-demo>.fs-card { position:relative; }.fs-settings-demo>.fs-card>.fs-badge { position:absolute;top:21px;right:24px; }
.fs-benefits-wide { margin:14px 0 0; }.fs-benefits-wide>div { display:grid;grid-template-columns:60px 1fr;gap:0 17px; }.fs-benefits-wide .fs-icon { grid-row:1/3;margin:0; }.fs-benefits-wide h3 { align-self:end; }
.fs-history-grid { display:grid;grid-template-columns:1.05fr 1.2fr .85fr;gap:20px; }
.fs-records,.fs-record-detail,.fs-choice-card { border:1px solid var(--fs-line);border-radius:13px;padding:17px; }
.fs-record { display:flex;align-items:center;gap:13px;padding:14px 10px;border:1px solid var(--fs-line);border-radius:12px;background:#fff;text-align:left;width:100%;margin:9px 0;color:var(--fs-ink); }
.fs-record[aria-pressed=true] { border-color:#0867f2;background:#f0f5ff; }.fs-record>span:nth-child(2) { flex:1; }.fs-record b { font-size:20px;display:block; }.fs-record>span:last-child { text-align:right; }
.fs-record-top { background:#0c192d;color:white;border-radius:10px;padding:20px; }.fs-record-top>span:first-child { display:flex;align-items:center;gap:12px; }.fs-record-top>strong { display:block;font-size:29px;margin-top:10px; }.fs-record-top>span:last-child { font-size:14px; }
.fs-choice-result { padding:20px;background:#edf8f2;border:1px solid #b6dfc8;border-radius:10px;margin:16px 0;color:#116640; }.fs-choice-card>h3 { margin:18px 0 12px; }.fs-choice-card>.fs-button { width:100%;margin:20px 0 7px; }
.fs-history-foot { display:flex;align-items:center;gap:18px;border:1px solid var(--fs-line);border-radius:12px;padding:18px;margin-top:20px; }.fs-history-foot>span:nth-child(2) { flex:1; }.fs-history-foot b { font-size:17px; }.fs-history-foot small { margin-top:4px; }
.fs-empty-state { text-align:center;padding:55px 20px;border:1px dashed var(--fs-line);border-radius:14px;margin:20px 0; }.fs-empty-state>.fs-icon { width:50px;height:50px;margin:0 auto 20px; }.fs-empty-state p { margin-top:12px; }
.fs-zones-map>.fs-map { height:510px; }.fs-map-tools { display:flex;gap:8px; }.fs-map-tools>.fs-button { font-size:22px;min-width:42px;padding:0; }
.fs-zone-legend { display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;padding-top:15px;font-size:12px; }.fs-zone-legend>span { display:flex;align-items:center;gap:7px; }
.fs-control-heading { display:flex;align-items:center;gap:12px; }.fs-zone-controls>section { border-top:1px solid var(--fs-line);padding:21px 0; }.fs-zone-controls p { font-size:13px;margin:8px 0 12px; }.fs-zone-controls .fs-button { width:100%;border-radius:22px; }.fs-zone-item { display:flex;justify-content:space-between;align-items:center;border:1px solid var(--fs-line);border-radius:9px;padding:8px 10px;margin-bottom:9px;font-size:13px; }.fs-zone-item button { background:white;border:0;color:#d53232;font-size:22px;min-width:32px;min-height:32px; }
.fs-alert-demo { padding:26px; }.fs-alert-summary { display:flex;align-items:center;gap:18px;background:var(--fs-blue);border-radius:17px;padding:22px;color:white;margin:23px 0;box-shadow:0 7px 18px #0867f220; }.fs-alert-summary>.fs-icon { width:50px;height:50px;color:white;background:#ffffff20;border-radius:50%; }.fs-alert-summary>div { flex:1; }.fs-alert-summary strong { font-size:26px;line-height:1.2; }.fs-alert-summary p { color:white;font-size:14px;margin-top:5px; }
.fs-alert-row { position:relative;display:flex;align-items:center;gap:16px;border-bottom:1px solid #edf1f7;padding:19px 0;cursor:pointer; }.fs-alert-row>.fs-icon { width:43px;height:43px;border-radius:50%;background:color-mix(in srgb,var(--fs-tone) 9%,white); }.fs-alert-row>span:nth-child(2) { flex:1; }.fs-alert-row b { font-size:15px; }.fs-alert-row small { margin-top:5px; }.fs-alert-row em { font-size:10px;font-style:normal;border:1px solid #bd5500;color:#bd5500;border-radius:9px;padding:2px 6px; }
.fs-alert-row input { position:absolute;right:0;width:48px;height:32px;opacity:0;cursor:pointer;z-index:1; }.fs-switch { width:48px;height:30px;border-radius:25px;background:var(--fs-tone);padding:4px;display:block; }.fs-switch:after { content:"";width:22px;height:22px;border-radius:50%;background:white;display:block;margin-left:18px; }.fs-alert-row input:not(:checked)+.fs-switch { background:#c1cad9; }.fs-alert-row input:not(:checked)+.fs-switch:after { margin-left:0; }.fs-alert-row input:focus-visible+.fs-switch { outline:3px solid #d27b00;outline-offset:3px; }
.fs-quiet-time { display:flex;justify-content:space-between;align-items:center;padding:16px 0;gap:10px;font-size:13px; }.fs-quiet-time>.fs-button { border:0;background:none;padding:7px; }
.fs-alert-trust { display:flex;align-items:center;gap:14px;padding:17px;border:1px solid var(--fs-line);border-radius:13px; }.fs-alert-trust b { font-size:13px;color:var(--fs-ink); }.fs-alert-trust small { margin-top:5px; }
.fs-page-note { display:flex;justify-content:space-between;gap:15px;font-size:11px;color:var(--fs-muted);border-top:1px solid var(--fs-line);padding-top:18px;margin-top:25px; }.fs-page-note>span { display:flex;align-items:center;gap:8px; }.fs-page-note .fs-icon { width:19px;height:19px; }
.fs-product-notes { margin:20px 0 0;border:1px solid var(--fs-line);border-radius:12px;padding:15px 20px;background:#fff; }.fs-product-notes summary { cursor:pointer;font-weight:700;font-size:13px; }.fs-product-notes p { margin:13px 0;font-size:13px; }
.fs-dialog { border:1px solid var(--fs-line);border-radius:18px;width:min(480px,calc(100vw - 32px));padding:30px;color:var(--fs-ink);box-shadow:0 20px 80px #12234b44; }.fs-dialog::backdrop { background:#0c173878; }.fs-dialog-close { float:right;min-width:38px;min-height:38px;background:#f1f6ff;border:0;border-radius:50%;font-size:24px; }.fs-dialog h2 { margin-bottom:18px; }.fs-dialog label { display:block;margin:15px 0; }.fs-dialog input,.fs-dialog select { width:100%;padding:10px;border:1px solid var(--fs-line);border-radius:8px; }.fs-dialog .fs-button { margin-top:15px; }
@media(min-width:1600px){.fs-showcase{max-width:1580px}.fs-overview-copy h1{font-size:65px}.fs-overview-hero{margin-top:32px}.fs-catalog-card{padding:17px 20px}.fs-catalog-preview{min-height:65px}}
@media(max-width:1199px){.fs-showcase{padding-inline:24px}.fs-rail{gap:6px}.fs-rail>button{height:65px;font-size:11px}.fs-overview-hero{grid-template-columns:1.3fr 1.8fr;gap:23px}.fs-state-card{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:10px 14px}.fs-state-card h2{margin:0;font-size:13px}.fs-state-mini{flex:1;margin:0}.fs-state-mini>.fs-icon{display:none}.fs-state-card p{display:none}.fs-overview-copy h1{font-size:43px}.fs-overview-copy p{font-size:16px}.fs-catalog-title{font-size:17px}.fs-mini-history small{display:none}.fs-three-steps{gap:22px}.fs-step>header{gap:9px}.fs-step>header>b{font-size:21px;min-width:38px;height:38px;line-height:38px}.fs-step>header h2{font-size:19px}.fs-expanded .fs-bubble-metrics{font-size:11px}.fs-expanded .fs-rg{min-width:32px;height:32px;font-size:15px}.fs-expanded .fs-map-bay{width:28px;height:28px}.fs-state-strip{gap:8px;padding:15px;grid-template-columns:repeat(4,1fr)}.fs-state-strip>div{grid-column:1/-1;display:flex;gap:20px}.fs-state-strip h2{font-size:16px}.fs-state-strip h2 br{display:none}.fs-spotlight{gap:25px;grid-template-columns:.8fr 1.2fr}.fs-spotlight-copy h1{font-size:48px}.fs-spotlight-copy>p{font-size:18px}.fs-benefits{gap:12px;margin-top:30px}.fs-benefits>div+div{padding-left:10px}.fs-benefits h3{font-size:14px}.fs-benefits p{font-size:12px}.fs-mode-demo{padding:18px}.fs-mode-range{grid-template-columns:85px 1fr;gap:12px}.fs-mode-preview{flex-direction:column;align-items:stretch}.fs-data-card{margin-left:0}.fs-control-row{gap:8px}.fs-control-row .fs-badge{font-size:10px;padding:3px 6px}.fs-history-grid{grid-template-columns:1fr 1.15fr}.fs-choice-card{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.fs-choice-card>h3{margin:0}.fs-choice-result{margin:0}.fs-map-layout{grid-template-columns:minmax(0,2fr) minmax(250px,1fr)}.fs-card{padding:18px}.fs-choices>button{padding:8px 7px;font-size:12px}.fs-cost-steps{gap:18px}.fs-cost-steps .fs-step>header h2{font-size:18px}.fs-equation{font-size:15px}.fs-rate input{font-size:27px}.fs-alert-summary strong{font-size:22px}.fs-alert-demo{padding:20px}}
@media(max-width:800px){.fs-showcase{padding:12px 18px 25px}.fs-rail-wrap{top:60px;margin-bottom:15px}.fs-rail{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.fs-rail>button{height:57px;font-size:11px;gap:2px}.fs-rail>button .fs-icon{width:23px;height:23px}.fs-panel{scroll-margin-top:205px}.fs-overview-hero{margin-top:20px;gap:20px}.fs-overview-copy h1{font-size:39px}.fs-overview-copy p{font-size:15px}.fs-expanded-body{padding:13px 9px}.fs-expanded-body p,.fs-expanded ul{font-size:14px}.fs-expanded-title strong{font-size:17px}.fs-confidence{font-size:13px}.fs-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fs-catalog-title{font-size:17px}.fs-state-card{flex-wrap:wrap}.fs-state-card h2{width:100%}.fs-state-mini{min-width:20%}.fs-state-mini strong{font-size:11px}.fs-state-mini .fs-rg{min-width:26px;height:26px;font-size:12px}.fs-heading h1{font-size:35px}.fs-heading p{font-size:17px}.fs-three-steps{grid-template-columns:1fr}.fs-step{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;align-items:start}.fs-step>header{margin:10px 0}.fs-step>header h2{font-size:23px}.fs-offer>.fs-map{height:135px}.fs-offer-sheet{padding-bottom:7px}.fs-offer .fs-bubble-metrics{font-size:12px}.fs-state-strip{grid-template-columns:repeat(2,1fr)}.fs-state-strip .fs-bubble-small .fs-bubble-metrics{font-size:11px}.fs-cost-steps>.fs-step{display:grid}.fs-cost-steps .fs-step>header h2{font-size:23px}.fs-map-layout{grid-template-columns:1fr}.fs-route-card>.fs-map{height:350px}.fs-inspector{display:grid;grid-template-columns:1.2fr 1fr;align-items:start}.fs-inspector>.fs-note{grid-column:1/-1}.fs-spotlight{grid-template-columns:1fr;gap:26px}.fs-spotlight-copy h1{font-size:49px}.fs-spotlight-copy h1 br{display:none}.fs-spotlight-copy>p{font-size:19px}.fs-benefits{margin-top:25px}.fs-benefits .fs-icon{width:42px;height:42px}.fs-benefits h3{font-size:15px}.fs-benefits p{font-size:13px}.fs-settings{grid-template-columns:.9fr 1.1fr;gap:15px}.fs-settings .fs-spotlight-copy h1{font-size:39px}.fs-settings .fs-spotlight-copy>p{font-size:16px}.fs-control-row .fs-badge{display:none}.fs-settings .fs-card{padding:16px}.fs-settings .fs-control-row>.fs-icon{width:26px;height:26px}.fs-settings-demo>.fs-card>.fs-badge{position:static;margin-bottom:10px}.fs-benefits-wide{margin:20px 0}.fs-history-grid{grid-template-columns:1fr 1fr;gap:12px}.fs-record{gap:8px;padding:12px 8px}.fs-record .fs-badge{font-size:10px;padding:3px 6px}.fs-record b{font-size:18px}.fs-records,.fs-record-detail,.fs-choice-card{padding:12px}.fs-record .platform-icon{display:none}.fs-zones-map>.fs-map{height:390px}.fs-zone-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.fs-zone-controls>h2,.fs-zone-controls>.fs-note{grid-column:1/-1}.fs-zone-controls>section{padding:12px 0}.fs-zone-controls h3{font-size:14px}.fs-zone-controls .fs-button{font-size:11px}.fs-zone-item{font-size:11px}.fs-alert-demo{max-width:660px;width:100%;margin:auto}.fs-alert-row b{font-size:16px}}
@media(max-width:520px){.fs-showcase{padding-inline:14px}.fs-rail-wrap{margin-inline:-4px}.fs-rail{gap:5px}.fs-rail>button{font-size:10px;height:54px;padding-inline:2px}.fs-overview-hero{grid-template-columns:1fr;gap:20px}.fs-overview-copy h1{font-size:43px;max-width:340px}.fs-overview-copy h1 br{display:none}.fs-overview-copy p{font-size:16px;max-width:none;margin-top:12px}.fs-hero-bubble .fs-bubble-metrics{font-size:13px}.fs-hero-bubble .fs-expanded-body{padding:17px 13px}.fs-hero-bubble .fs-expanded-body p{font-size:16px}.fs-state-card{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fs-state-card h2{grid-column:1/-1}.fs-state-mini strong{font-size:12px}.fs-state-mini>.fs-icon{display:grid;width:20px;height:20px}.fs-catalog{grid-template-columns:1fr}.fs-catalog-card{padding:14px 16px}.fs-catalog-title{font-size:20px}.fs-catalog-preview{min-height:50px}.fs-catalog-copy{font-size:14px}.fs-mini-history small{display:block}.fs-heading{margin:23px 0}.fs-heading h1{font-size:34px}.fs-heading p{font-size:16px}.fs-centered{text-align:left}.fs-step,.fs-cost-steps>.fs-step{display:block}.fs-step>header{margin:12px 0 15px}.fs-step>header h2,.fs-cost-steps .fs-step>header h2{font-size:22px}.fs-step>header p{font-size:14px}.fs-three-steps{gap:25px}.fs-offer>.fs-map{height:145px}.fs-offer-bubble .fs-bubble-metrics{font-size:12px}.fs-state-strip{padding:12px;gap:5px}.fs-state-strip>div{display:block;padding:6px}.fs-state-strip .fs-map-bay{display:none}.fs-state-strip .fs-bubble-small{gap:2px}.fs-state-strip .fs-bubble-small .fs-rg{min-width:24px;height:24px;font-size:12px}.fs-state-strip .fs-bubble-small .fs-bubble-metrics{font-size:8px}.fs-state-strip .fs-bubble-metrics>span{padding:0 2px}.fs-inspector{display:flex}.fs-route-card>.fs-map{height:270px}.fs-timeline{gap:12px}.fs-timeline b{font-size:14px}.fs-timeline>strong{font-size:12px}.fs-timeline small{font-size:11px}.fs-card-heading h2{font-size:19px}.fs-platforms{font-size:16px}.fs-spotlight{padding:12px 0}.fs-spotlight-copy h1{font-size:43px;line-height:1.12}.fs-spotlight-copy>p{font-size:18px}.fs-benefits{gap:10px}.fs-benefits>div+div{padding-left:8px}.fs-benefits h3{font-size:13px}.fs-benefits p{font-size:12px}.fs-mode-demo>.fs-card-heading{display:block}.fs-mode-demo>.fs-card-heading .fs-badge{margin-top:10px}.fs-mode-demo .fs-choices{gap:5px}.fs-mode-demo .fs-choices>button{flex:1 1 28%;font-size:11px}.fs-mode-range{grid-template-columns:78px 1fr;gap:14px}.fs-settings{grid-template-columns:1fr}.fs-settings .fs-control-row .fs-badge{display:inline-flex}.fs-settings .fs-control-row>.fs-icon{width:35px;height:35px}.fs-benefits-wide>div{display:block}.fs-benefits-wide .fs-icon{margin-bottom:10px}.fs-history-grid{grid-template-columns:1fr}.fs-choice-card{display:block;grid-column:auto}.fs-choice-card>h3{margin:15px 0}.fs-history-foot{gap:10px;flex-wrap:wrap}.fs-history-foot b{font-size:15px}.fs-history-foot>.fs-badge{margin-left:36px}.fs-history>.fs-choices>button{flex-basis:42%}.fs-record .platform-icon{display:block}.fs-record small{font-size:12px}.fs-zones-map>.fs-map{height:310px}.fs-zone-controls{display:block}.fs-zone-controls h3{font-size:17px}.fs-zone-controls .fs-button{font-size:13px}.fs-zone-legend{font-size:10px;gap:9px}.fs-zone-legend .fs-icon{width:20px;height:20px}.fs-alert-demo{padding:18px}.fs-alert-row{gap:10px}.fs-alert-row>.fs-icon{width:35px;height:35px}.fs-alert-row b{font-size:14px}.fs-alert-summary{padding:20px 15px;gap:12px}.fs-alert-summary strong{font-size:22px}.fs-alert-summary>.fs-icon{width:36px;height:36px}.fs-alert-row small{font-size:12px}.fs-alert-row em{display:inline-block}.fs-page-note{display:block}.fs-page-note>span+span{margin-top:10px}}
@media(orientation:landscape) and (max-height:600px){.fs-rail-wrap{position:static;backdrop-filter:none}.fs-rail{grid-template-columns:repeat(10,minmax(58px,1fr));overflow:auto;padding-bottom:5px}.fs-rail>button{height:54px;font-size:10px}.fs-panel{scroll-margin-top:75px}.fs-showcase{padding-top:10px}.fs-heading{margin:15px 0 24px}}
@media(prefers-reduced-motion:reduce){.fs-showcase *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Match the selected compositions without inheriting the retired map backdrop. */
#rg-features-showcase #main{position:relative;z-index:1;background:#f7faff}
.fs-showcase{max-width:1400px}
.fs-showcase h1,.fs-showcase h2,.fs-showcase p{max-width:none}
.fs-overview-hero{grid-template-columns:1.65fr 2.3fr 1fr;gap:24px}
.fs-overview-copy p{font-size:19px;line-height:1.35}
.fs-catalog-card{min-height:148px;padding:12px 18px}
.fs-catalog-preview{min-height:58px}
.fs-catalog-copy{font-size:14px}
.fs-hero-bubble .fs-expanded{padding:0;background:transparent;border:0;box-shadow:none}
.fs-hero-bubble .fs-expanded>.fs-bubble{min-height:80px;padding:8px;border:5px solid white;box-shadow:0 0 0 1px #d9e5ee,0 6px 20px #1740640a}
.fs-hero-bubble .fs-rg{height:55px;min-width:55px;border-radius:50%;font-size:24px}
.fs-hero-bubble .fs-expanded-body{background:#152334;border-radius:22px;margin:-2px 20px 0;padding:20px 22px}
.fs-multi-intro{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;margin:15px 0 22px}
.fs-multi-intro .fs-heading{margin:10px 0 0}
.fs-multi-intro h1{font-size:38px;letter-spacing:-1.3px;white-space:nowrap}
.fs-multi-intro .fs-heading p{font-size:19px}
.fs-edit-form{display:grid;gap:18px}.fs-edit-form label{display:grid;gap:6px}.fs-edit-form input,.fs-edit-form select{min-height:44px;padding:9px 12px;border:1px solid #bacbe2;border-radius:8px}
.fs-map-zones svg{transform-origin:center;transition:transform .2s}
.fs-showcase button:disabled{cursor:default;opacity:.5}
@layer fx-authoritative {
 #rg-features-showcase .fs-showcase h1{max-width:none!important}
 #rg-features-showcase .fs-multi-intro .ma-prerequisites{padding:16px!important;gap:0!important;border-color:#dce6f3!important;border-radius:14px!important}
 #rg-features-showcase .fs-multi-intro .ma-ready-heading{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important}
 #rg-features-showcase .fs-multi-intro .ma-ready-grid{gap:10px!important}
 #rg-features-showcase .fs-multi-intro .ma-ready-item{gap:8px!important}
 #rg-features-showcase .fs-multi-intro .ma-ready-item+.ma-ready-item{padding-left:10px!important}
 #rg-features-showcase .fs-multi-intro .ma-ready-art{width:38px!important;height:44px!important;flex-basis:38px!important}
 #rg-features-showcase .fs-multi-intro .ma-ready-item strong{font-size:11px!important}
 #rg-features-showcase .fs-multi-intro .ma-ready-item p{font-size:10px!important;margin:3px 0 0!important}
 #rg-features-showcase .fs-multi-intro .ma-ready-tag{display:none!important}
 #rg-features-showcase .fs-multi-app .ma-tutorial{gap:16px!important}
 #rg-features-showcase .fs-multi-app .ma-player{padding:14px 18px 18px!important;gap:12px!important;border-color:#dce6f3!important}
 #rg-features-showcase .fs-multi-app .ma-demo-tabs{width:100%!important;justify-self:stretch!important;border-radius:12px!important;padding:0!important;background:#f6f8fd!important;border-color:#dce6f3!important}
 #rg-features-showcase .fs-multi-app .ma-demo-tabs button{flex:1!important;min-width:0!important;border-radius:11px!important;color:#455c87!important}
 #rg-features-showcase .fs-multi-app .ma-demo-tabs [aria-selected=true]{color:#6130d7!important;background:#f3efff!important;border-color:#cdbafa!important}
 #rg-features-showcase .fs-multi-app .ma-demo-heading{display:none!important}
 #rg-features-showcase .fs-multi-app .ma-demo-body{grid-template-columns:minmax(300px,.8fr) minmax(0,1.55fr)!important;gap:28px!important;align-items:center!important}
 #rg-features-showcase .fs-multi-app .ma-phone-stage{padding:12px!important;background:linear-gradient(140deg,#fafdff,#eef5ff)!important;border-radius:16px!important}
 #rg-features-showcase .fs-multi-app .ma-phone{width:min(100%,310px)!important}
 #rg-features-showcase .fs-multi-app .ma-guide{gap:17px!important}
 #rg-features-showcase .fs-multi-app .ma-guide-label strong{font-size:15px!important;color:#7041ec!important;text-transform:uppercase!important}
 #rg-features-showcase .fs-multi-app .ma-step-list{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
 #rg-features-showcase .fs-multi-app .ma-step-list button{min-height:151px!important;padding:15px!important;border-color:#dce6f3!important}
 #rg-features-showcase .fs-multi-app .ma-step-list button[aria-current=step]{border-color:#8950ff!important;background:#f6f2ff!important}
 #rg-features-showcase .fs-multi-app .ma-step-list b{font-size:13px!important;color:#101a38!important}
 #rg-features-showcase .fs-multi-app .ma-step-list small{font:400 12px/1.4 var(--font-ui)!important;color:#526887!important}
 #rg-features-showcase .fs-multi-app .ma-step-description{min-height:68px!important;padding:14px!important}
 #rg-features-showcase .fs-multi-app .ma-safety{padding:14px 18px!important;background:#f5f1ff!important;border-color:#e8ddff!important}
 #rg-features-showcase .fs-multi-app .ma-safety strong{font-size:15px!important}
 #rg-features-showcase .fs-multi-app .ma-safety p{font-size:13px!important}
 #rg-features-showcase .fs-multi-app .ma-double-read{inset:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;pointer-events:none!important}
 #rg-features-showcase .fs-multi-app .ma-double-read>.mc-heading:first-child{display:none!important}
 #rg-features-showcase .fs-multi-app .ma-read-row{position:absolute!important;left:8%!important;right:8%!important;height:36px!important;border-radius:30px!important;border:1px solid var(--ma-read-fill)!important;background:white!important;padding:3px 6px!important;margin:0!important}
 #rg-features-showcase .fs-multi-app .ma-read-green{top:13%!important}
 #rg-features-showcase .fs-multi-app .ma-read-yellow{top:57%!important}
 #rg-features-showcase .fs-multi-app .ma-read-mark{border-radius:50%!important}
 #rg-features-showcase .fs-multi-app .ma-offer{inset:6% 4% 4%!important;justify-content:flex-end!important;padding:10px 12px!important}
 #rg-features-showcase .fs-multi-app .ma-offer-app{margin-bottom:auto!important}
 #rg-features-showcase .fs-multi-app .ma-pay{font-size:27px!important}
 #rg-features-showcase .fs-multi-app .ma-faq{padding:20px 4px 0!important}
 #rg-features-showcase .fs-multi-app .ma-validation{font-size:12px!important}
 @media(min-width:801px) and (max-width:1199px){
  #rg-features-showcase .fs-multi-app .ma-demo-body{align-items:start!important;row-gap:16px!important}
  #rg-features-showcase .fs-multi-app .ma-guide{display:contents!important}
  #rg-features-showcase .fs-multi-app .ma-guide-label{grid-column:1/-1!important;grid-row:1!important}
  #rg-features-showcase .fs-multi-app .ma-phone-stage{grid-column:1!important;grid-row:2/span 5!important;align-self:start!important}
  #rg-features-showcase .fs-multi-app .ma-step-list{grid-column:2!important;grid-row:2!important}
  #rg-features-showcase .fs-multi-app .ma-step-description{grid-column:2!important;grid-row:3!important}
  #rg-features-showcase .fs-multi-app .ma-progress-track{grid-column:2!important;grid-row:4!important}
  #rg-features-showcase .fs-multi-app .ma-controls{grid-column:2!important;grid-row:5!important}
  #rg-features-showcase .fs-multi-app .ma-motion-note{grid-column:2!important;grid-row:6!important}
 }
 @media(max-width:1199px){
  #rg-features-showcase .fs-multi-app .ma-demo-body{grid-template-columns:minmax(270px,.8fr) minmax(0,1.3fr)!important;gap:20px!important}
  #rg-features-showcase .fs-multi-app .ma-step-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #rg-features-showcase .fs-multi-app .ma-step-list button{min-height:125px!important}
 }
 @media(max-width:800px){
  #rg-features-showcase .fs-multi-app .ma-demo-body{grid-template-columns:1fr!important}
  #rg-features-showcase .fs-multi-app .ma-phone-stage{padding:18px!important}
  #rg-features-showcase .fs-multi-app .ma-step-list{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #rg-features-showcase .fs-multi-intro .ma-ready-art{display:none!important}
 }
 @media(max-width:520px){
  #rg-features-showcase .fs-multi-app .ma-player{padding:12px!important}
  #rg-features-showcase .fs-multi-app .ma-demo-tabs{width:100%!important}
  #rg-features-showcase .fs-multi-app .ma-demo-tabs button{min-width:0!important;flex:1!important;padding:9px!important;font-size:12px!important}
  #rg-features-showcase .fs-multi-app .ma-step-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #rg-features-showcase .fs-multi-app .ma-step-list button{padding:12px!important}
  #rg-features-showcase .fs-multi-app .ma-phone-stage{padding:8px!important}
  #rg-features-showcase .fs-multi-app .ma-phone{width:min(100%,310px)!important}
  #rg-features-showcase .fs-multi-intro .ma-prerequisites{padding:12px!important}
 }
}
@media(max-width:1199px){.fs-multi-intro{grid-template-columns:1fr}.fs-multi-intro h1{font-size:36px;white-space:normal}.fs-overview-hero{grid-template-columns:1fr 1.1fr}}
@media(max-width:800px){.fs-multi-intro h1{font-size:34px}.fs-overview-hero{grid-template-columns:1fr 1fr}.fs-catalog-card{padding:14px}.fs-hero-bubble .fs-expanded-body{margin-inline:8px;padding:16px}.fs-hero-bubble .fs-rg{height:36px;min-width:36px;font-size:18px}.fs-hero-bubble .fs-expanded>.fs-bubble{min-height:60px}}
@media(max-width:520px){.fs-overview-hero{grid-template-columns:1fr}.fs-catalog-card{min-height:145px}.fs-multi-intro{gap:18px}.fs-multi-intro h1{font-size:32px}.fs-multi-intro .fs-heading p{font-size:17px}}

/* Responsive composition and semantic controls. */
.fs-state-green{--state:#087746}.fs-state-yellow{--state:#906000}
.fs-money .fs-positive,.fs-positive{color:#087746}
.fs-bubble-tools{display:flex;gap:6px}.fs-bubble-tools>i{display:grid;place-items:center;border:1px solid #536277;border-radius:50%;width:29px;height:29px;background:#25374c}.fs-bubble-tools .fs-icon{width:19px;height:19px;color:#dce6f3}.fs-bubble-tools .fs-icon svg{width:18px!important;height:18px!important}
.fs-expanded-body p,.fs-expanded ul{font-size:16px}.fs-expanded-body{padding:13px 16px}.fs-expanded ul{margin-top:10px;padding-top:9px}
.fs-hero-bubble .fs-expanded-body{padding:16px 20px}.fs-overview-hero{margin-block:18px 20px}.fs-catalog-card{min-height:137px}.fs-catalog-preview{min-height:51px}
.fs-panel-live-bubble .fs-heading{margin-block:18px 12px}.fs-panel-live-bubble .fs-step>header{margin-top:8px}
.fs-choices>button[aria-pressed=true]{background:#0867f2;color:white;border-color:#0867f2;font-weight:700}
.fs-mode-demo [data-fs-choice="Source app"][aria-pressed=true]{background:#0b1635;border-color:#0b1635}
.fs-mode-demo [data-fs-choice="Driving mode"][aria-pressed=true]{background:#087746;border-color:#087746}
.fs-mode-preview{justify-content:space-between;padding:16px}.fs-mode-preview b{font-size:14px}.fs-mode-preview small{margin-top:4px}
.fs-mode-range input{appearance:none;background:#d5dfec;height:9px;border-radius:10px;margin-block:18px}
.fs-mode-range input::-webkit-slider-thumb{appearance:none;width:27px;height:27px;background:white;border:4px solid #00959c;border-radius:50%;box-shadow:0 1px 4px #19335520}
.fs-settings{grid-template-areas:"intro access" "data access";align-items:start;gap:24px 35px}.fs-settings>.fs-spotlight-copy{grid-area:intro}.fs-settings>.fs-data-card{grid-area:data;margin:0 0 0 80px}.fs-settings>.fs-settings-demo{grid-area:access}
.fs-control-row b{font-size:15px}.fs-control-row{padding-block:17px}.fs-control-row small{line-height:1.45}
.fs-history-reason{padding:15px;margin:16px 0;background:#f4f7fc;border:1px solid #dce6f3;border-radius:10px}.fs-history-reason b{font-size:14px}.fs-history-reason p{font-size:14px;margin-top:5px}.fs-history-reason>span{display:block;font-size:12px;color:#536784;margin-top:8px}
.fs-record-detail .fs-stats>div{align-items:baseline}.fs-record-detail .fs-stats dd{max-width:68%;text-align:right;font-size:13px}
.fs-product-notes summary{display:flex;justify-content:space-between;align-items:center;min-height:26px}.fs-product-notes summary>span{font-size:22px;color:#0867f2}.fs-product-notes[open] summary>span{transform:rotate(45deg)}
.fs-alert-illustration{display:grid;grid-template-columns:28px 1fr;gap:5px 10px;align-items:center;width:110px;flex:none;background:white;border-radius:12px;padding:13px}.fs-alert-illustration>.fs-icon{grid-row:1/3}.fs-alert-illustration>i{height:7px;background:#eaf1fb;border-radius:8px}.fs-alert-illustration>i:last-child{width:65%}
.fs-multi-limit{font-size:12px!important;margin-top:9px!important;max-width:600px!important}
@media(min-width:1200px){.fs-panel-alerts .fs-alert-summary{margin-left:-45px;margin-right:12px}.fs-panel-modes-calibration .fs-spotlight{grid-template-columns:1fr 1.27fr;gap:40px}.fs-panel-modes-calibration .fs-spotlight-copy{--fs-title-size:59px}}
@media(min-width:521px) and (max-width:1100px){.fs-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.fs-choice-card{display:block}.fs-choice-card>h3{margin:12px 0}.fs-choice-card>.fs-button{width:auto}.fs-choice-result{margin:12px 0}.fs-settings>.fs-data-card{margin:0}}
@media(max-width:800px){.fs-settings{grid-template-areas:"intro" "access" "data";grid-template-columns:1fr}.fs-settings>.fs-data-card{margin:0}.fs-inspector>.fs-card:first-child{grid-column:1/-1}.fs-settings .fs-settings-demo{grid-template-columns:1fr}.fs-choices>button{min-height:44px}.fs-equation{font-size:18px}}
@media(max-width:520px){.fs-map-layout:not(.fs-zones){display:flex;flex-direction:column}.fs-map-layout:not(.fs-zones)>.fs-inspector{display:contents}.fs-map-layout:not(.fs-zones)>.fs-inspector>.fs-card:first-child{order:-1}.fs-route-card>.fs-map{height:260px}.fs-history-foot{display:grid;grid-template-columns:28px 1fr}.fs-history-foot>.fs-badge{grid-column:2;margin:0;justify-self:start}.fs-control-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto 10px}.fs-control-row>.fs-badge{font-size:10px;padding:3px 5px}.fs-alert-illustration{display:none}.fs-alert-summary>.fs-icon:last-child{width:28px;height:28px}.fs-page-note{font-size:12px}.fs-catalog .fs-bubble-small .fs-bubble-metrics{font-size:12px}}
@layer fx-authoritative{
 #rg-features-showcase .fs-multi-app .ma-guide-label{align-items:start!important;gap:20px!important}
 #rg-features-showcase .fs-multi-app .ma-guide-label>div{flex:1}
 #rg-features-showcase .fs-multi-app .ma-guide-label h3{font:800 29px/1.2 var(--font-brand)!important;letter-spacing:-.6px!important;margin-top:7px!important;color:#0b1635!important}
 #rg-features-showcase .fs-multi-app .ma-guide-label p{font:400 11px/1.5 var(--font-ui)!important;background:#f4f7fc!important;border:1px solid #e3ebf8!important;border-radius:10px!important;padding:10px!important;max-width:185px!important}
 #rg-features-showcase .fs-multi-app .ma-phone{width:min(100%,330px)!important}
 #rg-features-showcase .fs-multi-app .ma-offer{inset:20% 4% 4%!important;justify-content:flex-start!important;padding:9px 12px!important}
 #rg-features-showcase .fs-multi-app .ma-offer-app{margin-bottom:4px!important}
 #rg-features-showcase .fs-multi-app .ma-offer-stops{display:grid;gap:4px;margin:7px 0;font-size:10px;line-height:1.3;color:#344257}
 #rg-features-showcase .fs-multi-app .ma-source-action{margin-top:auto!important;padding:6px!important;font-size:11px!important;min-height:26px!important}
 #rg-features-showcase .fs-multi-app .ma-offer-facts{font-size:12px!important}
 #rg-features-showcase .fs-multi-app .ma-read-row{display:flex!important;gap:4px!important;left:6%!important;right:6%!important;height:34px!important;padding:3px 4px!important}
 #rg-features-showcase .fs-multi-app .ma-read-row strong{font-size:10px!important;flex:1!important;white-space:nowrap!important;text-align:center!important;letter-spacing:-.1px!important}
 #rg-features-showcase .fs-multi-app .ma-read-mark{font-size:11px!important;width:23px!important;height:23px!important;min-width:23px!important}
 #rg-features-showcase .fs-multi-app .ma-read-map{display:grid!important;place-items:center!important;width:21px!important;height:23px!important;border-left:1px solid #dce6f3!important}
 #rg-features-showcase .fs-multi-app .ma-read-map .rg-icon{padding:0!important;width:18px!important;height:18px!important;background:none!important;border:0!important}
 #rg-features-showcase .fs-multi-app .ma-read-map svg{width:15px!important;height:15px!important}
 #rg-features-showcase .fs-multi-app .ma-read-green{top:12%!important}
 #rg-features-showcase .fs-multi-app .ma-read-yellow{top:56%!important}
 #rg-features-showcase .fs-multi-app .ma-read-row .sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important}
 @media(max-width:1199px){#rg-features-showcase .fs-multi-app .ma-guide-label{display:block!important}#rg-features-showcase .fs-multi-app .ma-guide-label p{max-width:none!important;margin-top:10px!important}#rg-features-showcase .fs-multi-app .ma-guide-label p br{display:none}#rg-features-showcase .fs-multi-app .ma-guide-label h3{font-size:25px!important}}
 @media(max-width:800px){
  #rg-features-showcase .fs-multi-app .ma-demo-body{display:flex!important;flex-direction:column!important;align-items:stretch!important}
  #rg-features-showcase .fs-multi-app .ma-guide{display:contents!important}
  #rg-features-showcase .fs-multi-app .ma-guide-label{order:5!important}
  #rg-features-showcase .fs-multi-app .ma-step-list{order:6!important}
  #rg-features-showcase .fs-multi-app .ma-phone-stage{order:1!important}
  #rg-features-showcase .fs-multi-app .ma-step-description{order:2!important}
  #rg-features-showcase .fs-multi-app .ma-progress-track{order:3!important}
  #rg-features-showcase .fs-multi-app .ma-controls{order:4!important}
  #rg-features-showcase .fs-multi-app .ma-motion-note{order:7!important}
 }
}
.fs-yellow{--fs-tone:#966400}
.fs-choice-result{background:#f4f7fc;border-color:#dce6f3;color:#243955}
[data-fs-history-read][data-tone=green]{color:#138c59}
[data-fs-history-read][data-tone=red]{color:#c62929}
[data-fs-history-read][data-tone=yellow]{color:#966400}
.fs-zone-pins{pointer-events:none}
.fs-state-gray .fs-bubble-metrics{white-space:normal;line-height:1.2}
.fs-state-strip .fs-bubble-small .fs-bubble-metrics{font-size:11px}
.fs-state-strip .fs-bubble-metrics>span{padding-inline:3px}
.fs-performance{margin-top:24px;padding:18px;border:1px solid #cad8ec;border-radius:12px;background:#fff}
.fs-performance pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.5 monospace}
.fs-performance button{padding:10px;margin-block:12px;border:1px solid #cad8ec;border-radius:8px}
@layer fx-authoritative {
 #rg-features-showcase #main{overflow:visible!important}
 #rg-features-showcase .fs-showcase h1{font-size:var(--fs-title-size,clamp(34px,3.7vw,57px))!important;line-height:1.08!important;letter-spacing:-.025em!important}
 #rg-features-showcase .fs-overview-copy{--fs-title-size:clamp(38px,4vw,62px)}
 #rg-features-showcase .fs-spotlight-copy{--fs-title-size:64px}
 #rg-features-showcase .fs-multi-intro{--fs-title-size:38px}
 @media(max-width:1199px){
  #rg-features-showcase .fs-overview-copy{--fs-title-size:43px}
  #rg-features-showcase .fs-spotlight-copy{--fs-title-size:48px}
  #rg-features-showcase .fs-multi-intro{--fs-title-size:36px}
 }
 @media(max-width:800px){
  #rg-features-showcase .fs-rail-wrap{top:61px!important}
  #rg-features-showcase .fs-showcase{--fs-title-size:35px}
  #rg-features-showcase .fs-overview-copy{--fs-title-size:39px}
  #rg-features-showcase .fs-spotlight-copy{--fs-title-size:43px}
  #rg-features-showcase .fs-settings .fs-spotlight-copy{--fs-title-size:39px}
  #rg-features-showcase .fs-multi-intro{--fs-title-size:34px}
  #rg-features-showcase .fs-control-row .fs-badge{display:inline-flex!important}
 }
 @media(max-width:520px){
  #rg-features-showcase .fs-showcase{--fs-title-size:32px}
  #rg-features-showcase .fs-overview-copy{--fs-title-size:39px}
  #rg-features-showcase .fs-spotlight-copy{--fs-title-size:40px}
  #rg-features-showcase .fs-multi-intro{--fs-title-size:32px}
 }
}
@media(max-width:1100px){
 .fs-state-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
 .fs-state-strip>div{grid-column:1/-1}
 .fs-state-strip .fs-bubble-small .fs-bubble-metrics{font-size:12px}
 .fs-state-strip .fs-map-bay{display:grid}
 .fs-catalog .fs-bubble-small .fs-bubble-metrics{font-size:10px}
 .fs-catalog .fs-bubble-small .fs-bubble-metrics>span{padding-inline:3px}
}
@media(min-width:521px) and (max-width:800px){
 .fs-settings{grid-template-columns:1fr}
 .fs-settings-demo{grid-template-columns:1.5fr 1fr;align-items:start}
 .fs-settings-demo>.fs-note{grid-column:1/-1}
}
@media(max-width:520px){
 .fs-state-strip{grid-template-columns:1fr;gap:10px}
 .fs-state-strip>button{padding:10px}
 .fs-state-strip .fs-bubble-small .fs-bubble-metrics{font-size:12px}
 .fs-state-strip .fs-bubble-small .fs-rg{min-width:32px;height:32px;font-size:15px}
 .fs-state-strip .fs-bubble-small{gap:5px}
 .fs-state-strip small{font-size:12px}
 .fs-rail-wrap{background:#f7faff}
 .fs-control-row{grid-template-columns:32px minmax(0,1fr) auto 10px}
 .fs-control-row small{font-size:12px}
}




.fs-custom-floors{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.fs-custom-floors .fs-mode-range{grid-template-columns:80px minmax(0,1fr);gap:10px;margin:14px 0;font-size:12px}.fs-custom-floors .fs-mode-range>output{padding:12px 3px}.fs-custom-floors .fs-range-ends{font-size:11px}
@media(max-width:600px){.fs-custom-floors{grid-template-columns:1fr}}

/* Touch-sized sliders with a light, explicit track. */
@layer fx-authoritative {
 #rg-features-showcase .fs-showcase input[type=range]{appearance:none!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;height:44px!important;min-height:44px!important;margin:2px 0!important}
 #rg-features-showcase .fs-showcase input[type=range]::-webkit-slider-runnable-track{height:7px;background:#d8e3ef;border-radius:10px}
 #rg-features-showcase .fs-showcase input[type=range]::-webkit-slider-thumb{appearance:none;width:25px;height:25px;margin-top:-9px;background:#fff;border:4px solid #00959c;border-radius:50%;box-shadow:0 1px 4px #19335520}
 #rg-features-showcase .fs-showcase input[type=range]::-moz-range-track{height:7px;background:#d8e3ef;border-radius:10px}
 #rg-features-showcase .fs-showcase input[type=range]::-moz-range-thumb{width:18px;height:18px;background:#fff;border:4px solid #00959c;border-radius:50%}
 #rg-features-showcase .fs-multi-app .ma-offers-phone{min-height:660px!important}
 #rg-features-showcase .fs-multi-app .ma-read-row{display:grid!important;grid-template-columns:22px minmax(0,1fr) minmax(0,1.18fr) minmax(0,.85fr) 18px!important;left:4%!important;right:4%!important;gap:2px!important;padding:3px!important}
 #rg-features-showcase .fs-multi-app .ma-read-row strong{font-size:10px!important;padding-inline:1px!important}
 #rg-features-showcase .fs-multi-app .ma-read-row strong+strong{border-left:1px solid #dce6f3}
 #rg-features-showcase .fs-multi-app .ma-read-mark{width:22px!important;min-width:22px!important}
 #rg-features-showcase .fs-multi-app .ma-read-map{width:18px!important}
 @media(max-width:1199px){#rg-features-showcase .fs-spotlight{align-items:start!important}#rg-features-showcase .fs-spotlight-copy{padding-top:8px}}
 @media(max-width:520px){
  #rg-features-showcase .fs-multi-intro .ma-ready-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
  #rg-features-showcase .fs-multi-intro .ma-ready-item{padding:0!important;border:0!important;min-height:0!important;display:block!important}
  #rg-features-showcase .fs-multi-intro .ma-ready-item strong{font-size:11px!important;line-height:1.4!important}
  #rg-features-showcase .fs-multi-intro .ma-ready-item p{font-size:10px!important;line-height:1.45!important}
  #rg-features-showcase .fs-multi-app .ma-guide-label{margin-bottom:0!important}
 }
}

/* Keep each proof component at a readable width instead of shrinking its content. */
.fs-map-layout,.fs-history-grid{align-items:start}
.fs-choices[aria-label="Mileage range"]>button{flex:1 1 28%}
.fs-control-row b{font-size:16px}.fs-control-row small{font-size:13px;line-height:1.5}
.fs-record small{font-size:13px}.fs-record-detail>p,.fs-choice-card>p{font-size:14px}
.fs-history-reason p{font-size:15px}.fs-history-reason span{font-size:13px}
.fs-mini-history small,.fs-mini-lines>span{font-size:12px}
.fs-catalog-copy{font-size:14px}.fs-catalog-title>.fs-icon svg{width:28px!important;height:28px!important}
.fs-control-row>.fs-icon svg,.fs-benefits .fs-icon svg{width:28px!important;height:28px!important}
.fs-icon svg{stroke-width:2.2}
.fs-next-step{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0 2px}
.fs-next-step>span{display:grid;gap:3px}.fs-next-step b{font-size:17px}.fs-next-step>span>span{color:var(--fs-muted);font-size:14px}
@layer fx-authoritative {
 #rg-features-showcase .fs-showcase h1{letter-spacing:0!important}
 @media(min-width:801px){#rg-features-showcase .fs-rail .fs-icon svg{width:28px!important;height:28px!important;stroke-width:2.2!important}}
}
@media(max-width:1199px){.fs-choices[aria-label="Cost rate"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:521px) and (max-width:1000px){
 .fs-three-steps{grid-template-columns:1fr;gap:26px}
 .fs-step,.fs-cost-steps>.fs-step{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:24px;align-items:start}
 .fs-step>header{margin-top:12px}.fs-offer .fs-bubble-metrics,.fs-expanded .fs-bubble-metrics{font-size:14px}
 .fs-expanded .fs-rg{width:39px;min-width:39px;height:39px;font-size:18px}
 .fs-expanded .fs-map-bay{width:31px;height:31px}
 .fs-alert-summary{display:grid;grid-template-columns:42px 1fr;gap:12px}
 .fs-alert-summary>.fs-icon:last-child{display:none}
 .fs-alert-summary strong{font-size:22px}
}
@media(max-width:520px){
 .fs-control-row b{font-size:15px}.fs-control-row small{font-size:13px}
 .fs-next-step{display:block;padding-top:20px}.fs-next-step .fs-button{margin-top:13px}
}
.fs-spotlight{align-items:start}
@layer fx-authoritative{
 #rg-features-showcase .fs-showcase input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,#00959c 0 var(--fs-range-progress,50%),#d8e3ef var(--fs-range-progress,50%) 100%)}
 #rg-features-showcase .fs-showcase input[type=range]::-moz-range-progress{height:7px;background:#00959c;border-radius:10px}
}
@layer fx-authoritative{
 @media(min-width:801px) and (max-width:1199px){#rg-features-showcase .fs-multi-app .ma-demo-body{grid-template-columns:350px minmax(0,1fr)!important}}
}

.fs-state-strip .fs-bubble-metrics{grid-template-columns:1fr 1.2fr .8fr}

/* Final compact-layout alignment. */
@media(max-width:520px){.fs-map-layout:not(.fs-zones){align-items:stretch}}
@media(min-width:521px) and (max-width:1000px){.fs-alert-summary>.fs-alert-illustration{display:none}}

/* Readable proof labels across the selected compositions. */
.fs-mini-lines>span{font-size:14px;min-height:28px}
.fs-mini-pills{font-size:13px}.fs-mini-history>span{font-size:14px}.fs-mini-history small{font-size:13px}
.fs-mini-mileage small{font-size:13px}.fs-mini-compare .fs-badge{font-size:12px}
.fs-mini-zones{font-size:13px;gap:12px}.fs-mini-zones>.fs-map{width:54%;height:86px}
.fs-mini-zone-key{display:grid;gap:2px}.fs-mini-zone-key>span{display:flex;align-items:center;gap:5px;white-space:nowrap}
.fs-mini-zone-key .fs-icon{height:20px;width:20px}
.fs-custom-floors .fs-mode-range{font-size:13px}.fs-custom-floors .fs-range-ends{font-size:12px}
.fs-record small{font-size:14px}.fs-record-detail>p,.fs-choice-card>p{font-size:15px}.fs-history-reason span{font-size:14px}
.fs-state-strip .fs-map-bay{display:grid;width:24px;height:24px}
.fs-state-strip .fs-bubble-small .fs-bubble-metrics{font-size:12px}
.fs-state-strip small{font-size:12px}
@media(min-width:1101px){
 .fs-state-strip{grid-template-columns:130px repeat(4,minmax(0,1fr));gap:8px;padding:16px}
 .fs-state-strip>button{padding:5px}.fs-state-strip h2{font-size:18px}
 .fs-state-strip .fs-bubble-small .fs-rg{min-width:28px;height:28px;font-size:14px}
}
@layer fx-authoritative{
 #rg-features-showcase .fs-multi-app .ma-step-list b{font-size:14px!important}
 #rg-features-showcase .fs-multi-app .ma-step-list small{font-size:13px!important;font-weight:500!important}
 #rg-features-showcase .fs-multi-intro .ma-ready-item strong{font-size:13px!important}
 #rg-features-showcase .fs-multi-intro .ma-ready-item p{font-size:12px!important}
 @media(max-width:520px){
  #rg-features-showcase .fs-multi-intro .ma-ready-grid{gap:10px!important}
  #rg-features-showcase .fs-multi-intro .ma-ready-item strong{font-size:12px!important}
  #rg-features-showcase .fs-multi-intro .ma-ready-item p{font-size:11px!important}
 }
}

.fs-native-accept[data-source="doordash"]{background:#e93026}

/* Bubble proof keeps readable metric widths between device presets. */
@media(max-width:1359px){
 #feature-panel-live-bubble .fs-state-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
 #feature-panel-live-bubble .fs-state-strip>div{grid-column:1/-1}
}
@media(max-width:699px){
 #feature-panel-live-bubble .fs-state-strip{grid-template-columns:1fr}
 #feature-panel-live-bubble .fs-step{display:block}
 #feature-panel-live-bubble .fs-step>header{margin:12px 0 15px}
}
@media(min-width:700px) and (max-width:1100px){
 #feature-panel-live-bubble .fs-three-steps{grid-template-columns:1fr;gap:26px}
 #feature-panel-live-bubble .fs-step{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:24px;align-items:center}
}
#feature-panel-live-bubble .fs-step>header{justify-content:center;text-align:center;align-self:center}
@media(min-width:1101px) and (max-width:1359px){
 #feature-panel-live-bubble .fs-three-steps{gap:22px}
 #feature-panel-live-bubble .fs-expanded .fs-bubble-metrics{font-size:14px}
 #feature-panel-live-bubble .fs-expanded .fs-bubble-metrics>span{padding-inline:4px}
 #feature-panel-live-bubble .fs-expanded .fs-rg{min-width:32px;height:32px;font-size:15px}
 #feature-panel-live-bubble .fs-expanded .fs-map-bay{width:28px;height:28px}
}
/* Requested Multi-App emphasis, shared by every feature panel. */
#feature-tab-multi-app-compare{position:relative;border:2px solid #8b5cf6;padding-top:12px}
#feature-tab-multi-app-compare[aria-selected=true]{border-color:#8b5cf6;box-shadow:0 0 0 1px #c4b5fd,0 5px 10px #7543f41a}
#feature-tab-multi-app-compare .fs-earnings-pill{position:absolute;top:-8px;left:50%;transform:translateX(-50%);border:1px solid #c4b5fd;border-radius:20px;background:#f3edff;color:#6d28d9;font-size:9px;font-weight:800;line-height:1.2;padding:2px 5px;white-space:nowrap}
#feature-panel-multi-app-compare .fs-multi-intro{grid-template-columns:1fr}
@media(max-width:800px){.fs-rail{row-gap:14px}}
@media(max-width:520px){#feature-tab-multi-app-compare .fs-earnings-pill{font-size:7px;padding:2px 3px;white-space:normal;width:58px;top:-10px}#feature-tab-multi-app-compare{padding-top:15px}}

/* Keep the requested badge readable and inside short-landscape scroll bounds. */
.fs-rail{padding-top:10px}
@media(max-width:520px){#feature-tab-multi-app-compare .fs-earnings-pill{font-size:9px;padding:1px 3px}}
@media(orientation:landscape) and (max-height:600px){.fs-rail{padding:10px 14px 5px}}
/* Reserve separate space for the wrapped phone badge above the tab icon. */
@media (max-width: 520px) {
  .fs-rail { row-gap: 30px; }
  #feature-tab-multi-app-compare .fs-earnings-pill {
    top: -24px;
    font-size: 10px;
  }
}
@media (max-width: 520px) and (orientation: landscape) and (max-height: 600px) {
  .fs-rail { padding-top: 26px; }
}

/* Selected History composition: calendar, recorded receipt and offer detail. */
.fh-heading { display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin:27px 0 14px; }
.fh-heading h1 { font-size:clamp(32px,3.45vw,53px); }
.fh-heading p { font-size:20px; }
.fh-preview { flex:none;white-space:nowrap;border:1px solid #b8c7db;border-radius:9px;padding:7px 12px;color:var(--fs-muted);font-weight:600;margin-top:6px;font-size:13px; }
.fh-workspace { display:grid;grid-template-columns:minmax(346px,.82fr) minmax(0,1.8fr);gap:16px;align-items:start; }
.fh-calendar-card,.fh-selected { border:1px solid var(--fs-line);border-radius:14px;background:#fff;padding:16px;min-width:0; }
.fh-calendar-card { padding:20px 18px; }
.fh-month { display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:10px; }
.fh-month h2 { font-size:22px; }
.fh-month button { flex-shrink:0;border:0;background:transparent;color:var(--fs-muted);font-size:35px;line-height:1;width:44px;height:44px; }
.fh-weekdays,.fh-calendar { display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0; }
.fh-weekdays span { text-align:center;font-size:11px;text-transform:uppercase;color:var(--fs-muted);padding:8px 0; }
.fh-calendar button { min-height:46px;border:0;border-radius:50%;background:transparent;color:var(--fs-ink);position:relative;justify-self:center;width:44px;font-size:14px;margin:3px 0 5px; }
.fh-calendar button:hover { background:#eef5ff; }
.fh-calendar button[aria-pressed=true] { background:var(--fs-blue);color:white; }
.fh-calendar button span { position:absolute;bottom:-11px;left:0;width:100%;color:var(--fs-blue);font-size:18px;letter-spacing:1px;line-height:14px; }
.fs-showcase .fh-calendar-note { font-size:12px;text-align:center;margin:14px 0 21px; }
.fh-calendar-note>span { color:var(--fs-blue);font-weight:800; }
.fh-day-heading { display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid var(--fs-line);padding-top:20px;margin-bottom:14px; }
.fh-day-heading h3 { font-size:16px; }.fh-day-heading>span { font-size:12px;color:var(--fs-muted); }
.fh-shift-list { display:grid;gap:12px; }
.fh-shift { display:grid;grid-template-columns:18px 26px minmax(0,1fr) auto;align-items:center;text-align:left;gap:10px;background:#fff;border:1px solid var(--fs-line);border-radius:10px;padding:12px 10px;min-height:76px;color:var(--fs-ink); }
.fh-shift[aria-pressed=true] { border-color:#3980ff;background:#f2f7ff; }.fh-shift b { display:block;font-size:14px; }.fh-shift strong { color:#07865a;display:block;font-size:17px; }.fh-shift>span:last-child { text-align:right; }.fh-shift small { font-size:11px;white-space:nowrap; }.fh-shift .fs-icon { width:26px; }
.fh-radio { width:16px;height:16px;border:1.5px solid #7b8da8;border-radius:50%; }.fh-shift[aria-pressed=true] .fh-radio { border:5px solid var(--fs-blue);background:white; }
.fh-shift-heading { display:flex;align-items:center;gap:13px;margin-bottom:12px; }.fh-shift-heading>.fs-icon { width:38px;height:38px; }.fh-shift-heading>.fs-icon svg { width:36px!important;height:36px!important; }.fh-shift-heading>div:last-child { margin-left:auto;text-align:right; }.fh-shift-heading h2 { font-size:23px; }.fh-shift-heading p { margin-top:4px;font-size:15px; }.fh-shift-heading b { font-size:18px; }
.fh-summary { display:grid;grid-template-columns:1.2fr 1.2fr .7fr;border:1px solid var(--fs-line);border-radius:10px;padding:8px 6px; }
.fh-summary>div { text-align:center;display:grid;gap:1px;padding:0 8px; }.fh-summary>div+div { border-left:1px solid var(--fs-line); }.fh-summary strong { font-size:34px;line-height:1.2;font-weight:800; }.fh-summary [data-fh-net] { color:#07865a; }.fh-summary span { color:var(--fs-muted);font-size:13px; }
.fh-tabs { display:flex;gap:14px;border-bottom:1px solid var(--fs-line);margin:0 0 8px; }.fh-tabs button { border:0;border-bottom:3px solid transparent;padding:9px 14px 7px;min-height:44px;background:transparent;color:var(--fs-muted);font-weight:700; }.fh-tabs button[aria-selected=true] { color:var(--fs-blue);border-bottom-color:var(--fs-blue); }
.fh-receipt { border:1px solid var(--fs-line);border-radius:12px;padding:20px; }.fh-receipt-math { display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:10px 0 26px;border-bottom:1px solid var(--fs-line);font-size:16px;color:var(--fs-muted); }.fh-receipt-math b { color:var(--fs-ink); }.fh-receipt-math>span:last-child b { color:#07865a; }
.fh-receipt-stats { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;padding:25px 0; }.fh-receipt-stats>div { display:grid;grid-template-columns:30px 1fr;gap:2px 8px; }.fh-receipt-stats .fs-icon { grid-row:span 2;align-self:center; }.fh-receipt-stats b { font-size:20px; }.fh-receipt-stats span:last-child { color:var(--fs-muted);font-size:13px; }.fs-showcase .fh-receipt-note { padding:14px 16px;border-radius:9px;background:#f3f6fb;color:#536784;font-size:14px; }.fh-receipt-actions { display:flex;gap:16px;margin:20px 0 14px; }.fh-receipt-actions .fs-button { background:var(--fs-blue);border-color:var(--fs-blue);color:#fff;width:100%;min-height:50px;justify-content:center; }.fs-showcase .fh-ledger-note { font-size:13px;line-height:1.5; }
.fh-filter-row { display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px; }.fh-filter-row>small { flex:none;font-size:12px; }
.fh-filters { display:flex;flex-wrap:wrap;gap:7px; }.fh-filters button { display:flex;align-items:center;gap:8px;border:1px solid var(--fs-line);border-radius:8px;padding:8px 10px;background:#fff;color:var(--fs-ink);font-weight:600;font-size:13px;min-height:44px; }.fh-filters button[aria-pressed=true] { border-color:var(--fs-blue);background:#edf4ff;color:#075bd6; }.fh-filters b { background:#edf2f8;border-radius:4px;padding:0 5px;font-size:12px; }
.fh-ledger-grid { display:grid;grid-template-columns:minmax(0,1.4fr) minmax(245px,1fr);gap:14px;align-items:start; }.fh-record-list { display:grid;gap:9px;max-height:407px;overflow:auto;padding:2px 5px 3px 2px;scrollbar-gutter:stable; }.fh-record { display:block;width:100%;border:1px solid var(--fs-line);border-radius:10px;background:white;color:var(--fs-ink);padding:10px;text-align:left; }.fh-record:hover { background:#f7faff; }.fh-record[aria-pressed=true] { border-color:var(--fs-blue);background:#f2f7ff; }.fh-record-head { display:flex;align-items:center;gap:9px; }.fh-record-head .platform-icon,.fh-record-head .platform-mark { width:30px;height:30px;flex:none; }.fh-record-head b { font-size:13px; }.fh-record-head>[data-fh-row-choice] { margin-left:auto; }
.fh-decision { display:inline-flex;align-items:center;gap:4px;border-radius:16px;padding:4px 9px;white-space:nowrap;font-size:12px;font-weight:600; }.fh-accepted { color:#087348;background:#e6f6ee; }.fh-rejected { color:#b3261e;background:#fff0f0; }
.fh-record-values { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:10px 0 5px;gap:4px; }.fh-record-values>span { text-align:center; }.fh-record-values>span+span { border-left:1px solid var(--fs-line); }.fh-record-values b { display:block;font-size:13px;white-space:nowrap; }.fh-record-values small { font-size:12px; }.fh-record-foot { display:flex;justify-content:space-between;gap:4px;font-size:12px; }.fh-record-foot>small { font-size:11px; }.fh-confident { color:#087348; }.fh-missing { color:#5e6673; }
.fh-detail { border:1px solid var(--fs-line);border-radius:10px;padding:10px;scroll-margin-top:195px; }.fh-detail-app { display:flex;gap:10px;align-items:center; }.fh-detail-app b { font-size:14px; }.fh-detail-app .platform-icon,.fh-detail-app .platform-mark { width:35px;height:35px; }.fh-detail-pay { font-size:36px;font-weight:800;display:block;line-height:1.25;margin:6px 0; }.fh-your-choice { display:flex;align-items:center;justify-content:space-between;gap:8px;background:#f3f7fb;border-radius:8px;padding:7px;font-size:12px;font-weight:700; }.fh-your-choice small { font-size:10px;font-weight:400; }.fh-facts { margin:8px 0; }.fh-facts>div { display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #edf2f8;padding:1px 0;font-size:13px;line-height:1.4; }.fh-facts dt { color:var(--fs-muted); }.fh-facts dd { margin:0;text-align:right;font-weight:700; }.fh-original-read { margin:6px 0;font-size:13px; }.fs-showcase .fh-original-read p { font-size:12px;line-height:1.4;margin-top:3px; }.fh-detail .fs-button { background:var(--fs-blue);border-color:var(--fs-blue);color:#fff;width:100%;justify-content:center;min-height:44px;font-size:13px; }.fs-showcase .fh-correction { font-size:12px;margin-top:8px;text-align:center; }.fs-showcase .fh-footer { font-size:12px;text-align:right;margin-top:8px; }
.fh-empty { display:grid;justify-items:center;text-align:center;align-content:center;gap:18px;min-height:380px; }.fh-empty .fs-icon { width:44px;height:44px; }.fh-empty p { max-width:420px; }.fh-empty .fs-button { min-height:44px; }.fh-no-matches { padding:24px 10px; }
@media(min-width:1700px){.fh-heading h1{font-size:53px}.fh-record-values b{font-size:14px}.fh-record-values small{font-size:12px}.fh-record-foot{font-size:12px}}
.fh-filter-row .fh-filters { flex:1; }
@media(max-width:1200px){.fh-filter-row{display:block}.fh-filter-row>small{display:block;text-align:right;margin-top:5px}.fh-heading{display:block}.fh-preview{display:inline-block;margin-top:12px}.fh-workspace{grid-template-columns:minmax(346px,.8fr) minmax(0,1.4fr)}.fh-ledger-grid{grid-template-columns:1fr}.fh-record-list{max-height:300px}.fh-shift{grid-template-columns:16px minmax(0,1fr) auto;gap:8px}.fh-shift>.fs-icon{display:none}.fh-receipt{padding:14px}.fh-receipt-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.fh-detail{scroll-margin-top:195px}.fh-detail-pay{font-size:32px}.fh-summary strong{font-size:24px}}
@media(max-width:1100px){.fh-workspace{grid-template-columns:1fr}.fh-calendar-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 24px}.fh-month,.fh-weekdays,.fh-calendar,.fh-calendar-note{grid-column:1}.fh-day-heading{grid-column:2;grid-row:1/3;margin:0;padding:0;border:0;align-self:start;min-height:44px}.fh-shift-list{grid-column:2;grid-row:3;align-content:start}.fh-calendar-card>[data-fh-day-empty]{grid-column:2;grid-row:3}.fh-ledger-grid{grid-template-columns:minmax(0,1.2fr) minmax(240px,1fr)}.fh-record-values{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:6px}.fh-record-values>span:nth-child(3){border:0}.fh-record-values b{font-size:13px}.fh-record-values small{font-size:11px}.fh-shift-heading h2{font-size:22px}.fh-detail{scroll-margin-top:150px}.fh-receipt-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){.fh-heading{margin:22px 0}.fh-heading h1{font-size:34px;line-height:1.12}.fh-heading p{font-size:16px}.fh-preview{font-size:12px;padding:6px 9px}.fh-calendar-card{display:block;padding:14px 12px}.fh-month h2{font-size:21px}.fh-calendar button{min-height:44px;width:44px}.fh-calendar,.fh-weekdays{margin-inline:-10px}.fh-day-heading{border-top:1px solid var(--fs-line);padding-top:18px;margin-bottom:14px}.fh-shift{grid-template-columns:18px minmax(0,1fr) auto;min-height:76px;padding:12px}.fh-shift small{font-size:12px}.fh-shift b{font-size:15px}.fh-shift strong{font-size:18px}.fh-selected{padding:14px 12px}.fh-shift-heading{gap:8px}.fh-shift-heading>.fs-icon{display:none}.fh-shift-heading h2{font-size:21px}.fh-shift-heading p{font-size:13px}.fh-shift-heading b{font-size:14px}.fh-shift-heading small{font-size:11px}.fh-summary{padding:12px 0;grid-template-columns:1.1fr 1.2fr .6fr}.fh-summary>div{padding:0 4px}.fh-summary strong{font-size:21px}.fh-summary span{font-size:10px}.fh-tabs{gap:10px}.fh-tabs button{font-size:14px;padding-inline:12px}.fh-receipt-math{display:grid;grid-template-columns:1fr auto 1fr;text-align:center;font-size:13px;gap:8px}.fh-receipt-math>span:nth-child(4){display:none}.fh-receipt-math>span:last-child{grid-column:1/-1;margin-top:5px;font-size:17px}.fh-receipt-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:20px 0}.fh-receipt-stats b{font-size:18px}.fs-showcase .fh-receipt-note,.fs-showcase .fh-ledger-note{font-size:12px}.fh-ledger-grid{grid-template-columns:1fr}.fh-filters{gap:6px}.fh-filters button{font-size:12px;padding:8px;gap:5px;flex:1 1 40%;justify-content:center}.fh-record-list{max-height:380px}.fh-record-values{grid-template-columns:repeat(4,minmax(0,1fr))}.fh-record-values b{font-size:11px}.fh-record-values small{font-size:10px}.fh-record-values>span:nth-child(3){border-left:1px solid var(--fs-line)}.fh-record-head b{font-size:14px}.fh-record-foot{font-size:12px}.fh-detail{padding:16px;scroll-margin-top:170px}.fh-detail-pay{font-size:38px}.fh-detail-app b{font-size:16px}.fh-facts>div{font-size:14px;padding:5px 0}.fh-your-choice{font-size:14px}.fh-your-choice small{font-size:11px}.fh-original-read{font-size:14px}.fs-showcase .fh-original-read p{font-size:13px}.fs-showcase .fh-correction{font-size:12px}.fh-detail .fs-button{font-size:14px}.fs-showcase .fh-footer{font-size:12px;text-align:left}.fh-empty{min-height:320px}.fh-empty h2{font-size:24px}}
@media(orientation:landscape) and (max-height:600px){.fh-detail{scroll-margin-top:85px}}

@media(min-width:601px) and (max-width:740px){.fh-calendar-card{display:block;max-width:480px;width:100%;justify-self:center}.fh-day-heading{border-top:1px solid var(--fs-line);padding-top:18px;margin-bottom:14px}.fh-calendar-card>[data-fh-day-empty]{margin-top:12px}}

/* History supporting type follows the selected ledger hierarchy. */
.fh-weekdays span,.fh-shift small,.fh-your-choice small { font-size:12px; }
.fh-day-heading>span,.fh-filter-row>small,.fh-filters b,.fh-record-values small,.fh-record-foot,.fh-record-foot>small { font-size:13px; }
.fh-summary span,.fh-filters button,.fh-decision,.fh-your-choice,.fh-facts>div,.fh-original-read,.fh-detail .fs-button { font-size:14px; }
.fh-record-head b,.fh-record-values b { font-size:15px; }
.fh-detail-app b { font-size:16px; }
.fs-showcase .fh-calendar-note,.fs-showcase .fh-original-read p,.fs-showcase .fh-correction,.fs-showcase .fh-footer { font-size:13px; }
.fh-facts>div { padding:2px 0; }
@media(max-width:600px){
 .fh-summary span{font-size:11px}
 .fh-record-values b{font-size:13px}
 .fh-record-values small{font-size:12px}
 .fh-filters button{font-size:13px}
 .fh-facts>div{padding:5px 0}
}

/* MILEAGE CUSTOM WORKSPACE BEGIN */


/* Cost B follow-up: restore the selected card hierarchy and semantic colors. */
#feature-panel-cost-model .fs-cost-eyebrow { text-align:center;text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:700;margin:28px 0 12px; }
#feature-panel-cost-model .fs-heading { margin-top:0; }
.fs-cost-steps>.fs-step { position:relative; }
.fs-cost-steps>.fs-step>header>b { background:none;border-radius:0;font-size:32px;min-width:40px; }
.fs-cost-steps>.fs-step>header { align-items:center; }
.fs-cost-steps .fs-card { padding:20px; }
.fs-cost-inputs>.fs-card-heading { flex-wrap:wrap;gap:10px;margin-bottom:16px; }
.fs-cost-inputs>.fs-card-heading h2 { font-size:20px; }
.fs-cost-inputs>.fs-card-heading .fs-choices { margin:0;flex:1 0 170px;max-width:220px;background:#f5f8ff;border:1px solid var(--fs-line);border-radius:10px;padding:3px;gap:2px; }
.fs-cost-steps [data-fs-choice][aria-pressed=true] { background:var(--fs-blue);border-color:var(--fs-blue);color:white; }
.fs-cost-inputs [data-fs-cost-simple] { border:1px solid var(--fs-line);border-radius:10px;padding:15px; }
.fs-cost-inputs [data-fs-cost-simple] .fs-choices { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px; }
.fs-cost-inputs [data-fs-cost-simple] .fs-choices button { padding:8px 4px;font-size:12px; }
.fs-cost-inputs [data-fs-cost-simple] p { font-size:13px; }
.fs-cost-steps .fs-equation { border-color:#edae54;background:#fffcf7;font-size:20px;padding:20px 10px; }
.fs-cost-steps .fs-negative { color:#d92d20; }
.fs-cost-steps .fs-positive { color:#008a4c; }
.fs-cost-steps .fs-net { background:#f3faf6;border-color:#bfe6d4; }
.fs-cost-steps .fs-money b { font-size:20px; }
.fs-cost-steps .fs-cost-basis { background:#f5f8ff;border-color:#b9d0ff;margin-top:16px; }
.fs-cost-steps .fs-cost-basis b { font-size:18px; }
.fs-showcase:has(#feature-panel-settings-and-controls:not([hidden]))>.fs-page-note { display:none; }
@media(min-width:1200px) {
  .fs-cost-steps>.fs-step:not(:last-child)::after { content:'→';position:absolute;right:-26px;top:62%;font-size:26px;color:#7184a4; }
}
@media(max-width:520px) {
  #feature-panel-cost-model .fs-cost-eyebrow { text-align:left;margin-top:18px; }
  .fs-cost-steps .fs-card { padding:16px; }
  .fs-cost-steps .fs-equation { font-size:18px; }
  .fs-cost-steps .fs-money b { font-size:18px; }
  .fs-cost-steps .fs-cost-basis b { font-size:16px; }
}

/* Cost: the app's itemized workspace, with the selected website composition. */
.fs-cost-inputs>.fs-card-heading { gap:8px; }
.fs-cost-inputs>.fs-card-heading h2 { font-size:18px; }
.fs-cost-inputs>.fs-card-heading .fs-choices { flex:0 0 148px;max-width:none; }
.fs-cost-inputs [data-fs-choice="Cost rate"] b,.fs-cost-inputs [data-fs-choice="Cost rate"] span { display:block; }
.fs-cost-steps .fs-card>h2 { font-size:22px; }
.fs-cost-steps .fs-step>header h2 { font-size:25px; }
.fc-product-note { text-align:center;margin-top:18px!important; }
.fc-advanced { display:grid;grid-template-columns:minmax(0,1.88fr) minmax(0,1fr);gap:18px;align-items:stretch; }
.fc-advanced .fs-card { padding:20px; }
.fc-heading { display:flex;align-items:center;gap:14px;margin-bottom:20px;flex-wrap:wrap; }
.fc-heading h2 { font-size:28px;flex:1 1 auto; }
.fc-heading .fs-choices { margin:0;flex:none;gap:0;background:#f5f8ff;border:1px solid var(--fs-line);border-radius:10px;padding:3px; }
.fc-heading .fs-choices button { padding:8px 15px; }
.fc-advanced .fs-choices [aria-pressed=true] { background:var(--fs-blue);border-color:var(--fs-blue);color:white; }
.fc-inputs>h3 { font-size:19px;margin-bottom:12px; }
.fc-fuel { border:1.5px solid var(--fs-blue);border-radius:11px;padding:14px;margin-bottom:12px; }
.fc-fuel-heading { display:flex;gap:12px;align-items:center; }
.fc-fuel-heading>.fs-icon { width:46px;height:46px;border-radius:50%;color:white;background:var(--fs-blue); }
.fc-fuel-heading h3 { color:var(--fs-blue);font-size:18px; }
.fc-fuel-heading p { font-size:14px;margin-top:3px; }
.fc-fuel-heading .fs-choices { margin:0 0 0 auto;flex:none;border:1px solid var(--fs-line);border-radius:25px;background:#f6f9fd;gap:0;padding:3px; }
.fc-fuel-heading .fs-choices button { border-radius:24px;min-width:65px; }
.fc-energy-controls { display:grid;grid-template-columns:1fr 1fr .75fr;gap:10px;margin-top:12px;align-items:stretch; }
.fc-stepper { display:flex;align-items:center;gap:4px;border:1px solid var(--fs-line);border-radius:10px;padding:6px; }
.fc-stepper label { display:grid;text-align:center;flex:1;font-size:12px;color:var(--fs-muted); }
.fc-input-value { display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;color:var(--fs-ink); }
.fc-input-value input { appearance:textfield;-moz-appearance:textfield;min-width:0;width:62px;text-align:right;border:0;background:transparent;font-size:16px;font-weight:800;color:var(--fs-ink);padding:6px 3px; }
.fc-input-value input::-webkit-inner-spin-button { appearance:none; }
.fc-input-value [data-fc-unit] { white-space:nowrap; }
.fc-stepper button,.fc-component-slider button { width:38px;height:38px;min-width:38px;display:grid;place-items:center;padding:0;border:1px solid var(--fs-line);border-radius:50%;background:#f8faff;color:#536784;font-size:24px;line-height:1; }
.fc-fuel-total { display:grid;align-content:center;gap:4px;text-align:center;font-size:13px;color:var(--fs-muted); }
.fc-fuel-total output { border:1px solid var(--fs-line);border-radius:8px;padding:5px;font-size:16px;font-weight:700; }
.fc-components { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
.fc-component { display:flex;align-items:flex-start;gap:12px;padding:12px;border:1px solid var(--fs-line);border-radius:10px; }
.fc-component>.fs-icon { color:#111b30;width:30px;height:30px;margin-top:2px;flex:none; }
.fc-component>.fs-icon svg { width:28px!important;height:28px!important; }
.fc-component-body { flex:1; }
.fc-component-title { display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap; }
.fc-component-title label { font-weight:800;font-size:16px; }
.fc-component-title output { font-size:14px;font-weight:700;color:var(--fs-muted);border:1px solid var(--fs-line);border-radius:6px;padding:3px 10px;min-width:88px;text-align:center; }
.fc-component p { font-size:14px;margin-top:3px; }
.fc-component-slider { display:flex;align-items:center;gap:9px;margin-top:7px; }
.fc-component-slider input { width:100%;min-width:35px; }
.fc-effective { display:flex;align-items:center;gap:10px;padding:12px;border:1.5px solid var(--fs-blue);border-radius:9px;margin-top:12px;color:var(--fs-blue); }
.fc-effective strong { font-size:16px; }
.fc-effective>span { flex:1;font-size:14px;color:var(--fs-muted); }
.fc-effective>b { white-space:nowrap;font-size:20px; }
.fc-results { display:flex;flex-direction:column;gap:12px; }
.fc-results>h2 { font-size:28px;margin:0 0 8px; }
.fc-results .fs-money { padding:17px 4px; }
.fc-results .fs-money b { font-size:21px; }
.fc-results .fs-equation { padding:22px 8px;font-size:23px;border-color:#edae54; }
.fc-results .fs-equation:has(.fs-positive) { background:#f3faf6;border-color:#bfe6d4; }
.fc-results .fs-negative { color:#d92d20; }
.fc-results .fs-positive { color:#008a4c; }
.fc-hourly { display:grid;gap:4px;padding:15px;text-align:center;border:1px solid #b9d0ff;border-radius:9px;background:#f5f8ff;color:var(--fs-muted); }
.fc-hourly b { font-size:28px;color:var(--fs-blue); }
.fc-rates { display:grid;grid-template-columns:1fr 1fr;gap:8px; }
.fc-rates>span { display:grid;gap:2px;text-align:center;padding:12px 4px;border:1px solid var(--fs-line);border-radius:8px;color:var(--fs-muted); }
.fc-rates b { font-size:19px;color:var(--fs-ink); }
.fc-results>p { text-align:center;font-size:14px;margin:2px 0 0; }
.fc-invalid { color:#bc2830!important;margin-top:10px!important; }
@layer fx-authoritative {
 #rg-features-showcase .fc-advanced input[type=range]::-webkit-slider-runnable-track { background:linear-gradient(to right,#0867f2 0 var(--fs-range-progress,50%),#d5dfed var(--fs-range-progress,50%) 100%); }
 #rg-features-showcase .fc-advanced input[type=range]::-webkit-slider-thumb { border-color:#0867f2;background:#0867f2; }
 #rg-features-showcase .fc-advanced input[type=range]::-moz-range-progress { background:#0867f2; }
 #rg-features-showcase .fc-advanced input[type=range]::-moz-range-thumb { border-color:#0867f2;background:#0867f2; }
}
/* Modes: reference hierarchy and icon language, with native six-limit Custom inputs. */
#feature-panel-modes-calibration .fs-spotlight { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px;align-items:center;padding:22px 0 32px; }
#feature-panel-modes-calibration .fs-spotlight-copy h1 { font-size:clamp(50px,4vw,62px);line-height:1.06;margin:20px 0; }
#feature-panel-modes-calibration .fs-spotlight-copy>p { font-size:20px;line-height:1.45; }
#feature-panel-modes-calibration .fs-spotlight-copy>.fs-badge { gap:7px;font-size:14px;padding:6px 12px; }
#feature-panel-modes-calibration .fs-spotlight-copy>.fs-badge .fs-icon { width:20px;height:20px; }
#feature-panel-modes-calibration .fs-benefits { margin-top:36px; }
.fs-mode-demo { border-radius:18px;padding:22px;box-shadow:0 8px 22px #17375b0d; }
.fs-mode-demo>.fs-card-heading h2 { font-size:22px; }
.fs-mode-demo .fs-choices[aria-label="Source app"] { width:max-content;max-width:100%;padding:4px;background:#f3f6fb;border:1px solid var(--fs-line);border-radius:28px;gap:0; }
.fs-mode-demo .fs-choices[aria-label="Source app"] button { min-width:120px;border:0;border-radius:23px;display:flex;align-items:center;justify-content:center;gap:8px;padding:7px 16px;font-size:14px; }
.fs-mode-demo .fs-choices[aria-label="Source app"] .platform-icon { width:20px;height:20px; }
.fs-mode-demo .fs-choices[aria-label="Source app"] [aria-pressed=true] { color:#fff;background:#111b2b; }
.fs-mode-demo .fs-choices[aria-label="Driving mode"] { gap:3px;border:1px solid var(--fs-line);padding:4px;border-radius:25px;flex-wrap:nowrap; }
.fs-mode-demo .fs-choices[aria-label="Driving mode"] button { display:flex;align-items:center;justify-content:center;gap:5px;padding:6px 7px;white-space:nowrap;font-size:14px;border:0;border-radius:22px;min-height:40px; }
.fs-mode-demo .fs-choices[aria-label="Driving mode"] .fs-icon { width:17px;height:20px; }
.fs-mode-demo .fs-choices[aria-label="Driving mode"] .fs-icon svg { width:17px!important;height:17px!important; }
.fs-mode-demo .fs-choices[aria-label="Driving mode"] [aria-pressed=true] { background:#008c68;color:white; }
.fs-mode-demo .fs-choices[aria-label="Driving mode"] [aria-pressed=true] .fs-icon { color:white; }
.fs-mode-demo [data-fs-mode-note] { font-size:16px;margin-bottom:18px; }
.fs-mode-demo .fs-custom-floors { display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;margin:20px 0; }
.fs-mode-demo .fs-mode-range { grid-template-columns:80px 1fr;gap:12px;margin:0;align-items:center; }
.fs-mode-demo .fs-mode-range>span { font-size:14px; }
.fs-mode-demo .fs-mode-range output { font-size:15px;padding:12px 3px;background:#f4f7fc; }
.fs-mode-demo .fs-range-ends { font-size:12px; }
.fs-mode-demo .fs-mode-preview { border-radius:28px;padding:8px;gap:12px;background:#fff;box-shadow:0 3px 9px #17375b08; }
.fs-mode-demo .fs-mode-preview>.fs-bubble { flex:1; }
.fs-mode-demo .fs-mode-preview>.fs-button { border-radius:25px;background:#111b2b;color:white;border-color:#111b2b;font-size:14px; }
.fs-mode-demo>.fs-note { text-align:center;font-size:14px; }
.fs-mode-summary { display:grid;gap:10px;margin:22px 0; }
.fs-mode-summary>div { display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--fs-line);border-radius:10px;background:#f8faff; }
.fs-mode-summary b { display:block;font-size:15px; }.fs-mode-summary small { margin-top:3px; }
@media(max-width:1199px) {
 .fc-advanced { grid-template-columns:1fr; }
 .fc-results { display:grid;grid-template-columns:1fr 1fr; }
 .fc-results>h2,.fc-results>p { grid-column:1/-1; }
 #feature-panel-modes-calibration .fs-spotlight { grid-template-columns:1fr;gap:26px; }
 #feature-panel-modes-calibration .fs-spotlight-copy h1 br { display:none; }
 #feature-panel-modes-calibration .fs-benefits { margin-top:20px; }
}
@media(max-width:600px) {
 .fc-advanced .fs-card { padding:16px; }
 .fc-heading h2,.fc-results>h2 { font-size:24px; }
 .fc-heading { gap:12px;margin-bottom:18px; }
 .fc-heading .fs-choices { width:100%; }
 .fc-heading .fs-badge { margin-left:auto; }
 .fc-components,.fc-results { display:grid;grid-template-columns:1fr; }
 .fc-component { gap:10px; }
 .fc-component-title output { margin-left:auto; }
 .fc-fuel-heading { flex-wrap:wrap;gap:10px; }
 .fc-fuel-heading .fs-choices { width:100%;margin:0; }
 .fc-energy-controls { grid-template-columns:1fr; }
 .fc-fuel-total { grid-template-columns:1fr 1fr;align-items:center;text-align:left; }
 .fc-fuel-total output { text-align:center; }
 .fc-stepper button,.fc-component-slider button { width:44px;height:44px;min-width:44px; }
 .fc-input-value input { width:70px; }
 .fc-effective { flex-wrap:wrap; }
 .fc-effective>span { order:3;flex-basis:100%; }
 .fc-effective>b { margin-left:auto;font-size:18px; }
 .fc-results .fs-equation { font-size:21px; }
 #feature-panel-modes-calibration .fs-spotlight-copy h1 { font-size:43px; }
 #feature-panel-modes-calibration .fs-spotlight-copy>p { font-size:18px; }
 .fs-mode-demo { padding:16px; }
 .fs-mode-demo>.fs-card-heading { display:flex;flex-wrap:wrap;gap:8px; }
 .fs-mode-demo .fs-choices[aria-label="Driving mode"] { flex-wrap:wrap;border-radius:14px; }
 .fs-mode-demo .fs-choices[aria-label="Driving mode"] button { flex:1 1 28%;min-height:44px;font-size:12px; }
 .fs-mode-demo .fs-custom-floors { grid-template-columns:1fr;gap:18px; }
 .fs-mode-demo .fs-mode-range>span { font-size:14px; }
 .fs-mode-demo .fs-mode-range output { font-size:16px; }
 .fs-mode-demo .fs-mode-preview { flex-direction:column;border-radius:14px; }
 .fs-mode-demo .fs-mode-preview>.fs-bubble { width:100%; }
 .fs-mode-demo .fs-mode-preview>.fs-button { width:100%; }
}

/* Keep dense cost controls tappable and mode values inside their value cards. */
.fc-stepper button,.fc-component-slider button { width:44px;height:44px;min-width:44px; }
.fc-stepper { gap:2px; }
.fc-input-value input { width:4.3ch;padding-inline:0;text-align:center; }
.fc-input-value input[data-fc-energy-input="efficiency"] { width:3.2ch;margin-right:4px; }
.fs-mode-demo .fs-mode-range { grid-template-columns:96px 1fr; }

#feature-panel-modes-calibration .fs-spotlight-copy h1 { --fs-title-size:clamp(50px,4vw,62px); }
@media(max-width:600px) { #feature-panel-modes-calibration .fs-spotlight-copy h1 { --fs-title-size:40px; } }

@media(min-width:1200px) {
 .fs-rail>button { font-size:14px; }
 #feature-tab-multi-app-compare .fs-earnings-pill { font-size:11px; }
 #feature-panel-modes-calibration .fs-benefits h3 { font-size:17px; }
 #feature-panel-modes-calibration .fs-benefits p { font-size:16px; }
 .fs-cost-inputs [data-fs-cost-simple] p,.fs-cost-inputs .fs-note { font-size:14px; }
}

/* A text-only uncertainty preview keeps its meaning readable on small phones. */
@layer rg-bubble-system {
 @media(max-width:600px) {
  #feature-panel-modes-calibration .fs-mode-preview .fs-bubble-metrics>span {
   font-size:13px!important;line-height:1.25!important;white-space:normal!important;
  }
  #feature-panel-modes-calibration .fs-mode-preview .fs-bubble-metrics { min-height:38px!important; }
  #feature-panel-modes-calibration .fs-mode-preview .fs-rg { width:30px!important;height:30px!important;font-size:14px!important; }
 }
}

@layer rg-bubble-system {
 @media(max-width:360px) {
  #feature-panel-modes-calibration .fs-mode-preview .fs-bubble { padding:4px!important; }
  #feature-panel-modes-calibration .fs-mode-preview .fs-bubble-metrics { grid-template-columns:minmax(min-content,1.3fr) minmax(min-content,1.2fr) minmax(min-content,.8fr)!important; }
  #feature-panel-modes-calibration .fs-mode-preview .fs-bubble-metrics>span { font-size:12px!important;word-break:normal!important;overflow-wrap:normal!important; }
 }
}

/* Approved reference follow-up: readable cards, date workspace, and tablet composition. */
.fm-mileage .fm-date-field{position:relative;margin-bottom:5px}
.fm-mileage .fm-date-field>.fs-icon{position:absolute;left:15px;top:14px;color:#4b648a;pointer-events:none}
.fm-mileage .fm-date-field input[type=date]{margin:0;padding-left:48px;color:transparent;min-height:56px}
.fm-mileage .fm-formatted-date{position:absolute;left:53px;right:42px;top:50%;transform:translateY(-50%);pointer-events:none;color:#101934;font-size:18px;font-weight:500;white-space:nowrap}
.fm-mileage .fm-date-field:focus-within .fm-formatted-date{visibility:hidden}
.fm-mileage .fm-date-field:focus-within input[type=date]{color:#101934}
.fm-mileage .fm-meter{display:block;height:27px;border-radius:4px;background:#f3f7fd;overflow:hidden}
.fm-mileage .fm-meter>span{display:block;height:100%;background:#0867f2;border-radius:4px}
.fm-mileage .fm-range-facts>div:first-child>.fs-icon{color:#4b648a}
.fm-mileage .fm-portions{padding:21px 18px;gap:18px}
.fm-mileage .fm-range-facts{padding-block:20px}
.fm-mileage .fm-review-link{margin-top:20px}
.fh-filters .fs-icon{width:17px;height:17px}.fh-filters .fs-icon svg{width:17px!important;height:17px!important}
.fh-your-choice:has(.fh-accepted){background:#eaf7f0}.fh-your-choice:has(.fh-rejected){background:#fff2f2}
.fh-detail-label{font-size:14px!important;margin-top:14px!important}
.fh-detail{padding:16px}.fh-facts>div{padding:4px 0}
#feature-panel-alerts .fs-alert-demo{border-radius:28px;padding:26px}
#feature-panel-alerts .fs-alert-demo>.fs-card-heading h2{font-size:36px;font-weight:900}
#feature-panel-alerts .fs-alert-demo>.fs-card-heading{margin-bottom:0}
#feature-panel-alerts .fs-alert-demo>p{font-size:18px}
#feature-panel-alerts .fs-alert-controls{border:1px solid var(--fs-line);border-radius:16px;padding:0 16px 12px}
#feature-panel-alerts .fs-alert-row{padding:16px 0}
#feature-panel-alerts .fs-alert-row b{font-size:17px}
#feature-panel-alerts .fs-alert-row small{font-size:15px}
#feature-panel-alerts .fs-quiet-time{border:1px solid var(--fs-line);border-radius:10px;padding:4px 12px;margin-top:12px;font-size:15px}
#feature-panel-alerts .fs-benefits{text-align:center}
#feature-panel-alerts .fs-benefits .fs-icon{margin-inline:auto}
#feature-panel-alerts .fs-alert-trust{margin-top:18px}
#feature-panel-alerts .fs-alert-trust b{font-size:15px}
#feature-panel-alerts .fs-alert-trust small{font-size:14px}
@media(min-width:1200px){
 .fm-mileage h2{font-size:28px}.fm-mileage .fm-range-tiles>button{min-height:106px}
 .fm-mileage .fm-card{padding:26px 28px}.fm-mileage form{gap:9px}
 #feature-panel-alerts .fs-spotlight{grid-template-columns:1fr 1fr;gap:85px}
 #feature-panel-alerts .fs-spotlight-copy{--fs-title-size:clamp(62px,5.2vw,80px)}
 #feature-panel-alerts .fs-spotlight-copy>p{font-size:25px}
 #feature-panel-alerts .fs-benefits h3{font-size:17px}
 #feature-panel-alerts .fs-benefits p{font-size:16px}
 #feature-panel-alerts .fs-alert-summary{margin-left:-70px;margin-right:24px;min-height:120px}
 #feature-panel-alerts .fs-alert-summary strong{font-size:28px}
 #feature-panel-alerts .fs-alert-illustration{width:140px}
}
@media(min-width:601px) and (max-width:1100px){
 #feature-panel-alerts .fs-spotlight{grid-template-columns:1fr;gap:28px}
 #feature-panel-alerts .fs-spotlight-copy h1{--fs-title-size:48px}
 #feature-panel-alerts .fs-spotlight-copy h1 br{display:none}
 #feature-panel-alerts .fs-benefits{margin-top:24px}
 #feature-panel-alerts .fs-alert-demo{max-width:720px;width:100%;margin:auto}
 #feature-panel-alerts .fs-alert-summary{display:flex}
 #feature-panel-alerts .fs-alert-summary>.fs-alert-illustration{display:grid}
}
@media(max-width:520px){
 .fm-mileage .fm-formatted-date{font-size:16px}
 .fm-mileage .fm-portion>.fm-meter{grid-row:2;grid-column:1/-1}
 .fm-mileage .fm-portions{padding:16px}
 .fm-mileage .fm-range-facts{padding-block:15px}
 #feature-panel-alerts .fs-alert-demo{padding:18px;border-radius:18px}
 #feature-panel-alerts .fs-alert-demo>.fs-card-heading{flex-wrap:wrap;gap:10px}
 #feature-panel-alerts .fs-alert-demo>.fs-card-heading h2{font-size:30px}
 #feature-panel-alerts .fs-alert-controls{padding:0 10px 10px}
 #feature-panel-alerts .fs-alert-row{gap:8px}
 #feature-panel-alerts .fs-alert-row>.fs-icon{width:30px;height:30px}
 #feature-panel-alerts .fs-alert-row b{font-size:14px}
 #feature-panel-alerts .fs-alert-row small{font-size:12px}
 #feature-panel-alerts .fs-quiet-time{padding:5px 8px;flex-wrap:wrap;font-size:13px}
 #feature-panel-alerts .fs-alert-trust b{font-size:13px}
 #feature-panel-alerts .fs-alert-trust small{font-size:12px}
}

/* Composition detail pass: preserve the selected reference's grouped controls and density. */
.fm-mileage input[type=date]::-webkit-calendar-picker-indicator{position:absolute;left:13px;width:26px;opacity:0;cursor:pointer}
.fs-mini-range-labels{display:flex!important;gap:4px;font-size:12px!important;margin-top:5px}
.fs-mini-range-labels>*{padding:3px 8px;border-radius:7px;background:#f0f5ff;font-weight:500}
.fs-mini-range-labels>b{color:#0867f2;background:#e3efff}
.fs-settings-demo>.fs-card:first-child{counter-reset:access-step}
.fs-settings-demo>.fs-card:first-child>.fs-control-row{counter-increment:access-step;position:relative;border:1px solid var(--fs-line);border-top:0;padding:14px 12px;gap:11px}
.fs-settings-demo>.fs-card:first-child>.fs-control-row:first-of-type{border-top:1px solid var(--fs-line);border-radius:12px 12px 0 0;margin-top:15px}
.fs-settings-demo>.fs-card:first-child>.fs-control-row:last-child{border-radius:0 0 12px 12px}
.fs-settings-demo>.fs-card:first-child>.fs-control-row:before{content:counter(access-step);display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;color:#0867f2;background:#eaf3ff;font-size:16px;font-weight:800}
.fs-settings .fs-data-card>.fs-control-row{border:1px solid var(--fs-line);border-radius:11px;margin-top:8px;padding:12px 10px}
.fs-settings-demo>.fs-card:last-of-type>.fs-control-row{border:1px solid var(--fs-line);border-radius:12px;margin-top:15px;padding:16px 12px}
.fs-settings-demo>.fs-card:last-of-type>.fs-control-row>.fs-icon{width:48px;height:48px}
.fs-zone-controls .fs-control-heading>.fs-icon{width:44px;height:44px;border-radius:50%;background:color-mix(in srgb,var(--fs-tone) 10%,white)}
.fs-zone-controls .fs-zone-item{background:#faf8ff;border-color:#d6ccf4}
.fs-zones-map .fs-zone-legend{border:1px solid var(--fs-line);border-radius:10px;padding:13px;margin-top:12px}
@media(min-width:1200px){
 .fs-catalog-card{padding:10px 16px;min-height:146px}
 .fs-catalog .fs-money{padding:4px 5px;font-size:12px}.fs-catalog .fs-money b{font-size:20px;line-height:1.25}
 .fs-catalog .fs-mini-history>span{margin:0;min-height:25px}.fs-catalog .fs-mini-history .platform-icon{width:24px;height:24px}
 .fs-catalog .fs-mini-zones>.fs-map{height:56px}.fs-catalog .fs-mini-zone-key{font-size:10px;line-height:1.15}
 .fs-catalog .fs-mini-zone-key .fs-icon{width:17px;height:15px}.fs-catalog .fs-mini-zone-key .fs-icon svg{width:15px!important;height:15px!important}
 .fs-catalog .fs-mini-compare>span{padding:3px 5px}.fs-catalog .fs-mini-compare .fs-badge{padding:1px 6px}
 .fs-settings .fs-control-row b{font-size:16px}.fs-settings .fs-control-row small{font-size:14px}
 .fs-settings .fs-control-row>.fs-badge{font-size:12px}
 .fs-settings .fs-card>h2{font-size:26px}
 .fs-settings>.fs-data-card{margin-left:100px}
 .fs-zone-controls h3{font-size:17px}.fs-zone-controls p{font-size:14px}
}
@media(max-width:1100px){
 .fs-settings{grid-template-areas:"intro" "access" "data";grid-template-columns:1fr}
 .fs-settings>.fs-data-card{margin:0}
 .fs-settings .fs-settings-demo{grid-template-columns:1fr}
 .fs-settings .fs-spotlight-copy h1 br{display:none}
}
@media(max-width:520px){
 .fs-settings-demo>.fs-card:first-child>.fs-control-row{display:grid;grid-template-columns:22px 28px minmax(0,1fr) 10px;gap:7px;padding:12px 9px}
 .fs-settings-demo>.fs-card:first-child>.fs-control-row:before{width:22px;height:22px;font-size:14px}
 .fs-settings-demo>.fs-card:first-child>.fs-control-row>.fs-icon{width:28px;height:28px}
 .fs-settings-demo>.fs-card:first-child>.fs-control-row>.fs-badge{grid-column:3;justify-self:start;margin-top:2px}
 .fs-settings-demo>.fs-card:first-child>.fs-control-row>span:last-child{grid-column:4;grid-row:1}
 .fs-settings-demo>.fs-card:last-of-type>.fs-control-row>.fs-icon{width:30px;height:30px}
 .fs-zones-map .fs-zone-legend{padding:10px}
}

/* Continuous texture across responsive map framing; vector pins retain their proportions. */
.fs-map-zones>svg{background:#edf1ee url("/assets/generated/offer-map-texture-900x600.webp") center/cover no-repeat}
.fs-map-zones>svg>rect,.fs-map-zones>svg>path{display:none}

/* Rich overview previews share the expanded panels' icons, records and state language. */
.fo-catalog.fs-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.fo-catalog .fo-card{padding:20px;min-height:0;gap:0;justify-content:flex-start}
.fo-catalog .fs-catalog-title{font-size:20px;margin-bottom:16px}
.fo-catalog .fs-catalog-preview{width:100%;flex:1;min-height:0}
.fo-catalog .fs-catalog-copy{font-size:14px;margin-top:16px;line-height:1.5}
.fo-catalog .fs-icon{width:22px;height:22px}
.fo-catalog .fs-icon svg{width:21px!important;height:21px!important}
.fo-catalog .fs-catalog-title>.fs-icon{width:34px;height:34px}
.fo-catalog .fs-catalog-title>.fs-icon svg{width:27px!important;height:27px!important}
.fo-catalog small{font-size:12px;line-height:1.45;font-weight:400}
.fo-catalog b{font-weight:750}
.fo-line{display:flex;align-items:center;gap:9px;min-height:30px;font-size:13px}
.fo-line>small{margin-left:auto}
.fo-live{display:flex;flex-direction:column;justify-content:center;gap:20px;height:100%}
.fo-live-states{display:flex;flex-wrap:wrap;gap:6px}
.fo-live-states .fs-badge{font-size:11px}
.fo-mileage{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:16px}
.fo-mileage>.fs-map{height:92px;width:100%}
.fo-mileage strong{font-size:28px;line-height:1.2}
.fo-range-labels{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.fo-range-labels>span{font-size:12px;padding:4px 10px;background:#f0f5ff;border-radius:7px;color:#35557e}
.fo-range-labels>span:first-child{background:#e3efff;color:#0867f2}
.fo-cost-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fo-cost-options>span{display:flex;gap:10px;padding:12px 10px;border:1px solid var(--fs-line);border-radius:10px}
.fo-cost-options b{font-size:15px}
.fo-cost-parts{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin:14px 0}
.fo-cost-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--fs-line);padding-top:12px}
.fo-cost-totals>span{display:grid;grid-template-columns:22px 1fr;gap:2px 5px;align-items:center;padding-inline:8px}
.fo-cost-totals>span+span{border-left:1px solid var(--fs-line)}
.fo-cost-totals b{grid-column:1/-1;font-size:21px}
.fo-modes{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}
.fo-modes>span{display:flex;align-items:center;gap:10px;padding:9px 0}
.fo-modes>span:first-child{grid-column:1/-1;border-bottom:1px solid var(--fs-line);padding:2px 0 13px}
.fo-modes b{font-size:14px}
.fo-settings{display:block}
.fo-section-label{display:block;font-size:13px;margin:12px 0 7px;color:#425b7b}
.fo-section-label:first-child{margin-top:0}
.fo-settings>.fo-line{border-bottom:1px solid #edf2f8;min-height:34px}
.fo-data-options{display:flex;flex-wrap:wrap;gap:8px 14px;border-bottom:1px solid #edf2f8;padding-bottom:8px}
.fo-history{display:block}
.fo-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:14px}
.fo-section-heading>small{text-align:right;font-size:11px}
.fo-shift-heading{display:flex;align-items:center;gap:12px;margin:13px 0}
.fo-shift-heading>span:last-child>b{font-size:15px}
.fo-shift-heading small{font-size:11px}
.fo-date{display:grid;place-items:center;background:#e9f3ff;color:#0867f2;border-radius:9px;width:42px;height:46px;flex:none;line-height:1}
.fo-date small{font-size:10px;color:inherit;line-height:1}
.fo-date>b{font-size:23px}
.fo-shift-metrics{display:grid;grid-template-columns:1.25fr 1fr .65fr;padding:10px 0;border-block:1px solid var(--fs-line)}
.fo-shift-metrics>span{padding-inline:10px}
.fo-shift-metrics>span:first-child{padding-left:0}
.fo-shift-metrics>span+span{border-left:1px solid var(--fs-line)}
.fo-shift-metrics b{font-size:21px}
.fo-shift-metrics>span:first-child>b,.fo-late-shift>span:last-child>b{color:#00865b}
.fo-late-shift{display:flex;align-items:center;justify-content:space-between;padding:10px 0;gap:10px;font-size:13px}
.fo-late-shift>span:last-child{text-align:right}
.fo-late-shift small{font-size:11px}
.fo-offer-heading{border-top:1px solid var(--fs-line);padding-top:12px;margin-bottom:9px}
.fo-records{display:block}
.fo-records>span{display:grid;grid-template-columns:24px minmax(0,1fr) auto auto;align-items:center;gap:8px;font-size:12px;padding:7px 0}
.fo-records .platform-icon{width:24px;height:24px}
.fo-records .fs-badge{padding:3px 7px;font-size:10px}
.fo-records small{font-size:10px}
.fo-records>span>span:last-child{text-align:right}
.fo-zones{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(114px,1fr);align-items:center;gap:20px}
.fo-zones>.fs-map{height:176px;width:100%}
.fo-zone-key{display:grid;gap:12px}
.fo-zone-key>.fo-line{min-height:26px;gap:10px;font-size:14px}
.fo-zone-note{display:block;margin-top:14px}
.fo-alerts{display:block}
.fo-alerts>span:not(.fo-quiet-hours){display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--fs-line);padding:10px 0;min-height:49px}
.fo-alerts>span:first-child{padding-top:0}
.fo-alerts b{font-size:13px}
.fo-alerts small{font-size:11px}
.fo-alerts .fs-mini-switch{margin-left:auto;flex:none}
.fo-quiet-hours{display:flex;align-items:center;gap:9px;padding-top:12px;font-size:12px;color:var(--fs-muted)}
.fo-quiet-hours b{display:block;color:var(--fs-ink);font-size:12px}
.fo-catalog .fo-card-multi{grid-column:1/-1;border:2px solid #a285ff;background:linear-gradient(110deg,#fff 48%,#faf7ff);padding:22px 26px}
.fo-card-multi:hover{border-color:#7539e8}
.fo-multi-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:38px;max-width:870px;margin:auto}
.fo-multi-phone{display:block;max-width:326px;width:100%;justify-self:center;background:#eaf1f4;border:7px solid #172438;border-radius:31px;padding:0 9px 10px;box-shadow:0 12px 24px #15234512}
.fo-phone-top{display:flex;align-items:center;justify-content:space-between;padding:9px 8px 8px;font-size:10px;line-height:1}
.fo-phone-half{display:block;background:white;border-radius:12px;padding:10px 8px 8px}
.fo-phone-app{display:flex;align-items:center;gap:7px;font-size:12px}
.fo-phone-app .platform-icon{width:22px;height:22px}
.fo-phone-pay{display:block;font-size:27px;line-height:1.25;font-weight:800;margin-top:5px}
.fo-phone-half>small{font-size:11px}
.fo-phone-verdict{display:flex;align-items:center;gap:7px;margin:8px 0}
.fo-phone-verdict>.fs-badge{font-size:10px;padding:2px 6px}
.fo-phone-verdict>small{font-size:10px}
.fo-split-handle{display:block;width:34px;height:3px;border-radius:2px;background:#536784;margin:7px auto}
.fo-phone-home{display:block;width:90px;height:3px;border-radius:3px;background:#172438;margin:10px auto 0}
.fo-multi-story{display:flex;flex-direction:column;gap:16px}
.fo-pro-label{color:#7539e8;font-size:12px;font-weight:700}
.fo-multi-story>strong{font-size:clamp(25px,2.4vw,34px);font-weight:800;line-height:1.15}
.fo-multi-story>span:not(.fo-pro-label):not(.fo-multi-steps):not(.fo-open-guide){font-size:15px;color:var(--fs-muted)}
.fo-multi-steps{display:grid;gap:16px;margin-top:4px}
.fo-multi-steps>span{display:flex;align-items:start;gap:11px;font-size:14px;font-weight:700}
.fo-multi-steps>span>b{display:grid;place-items:center;width:25px;height:25px;flex:none;border-radius:50%;background:#eee7ff;color:#7539e8;font-size:12px}
.fo-multi-steps small{margin-top:2px}
.fo-open-guide{color:#7539e8;font-size:14px;font-weight:750;margin-top:4px}
.fo-card-multi>.fs-catalog-copy{text-align:center}
.fs-showcase>.fo-bottom-note{display:block;text-align:center;padding-top:17px;margin-top:24px;line-height:1.6}
.fo-bottom-note>span{display:block;max-width:760px;margin:auto}
@media(max-width:900px){
 .fo-catalog .fo-card{padding:17px}
 .fo-cost-options{gap:8px}.fo-cost-options>span{gap:7px;padding:10px 8px}
 .fo-cost-parts{gap:5px 8px}.fo-cost-parts .fo-line{gap:6px;font-size:12px}
 .fo-modes{grid-template-columns:1fr;gap:5px}.fo-modes>span{gap:10px;padding:6px 0}.fo-modes>span:first-child{grid-column:auto;padding-bottom:10px}.fo-modes small{font-size:11px}
 .fo-catalog .fo-card-multi{padding:20px}
 .fo-multi-layout{gap:25px;grid-template-columns:1fr 1fr}
 .fo-multi-story{gap:14px}.fo-multi-story>strong{font-size:28px}
}
@media(max-width:620px){
 .fo-catalog.fs-catalog{grid-template-columns:1fr}
 .fo-catalog .fo-card-multi{grid-column:auto;padding:17px}
 .fo-multi-layout{grid-template-columns:1fr;gap:25px}
 .fo-multi-story{grid-row:1}.fo-multi-story>strong{font-size:28px}
 .fo-multi-steps{gap:12px}.fo-multi-phone{max-width:326px}
 .fo-zones>.fs-map{height:170px}
}
@media(max-width:360px){
 .fo-catalog .fo-card{padding:14px}
 .fo-cost-options>span{display:block}.fo-cost-options .fs-icon{margin-bottom:5px}
 .fo-cost-totals>span{padding-inline:4px}.fo-cost-totals b{font-size:18px}
 .fo-cost-totals small{font-size:10px}.fo-modes{grid-template-columns:1fr}.fo-modes>span:first-child{grid-column:auto}
 .fo-records>span{grid-template-columns:22px 1fr auto;gap:6px}
 .fo-records>span>span:last-child{grid-column:2/-1;display:flex;align-items:center;gap:8px;text-align:left}
 .fo-shift-metrics b{font-size:18px}.fo-shift-metrics small{font-size:10px}
 .fo-zone-key>.fo-line{font-size:13px}.fo-zones{gap:12px;grid-template-columns:1fr 108px}
}

/* Preserve all three metrics and the map bay in the smallest catalog phone. */
@layer rg-bubble-system {
 .fo-multi-phone .fs-bubble { gap:4px!important;padding:4px!important; }
 .fo-multi-phone .fs-bubble-metrics { gap:2px!important;padding:2px!important; }
 @media(max-width:360px) {
  .fo-multi-phone .fs-bubble { gap:3px!important;padding:3px!important; }
 }
}
@media(max-width:360px){
 .fo-multi-phone{border-width:5px;padding-inline:4px}
 .fo-phone-half{padding-inline:4px}
}

/* Stack the paired-app demonstration before its phone would squeeze the time metric. */
@media(min-width:621px) and (max-width:700px){
 .fo-multi-layout{grid-template-columns:1fr;gap:24px}
 .fo-multi-story{grid-row:1}
}

/* Shared comparison anatomy: one overlay bridges Android's split divider. */
.mc-comparison{background:#fff;border:1.5px solid #b5a0f1;border-radius:16px;box-shadow:0 5px 16px #20345318;padding:7px}
.mc-heading{display:flex;align-items:center;justify-content:space-between;gap:4px;color:#6840c6;font-size:9px;line-height:1.4}
.mc-heading small{font-size:8px;background:#f1ebff;border-radius:5px;padding:2px 4px;white-space:nowrap}
.mc-read-group{display:block;margin-top:5px}
.mc-read-group+.mc-read-group{border-top:1px solid #e7eaf0;padding-top:6px;margin-top:6px}
.mc-source{display:flex;align-items:center;gap:5px;font-size:10px;line-height:1.3;margin-bottom:4px;color:#172033}
.mc-source .platform-icon{width:17px;height:17px;min-width:17px}
.mc-source>small{margin-left:auto;font-size:9px;color:#626d80}
.mc-source>.mc-verdict-strong{color:#087943}.mc-source>.mc-verdict-caution{color:#946400}
.fo-multi-phone{border-color:#111821;padding:0 0 10px;overflow:hidden}
.fo-phone-top{padding-inline:12px}
.fo-phone-split{display:grid;position:relative;height:510px;grid-template-rows:minmax(0,1fr) 8px minmax(0,1fr)}
.fo-phone-half{display:flex;position:relative;border-radius:0;padding:9px;background:#eaf1f4}
.fo-phone-half::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.6;background:linear-gradient(70deg,transparent 36%,#cfdee5 36.5%,#cfdee5 38%,transparent 38.5%),linear-gradient(155deg,transparent 59%,#fff 59.5%,#fff 61%,transparent 61.5%)}
.fo-native-offer{display:flex;flex-direction:column;position:relative;width:100%;background:#fff;border-radius:12px;border:1px solid #e0e7ec;padding:9px;align-self:flex-start;box-shadow:0 4px 10px #2237500a}
.fo-phone-doordash .fo-native-offer{align-self:flex-end}
.fo-native-offer>small{display:block;font-size:10px;line-height:1.5;color:#526887}
.fo-source-action{display:block;text-align:center;background:#111;color:#fff;border-radius:7px;font-size:11px;font-weight:800;padding:7px;margin-top:8px}
.fo-phone-doordash .fo-source-action{background:#e52612;border-radius:999px}
.fo-split-divider{display:grid;place-items:center;background:#10151e}
.fo-split-divider>i{width:30px;height:2px;background:#9ca5b4;border-radius:3px}
.fo-comparison{position:absolute;z-index:2;top:50%;left:5px;right:5px;transform:translateY(-50%)}
.fo-phone-home{margin-top:10px}
@layer fx-authoritative{
 #rg-features-showcase .fs-multi-app .ma-offers-phone .ma-divider{background:#10151e!important}
 #rg-features-showcase .fs-multi-app .ma-double-read{inset:calc(50% - 81px) 2% auto!important;padding:7px!important;background:#fff!important;border:1.5px solid #b5a0f1!important;box-shadow:0 5px 16px #20345318!important;border-radius:16px!important}
 #rg-features-showcase .fs-multi-app .ma-double-read>.mc-heading:first-child{display:flex!important;margin:0!important;gap:4px!important;font-size:9px!important}
 #rg-features-showcase .fs-multi-app .ma-double-read>.mc-heading>small{color:#6840c6!important;font-weight:700!important}
 #rg-features-showcase .fs-multi-app .ma-read-row{position:relative!important;inset:auto!important;height:auto!important;margin:0!important}
 #rg-features-showcase .fs-multi-app .ma-offer{inset:2% 4% auto!important;height:174px!important;padding:9px 11px!important}
 #rg-features-showcase .fs-multi-app .ma-offer-doordash{inset:auto 4% 3%!important}
 #rg-features-showcase .fs-multi-app .ma-offer-doordash .ma-source-action{border-radius:999px!important}
 #rg-features-showcase .fs-multi-app .ma-choose-one{bottom:0!important;padding:5px!important;font-size:10px!important;left:4%!important;right:4%!important;border-radius:8px!important}
 #rg-features-showcase .fs-multi-app [data-step="5"] .ma-gesture{opacity:0}
}
@media(max-width:360px){
 .fo-phone-half{padding-inline:6px}.fo-native-offer{padding-inline:7px}
 .fo-comparison{left:3px;right:3px;padding:5px}
}

@media(max-width:520px){#feature-tab-multi-app-compare .fs-earnings-pill{width:66px}}
@layer fx-authoritative{
 @media(max-width:360px){
  #rg-features-showcase .fs-multi-app .ma-player{padding:8px!important}
  #rg-features-showcase .fs-multi-app .ma-phone-stage{padding:3px!important}
 }
}
@layer rg-bubble-system{
 @media(max-width:520px){
  #rg-features-showcase .fs-multi-app .ma-read-row{grid-template-columns:22px minmax(0,1fr) 20px!important;gap:3px!important;padding:3px!important}
  #rg-features-showcase .fs-multi-app .ma-read-mark{width:22px!important;height:22px!important}
  #rg-features-showcase .fs-multi-app .ma-read-map{width:20px!important;height:22px!important}
  #rg-features-showcase .fs-multi-app [data-ma-demo=offers]:is([data-step="4"],[data-step="5"]) .ma-read-yellow{grid-template-columns:22px minmax(0,1fr)!important}
 }
}

/* Approved Mileage tax workspace: deterministic UI, local sample records. */
.mt-mileage{--mt-line:#d1e1f7;--mt-muted:#5d7096;--mt-blue:#0867f2;--mt-green:#08762c;font-family:var(--font-ui),Manrope,sans-serif;color:#0b1531}
.mt-mileage *{box-sizing:border-box}.mt-mileage [hidden]{display:none!important}.mt-mileage button,.mt-mileage input,.mt-mileage select{font:inherit}.mt-mileage button{cursor:pointer}.mt-mileage :is(button,a,input,select):focus-visible{outline:3px solid #74a6fb;outline-offset:3px}.mt-mileage p,.mt-mileage small{color:var(--mt-muted);font-weight:400}.mt-mileage a{color:var(--mt-blue)}
.mt-mileage .mt-heading{margin:26px 0 22px}.mt-mileage .mt-heading h1{font-family:var(--font-brand),Poppins,sans-serif;font-size:clamp(32px,4.55vw,56px);line-height:1.12;font-weight:900;letter-spacing:0;margin:0}.mt-mileage .mt-heading p{font-size:clamp(18px,2.3vw,26px);line-height:1.45;margin:7px 0 0}
.mt-icon{display:inline-block;width:24px;height:24px;flex:none;vertical-align:middle}.mt-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:0 0 23px}.mt-benefits>div{display:flex;gap:14px;align-items:flex-start}.mt-benefits>div>.mt-icon{width:33px;height:33px;color:#0867f2;margin-top:3px}.mt-benefits b{font-size:16px;line-height:1.35;display:block}.mt-benefits small{display:block;font-size:14px;line-height:1.4;margin-top:4px}.mt-benefits>div>i{font-style:normal;color:#7d90b1;font-size:30px;margin:0 0 0 auto}.mt-step-number{width:40px;height:40px;border-radius:50%;background:#0867f2;display:grid;place-items:center;color:white;font-size:22px;flex:none}.mt-benefits>div:nth-child(2) .mt-step-number{background:#00aa57}.mt-benefits>div:nth-child(2)>.mt-icon{color:#00aa57}.mt-benefits>div:nth-child(3) .mt-step-number{background:var(--plan-pro,#ca5800)}.mt-benefits>div:nth-child(3)>.mt-icon{color:var(--plan-pro,#ca5800)}
.fm-mileage .mt-range-tiles{margin-bottom:14px;gap:9px}.fm-mileage .mt-range-tiles>button{min-height:92px;border-radius:8px;border-color:var(--mt-line);font-size:16px;padding:10px 6px;gap:5px}.fm-mileage .mt-range-tiles strong{font-size:21px}.fm-mileage .mt-range-tiles small{font-size:14px}.mt-range-tiles .mt-icon{width:18px;height:18px}.fm-mileage .mt-range-tiles [aria-selected=true]{background:#e7f3ff;border-color:#0867f2}
.mt-workspace{display:grid;grid-template-columns:minmax(230px,.4fr) minmax(0,1fr);gap:14px;align-items:stretch}.mt-view-custom{grid-template-columns:minmax(250px,.42fr) minmax(0,1fr)}.mt-view-shift{grid-template-columns:minmax(250px,.42fr) minmax(0,1fr)}
.mt-card{border:1px solid var(--mt-line);border-radius:9px;background:#fff;min-width:0;padding:18px}.mt-mileage .mt-card h2{font:800 24px/1.25 var(--font-ui),Manrope,sans-serif;margin:0}.mt-mileage .mt-card h3{font:800 16px/1.3 var(--font-ui),Manrope,sans-serif;margin:0}.mt-sidebar>p{font-size:15px;line-height:1.45;margin:8px 0 16px}.mt-results{padding:17px}.mt-results-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:10px}.mt-results-header p{font-size:15px;line-height:1.4;margin:4px 0 0}.mt-results-header>a{font-size:13px;white-space:nowrap;margin-top:4px}.mt-platforms{display:flex;align-items:center;gap:8px;font-size:14px;flex-wrap:wrap}.mt-platforms .platform-mark,.mt-platforms .platform-icon{width:28px;height:28px}.mt-platforms>span:not(.platform-mark):not(.platform-icon){margin-right:10px}
.mt-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:8px 0 10px}.mt-metrics>div{display:flex;align-items:center;gap:12px;border:1px solid #d1e5ff;border-radius:7px;padding:12px;background:#f1f8ff;min-width:0}.mt-metrics>div>span:last-child{min-width:0}.mt-metrics .mt-mile-total>.mt-icon,.mt-dollar{width:62px;height:62px;flex:none;border-radius:50%;background:#d6e8ff;color:#0867f2;padding:15px}.mt-metrics .mt-tax-total{border-color:#cdebd8;background:#effaf3}.mt-dollar{display:grid;place-items:center;background:#d4f0d8;color:#08762c;padding:0;font:800 42px/1 var(--font-ui)}.mt-metrics strong{font-size:clamp(27px,3.45vw,43px);line-height:1.12;font-weight:800;white-space:nowrap;display:block}.mt-tax-total strong{color:#0b6b22}.mt-metrics small{display:flex;align-items:center;gap:4px;font-size:14px;line-height:1.3;margin-top:5px;white-space:nowrap}.mt-metrics small .mt-icon{width:15px;height:15px}
.mt-formula{display:flex;gap:12px;align-items:center;border:1px solid #d8efdf;background:linear-gradient(100deg,#eaf8ee,#f2fbf5);border-radius:7px;padding:10px 11px;margin:0 0 13px}.mt-formula>.mt-icon{color:#078c3f;width:34px;height:34px;background:#dff2e4;border-radius:7px;padding:4px}.mt-formula>div{min-width:0;flex:1}.mt-formula b{font-size:15px;line-height:1.35;display:block}.mt-formula em{font-style:normal;color:#08762c}.mt-formula small{display:block;font-size:13px;margin-top:3px}.mt-formula>span{font-size:11px;text-align:right;flex:none}.mt-formula a{display:block;text-decoration:underline;margin-top:5px}
.mt-mileage .mt-sidebar form{display:grid;gap:9px;margin-top:15px}.mt-mileage .mt-sidebar form>label{font-size:15px;color:var(--mt-muted)}.mt-date{position:relative}.mt-date>.mt-icon{position:absolute;top:14px;left:13px;color:#516a97;pointer-events:none}.mt-mileage .mt-date input{width:100%;min-height:52px;font-size:16px;padding:10px 9px 10px 46px;border:1px solid #c4d6ef;border-radius:7px;color:#183052;background:#fff;margin:0}.mt-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:2px}.mt-presets button{min-height:45px;font-size:14px;border:1px solid var(--mt-line);border-radius:7px;background:#fff;color:#48618b;padding:8px 4px}.mt-presets [aria-pressed=true]{border-color:#a5c8ff;background:#e9f2ff;color:#0867f2;font-weight:700}.mt-mileage .mt-primary{display:block;width:100%;min-height:50px;border:0;border-radius:9px;background:#0867f2;color:#fff;font-size:17px;font-weight:700;padding:12px;margin-top:3px}.mt-mileage .mt-help{font-size:11px;text-align:center;margin:0}.mt-sidebar-summary{display:grid;gap:5px;border-top:1px solid var(--mt-line);margin-top:21px;padding-top:17px;font-size:14px}.mt-sidebar-summary small{font-size:12px}.mt-sidebar-summary h3{margin-bottom:2px!important}.mt-mileage #fm-range-error{color:#ad2434;background:#fff2f2;padding:10px;border-radius:5px;font-size:13px}
.mt-period-nav{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-bottom:16px}.mt-period-nav button{min-width:35px;min-height:44px;border:1px solid var(--mt-line);border-radius:6px;background:#fff;color:#0867f2;font-size:27px;padding:0}.mt-period-nav b{font-size:14px}.mt-period-nav .mt-icon{width:20px;height:20px;color:#58719b}.mt-mileage .mt-period-nav h2{font-size:19px}.mt-days{border:1px solid var(--mt-line);border-radius:7px;overflow:hidden}.mt-days button{display:grid;grid-template-columns:35px 1fr auto;gap:8px;width:100%;min-height:42px;border:0;border-bottom:1px solid #e6eef9;background:#fff;color:#183052;font-size:13px;text-align:left;padding:7px 8px}.mt-days button:last-child{border-bottom:0}.mt-days button[aria-pressed=true],.mt-records button[aria-pressed=true]{background:#e5f1ff;color:#0867f2}.mt-side-total{border-top:1px solid var(--mt-line);padding-top:15px;margin:18px 0;display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:13px}.mt-side-total strong{font-size:19px;white-space:nowrap}
.mt-shift-options{display:grid;gap:9px;margin:16px 0 22px}.mt-shift-options button{display:flex;gap:12px;align-items:center;border:1px solid var(--mt-line);border-radius:7px;background:#fff;color:#132344;padding:12px;text-align:left;min-height:70px}.mt-shift-options button[aria-pressed=true]{border-color:#0867f2;background:#edf6ff;color:#0867f2}.mt-shift-options small{display:block;font-size:12px;margin-top:5px}.mt-shift-options b{font-size:15px}.mt-shift-options .mt-icon{margin-left:auto;width:17px}.mt-radio{width:20px;height:20px;border:2px solid #8da0ba;border-radius:50%;flex:none}.mt-shift-options [aria-pressed=true] .mt-radio{border:5px solid #0867f2;box-shadow:inset 0 0 0 2px white}.mt-shift-details{border-top:1px solid var(--mt-line);padding-top:17px}.mt-shift-details>div{display:flex;align-items:center;gap:15px;margin:17px 0}.mt-shift-details .mt-icon{color:#536b94;width:28px;height:28px}.mt-shift-details small,.mt-shift-details b{display:block}.mt-shift-details small{font-size:13px;margin-bottom:3px}.mt-shift-details b{font-size:15px;font-weight:600}.mt-mileage .mt-app-label{margin:27px 0 12px}
.mt-calendar>div{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;text-align:center}.mt-calendar>div:first-child{font-size:11px;color:#657395;margin-bottom:9px}.mt-calendar button{min-width:0;min-height:32px;padding:0;border:0;border-radius:50%;background:none;color:#52658e;font-size:12px;position:relative}.mt-calendar button.has-record:after{content:'';width:3px;height:3px;background:#6ba4fc;border-radius:50%;position:absolute;left:calc(50% - 1.5px);bottom:3px}.mt-calendar button[aria-pressed=true]{background:#0867f2;color:#fff}.mt-calendar-note{font-size:13px!important;color:#152446!important;margin:18px 0 0!important;line-height:1.8!important}.mt-calendar-note .mt-dot{margin-right:7px}.mt-calendar-note small{font-size:12px}.mt-year-select{display:flex;align-items:center;gap:10px;border:1px solid var(--mt-line);border-radius:6px;padding:8px 12px;margin:17px 0}.mt-year-select .mt-icon{color:#536b94}.mt-year-select select{width:100%;border:0;background:#fff;color:#182648;font-weight:700;min-height:30px}.mt-months button{display:flex;align-items:center;gap:10px;min-height:40px;background:#fff;border:0;border-bottom:1px solid #e5edf9;color:#21365e;width:100%;padding:8px 7px;text-align:left;font-size:14px}.mt-months small{margin-left:auto;font-size:12px;white-space:nowrap}.mt-months button[aria-pressed=true]{background:#eaf3ff;color:#0867f2}.mt-months .mt-muted{color:#8592a7;border:0;font-size:13px}.mt-months .mt-muted small{font-size:10px}
.mt-dot{display:inline-block;width:11px;height:11px;border-radius:50%;background:var(--route-color);flex:none;vertical-align:middle}.mt-map-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.mt-view-month .mt-map-layout{grid-template-columns:minmax(0,1fr) 175px}.mt-view-year .mt-map-layout{grid-template-columns:minmax(0,1fr) 204px}.mt-map-toolbar{display:flex;gap:7px;align-items:center;margin-bottom:7px;min-width:0}.mt-route-tabs{display:flex;gap:5px;overflow-x:auto;min-width:0;padding:2px;scrollbar-width:thin}.mt-route-tabs button{display:inline-flex;gap:6px;align-items:center;white-space:nowrap;border:1px solid var(--mt-line);border-radius:7px;background:#fff;color:#304873;font-size:12px;min-height:35px;padding:6px 9px;flex:none}.mt-route-tabs [aria-pressed=true]{background:#0867f2;color:#fff;border-color:#0867f2}.mt-route-tabs [aria-pressed=true] .mt-dot{box-shadow:0 0 0 1px white}.mt-fit{display:flex;align-items:center;gap:6px;flex:none;white-space:nowrap;border:1px solid var(--mt-line);border-radius:7px;background:#fff;color:#0867f2;font-size:12px!important;min-height:35px;padding:6px 9px}.mt-fit .mt-icon{width:17px;height:17px}.mt-map-stage{position:relative;height:310px;border:1px solid var(--mt-line);border-radius:8px;overflow:hidden;background:#e9eeea;isolation:isolate}.mt-map-svg{display:block;width:100%;height:100%;min-height:0}.mt-route-outline{fill:none;stroke:white;stroke-width:5px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.mt-route-line{fill:none;stroke:var(--route-color);stroke-width:2.5px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.mt-map-route{cursor:pointer;outline:none}.mt-map-route:focus .mt-route-line,.mt-map-route:hover .mt-route-line{stroke-width:5px}.mt-map-legend{position:absolute;bottom:9px;left:9px;background:#fffffff0;border-radius:5px;display:flex;align-items:center;gap:7px;padding:6px 9px;font-size:11px}.mt-map-legend .mt-dot:nth-of-type(2){margin-left:6px}.mt-map-caption{position:absolute;bottom:9px;right:9px;background:#fffffff0;padding:5px 7px;border-radius:4px;font-size:9px!important;color:#5b6d8a!important}.mt-map-tooltip{position:absolute;top:24%;left:45%;background:#fffffff5;border:1px solid #bed2ee;border-radius:6px;box-shadow:0 3px 10px #18345620;padding:10px;display:grid;gap:4px;font-size:12px;max-width:180px}.mt-map-tooltip span{font-size:11px;color:#617699}.mt-map-tooltip button{color:#0867f2;border:0;background:none;text-align:left;font-size:11px;padding:3px 0}.mt-map-count{font-size:10px!important;margin:5px 0 0!important;line-height:1.35}.mt-map-empty{position:absolute;inset:35% 10% auto;text-align:center;background:#fff;padding:15px;border-radius:8px;font-size:14px!important}.mt-map-stage.is-empty .mt-map-svg{opacity:.35}
.mt-view-month .mt-map-stage,.mt-view-year .mt-map-stage{height:380px}.mt-view-month .mt-map-toolbar,.mt-view-year .mt-map-toolbar{flex-wrap:wrap}.mt-view-month .mt-fit,.mt-view-year .mt-fit{margin-left:auto}.mt-breakdown,.mt-year-detail{border:1px solid var(--mt-line);border-radius:7px;padding:11px;align-self:stretch;min-width:0}.mt-breakdown h3,.mt-year-detail h3{font-size:14px!important;margin-bottom:8px!important}.mt-breakdown button{display:flex;align-items:center;gap:8px;text-align:left;width:100%;border:1px solid #e3edfa;border-radius:5px;padding:9px 6px;background:#fff;color:#163056;margin-bottom:6px;font-size:12px}.mt-breakdown button>span{flex:1}.mt-breakdown small{display:block;font-size:10px;margin-top:3px}.mt-breakdown strong{display:block;font-size:16px;margin-top:4px}.mt-breakdown .mt-icon{width:14px}.mt-breakdown [aria-pressed=true]{background:#e7f2ff;border-color:#8dbbff}.mt-year-detail .mt-records-compact button{grid-template-columns:10px 1fr auto;gap:5px;font-size:10px;padding:8px 2px;min-height:35px}.mt-year-detail .mt-records-compact button>.mt-icon{display:none}.mt-year-detail .mt-records-compact strong{font-size:11px}.mt-year-detail .mt-text-button{font-size:11px}
.mt-record-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px}.mt-mileage .mt-record-heading h3{font-size:13px}.mt-text-button{border:0;background:none;color:#0867f2;padding:10px 3px;min-height:40px;font-weight:600;font-size:12px}.mt-records{border:1px solid #e2ebf8;border-radius:5px;overflow:hidden}.mt-records button{display:grid;grid-template-columns:11px minmax(120px,1fr) minmax(120px,1fr) auto 16px;gap:8px;align-items:center;text-align:left;min-height:33px;border:0;border-bottom:1px solid #e6edf9;background:#fff;width:100%;color:#24395f;font-size:11px;padding:6px 8px}.mt-records button:last-child{border:0}.mt-records small{font-size:10px}.mt-records strong{font-size:12px;white-space:nowrap}.mt-records button>.mt-icon{width:14px;height:14px;color:#6b8ebd}.mt-records-compact button{grid-template-columns:11px 1fr auto 15px;font-size:12px;min-height:36px}.mt-records-compact{margin-top:12px}.mt-records button:hover{background:#f1f7ff}.mt-empty{font-size:13px!important;text-align:center;padding:15px;margin:0!important}
.mt-timeline{margin-top:18px}.mt-mileage .mt-timeline h3{font-size:14px;margin-bottom:14px}.mt-timeline>div{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.mt-timeline>div>span{display:flex;flex-direction:column;align-items:flex-start;position:relative;gap:4px;min-width:0}.mt-timeline .mt-dot{width:15px;height:15px;border:3px solid var(--route-color);box-shadow:inset 0 0 0 2px #fff;margin-bottom:7px}.mt-timeline>div>span:not(:last-child):after{content:'→';position:absolute;top:-3px;left:25px;right:0;color:#9bb0ce;border-bottom:1px solid #cbd9ef;height:9px;text-align:right;font-size:18px;line-height:18px}.mt-timeline b,.mt-timeline strong{font-size:11px;font-weight:700;line-height:1.3}.mt-timeline small{font-size:10px;line-height:1.3}
.mt-year-summary{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid var(--mt-line);border-radius:9px;background:#fff;margin-top:13px;padding:15px}.mt-year-summary h3{font-size:16px!important}.mt-year-summary p{font-size:13px;margin-top:7px}.mt-year-chart{display:flex;gap:10px;align-items:end;min-width:300px;height:115px}.mt-year-chart button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;border:0;background:none;font-size:11px;padding:0;color:#263e65}.mt-year-chart button>span{width:9px;display:block;border-radius:4px}.mt-year-chart b{margin-top:6px}.mt-year-chart small{font-size:10px;white-space:nowrap}
.mt-export{display:flex;gap:20px;align-items:center;padding:21px 24px;border:1px solid var(--mt-line);border-radius:9px;background:#fff;margin-top:16px}.mt-export>.mt-icon{width:62px;height:62px;padding:14px;border-radius:14px;background:#e2efff;color:#0867f2}.mt-export>div{flex:1}.mt-mileage .mt-export h2{font-size:22px;font-weight:800;line-height:1.2}.mt-export p{font-size:15px;margin:6px 0}.mt-export small{font-size:12px}.mt-export-button{display:flex;align-items:center;gap:10px;justify-content:center;min-height:49px;padding:11px 17px;border:1px solid var(--plan-pro,#ca5800);border-radius:8px;background:var(--plan-pro,#ca5800);color:#fff;font-size:15px!important;font-weight:700;white-space:nowrap}.mt-export-button .tier-chip{color:#fff!important;background:#ffffff16!important;border-color:#ffffff70!important;font-size:10px;letter-spacing:0}.mt-export-button .mt-icon{width:20px;height:20px}
.mt-tax-note{display:flex;align-items:center;gap:20px;border:1px solid var(--mt-line);border-radius:9px;padding:17px 22px;margin-top:16px;background:#f5faff}.mt-tax-note>.mt-icon{color:#0867f2}.mt-tax-note>div{flex:1}.mt-tax-note b{font-size:12px}.mt-tax-note p{font-size:11px;line-height:1.5;margin-top:4px}.mt-tax-note>a{font-size:12px;white-space:nowrap}.mt-file-details{font-size:12px;margin-top:15px;color:#52688d}.mt-file-details summary{cursor:pointer;min-height:35px}.mt-file-details p{font-size:12px;line-height:1.6;margin:8px 0}
.fs-rail button[data-feature-tab=mileage-tracking]{position:relative;overflow:visible}.fs-tax-pill{position:absolute;top:-8px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#fff;background:#00a653;border:1px solid #008d46;border-radius:12px;padding:2px 6px;font:600 10px/1.1 var(--font-ui),Manrope,sans-serif;z-index:2;pointer-events:none}
@media(min-width:1400px){.mt-workspace{grid-template-columns:300px minmax(0,1fr)}.mt-map-stage{height:390px}.mt-view-month .mt-map-stage,.mt-view-year .mt-map-stage{height:440px}.mt-view-month .mt-map-layout{grid-template-columns:minmax(0,1fr) 200px}.mt-view-year .mt-map-layout{grid-template-columns:minmax(0,1fr) 250px}.mt-results{padding:23px}.mt-card{padding:23px}.mt-mileage .mt-heading h1{font-size:56px}}
@media(max-width:1100px){.mt-workspace{grid-template-columns:minmax(215px,.4fr) minmax(0,1fr);gap:11px}.mt-card,.mt-results{padding:16px}.mt-benefits{gap:22px}.mt-benefits>div{gap:11px}.mt-benefits b{font-size:15px}.mt-benefits small{font-size:13px}.mt-benefits>div>i{font-size:22px}.mt-step-number{width:37px;height:37px;font-size:20px}.mt-benefits>div>.mt-icon{width:29px;height:29px}.mt-metrics{gap:10px}.mt-metrics>div{gap:8px;padding:10px}.mt-metrics .mt-mile-total>.mt-icon,.mt-dollar{width:52px;height:52px;padding:12px}.mt-dollar{padding:0;font-size:35px}.mt-metrics strong{font-size:34px}.mt-metrics small{font-size:12px}.mt-formula b{font-size:13px}.mt-formula small{font-size:11px}.mt-formula>span{font-size:10px}.mt-view-month .mt-map-layout{grid-template-columns:minmax(0,1fr) 151px}.mt-view-year .mt-map-layout{grid-template-columns:minmax(0,1fr) 171px}.mt-records button{grid-template-columns:10px minmax(90px,1fr) minmax(105px,1fr) auto 12px;gap:5px}.mt-records-compact button{grid-template-columns:10px 1fr auto 12px}.mt-export{padding:17px 21px;gap:16px}.mt-mileage .mt-export h2{font-size:20px}.mt-export-button{font-size:14px!important;padding:10px 13px;gap:7px}}
@media(max-width:900px){.mt-workspace{grid-template-columns:220px minmax(0,1fr)}.mt-mileage .mt-heading h1{font-size:38px}.mt-benefits{gap:16px}.mt-benefits b{font-size:13px}.mt-benefits small{font-size:11px}.mt-benefits>div{gap:8px}.mt-benefits>div>i{display:none}.mt-benefits>div>.mt-icon{width:24px;height:24px}.mt-step-number{width:29px;height:29px;font-size:17px}.mt-card{padding:13px}.mt-mileage .mt-card h2{font-size:20px}.mt-metrics strong{font-size:27px}.mt-metrics .mt-mile-total>.mt-icon,.mt-dollar{width:39px;height:39px;padding:8px}.mt-dollar{padding:0;font-size:29px}.mt-metrics small{font-size:10px;white-space:normal}.mt-formula{gap:7px;flex-wrap:wrap}.mt-formula>span{display:flex;align-items:center;gap:10px;text-align:left;margin-left:40px}.mt-formula a{margin:0}.mt-formula b{font-size:12px}.mt-results-header{flex-wrap:wrap}.mt-results-header p{font-size:13px}.mt-platforms{font-size:12px}.mt-platforms .platform-mark,.mt-platforms .platform-icon{width:24px;height:24px}.mt-map-stage{height:290px}.mt-fit>span{display:none}.mt-view-month .mt-map-layout,.mt-view-year .mt-map-layout{grid-template-columns:1fr}.mt-view-month .mt-map-stage,.mt-view-year .mt-map-stage{height:310px}.mt-breakdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.mt-breakdown h3{grid-column:1/-1}.mt-breakdown button{margin:0}.mt-breakdown strong{display:inline-block;font-size:14px}.mt-breakdown button small:last-child{display:inline}.mt-year-detail .mt-records-compact button{font-size:12px}.mt-year-detail .mt-records-compact strong{font-size:12px}.mt-records button{grid-template-columns:10px 1fr auto 12px;font-size:11px}.mt-records button>small{grid-column:2;grid-row:2}.mt-records button>strong{grid-column:3;grid-row:1}.mt-records button>.mt-icon{grid-column:4;grid-row:1}.mt-timeline>div{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:16px}.mt-export{flex-wrap:wrap}.mt-export-button{margin-left:auto}.mt-year-chart{min-width:240px}.mt-map-caption{font-size:8px!important;bottom:8px;right:5px}.mt-map-legend{font-size:9px;left:5px;padding:4px;gap:4px}.mt-map-legend .mt-dot{width:8px;height:8px}}
@media(max-width:680px){.mt-mileage .mt-heading{margin:20px 0}.mt-mileage .mt-heading h1{font-size:32px}.mt-mileage .mt-heading p{font-size:17px}.mt-benefits{grid-template-columns:1fr;gap:12px;margin-bottom:19px}.mt-benefits>div{align-items:center;gap:12px}.mt-benefits b{font-size:14px}.mt-benefits small{font-size:12px;margin-top:2px}.mt-benefits>div>.mt-icon{width:26px;height:26px}.mt-benefits>div>span:last-of-type{flex:1}.mt-step-number{width:31px;height:31px}.mt-workspace{grid-template-columns:1fr;gap:12px}.mt-card{padding:17px}.mt-sidebar{min-height:0}.mt-sidebar .mt-shift-details{display:grid;grid-template-columns:1fr 1fr;column-gap:12px}.mt-sidebar .mt-shift-details h3{grid-column:1/-1}.mt-sidebar .mt-shift-details>div{margin:12px 0;gap:10px}.mt-app-label{margin-top:14px!important}.mt-shift-options{margin-bottom:15px}.mt-mileage .mt-range-tiles{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.mt-mileage .mt-range-tiles>button{grid-column:span 2;min-height:85px;font-size:13px;padding:9px 4px}.mt-mileage .mt-range-tiles>button:nth-child(n+4){grid-column:span 3}.mt-mileage .mt-range-tiles strong{font-size:18px}.mt-mileage .mt-range-tiles small{font-size:11px}.mt-metrics>div{padding:11px 8px;gap:6px}.mt-metrics strong{font-size:28px}.mt-metrics small{font-size:11px}.mt-metrics .mt-mile-total>.mt-icon,.mt-dollar{width:38px;height:38px}.mt-metrics .mt-mile-total>.mt-icon{padding:9px}.mt-formula b{font-size:12px}.mt-formula small{font-size:11px}.mt-map-stage{height:300px}.mt-map-toolbar{margin-top:13px}.mt-map-tooltip{left:37%;max-width:155px;font-size:11px;padding:8px}.mt-view-month .mt-map-stage,.mt-view-year .mt-map-stage{height:330px}.mt-view-month .mt-map-toolbar,.mt-view-year .mt-map-toolbar{flex-wrap:nowrap}.mt-view-month .mt-fit,.mt-view-year .mt-fit{margin:0}.mt-year-summary{flex-direction:column;gap:14px;align-items:stretch}.mt-year-chart{min-width:0}.mt-export{padding:17px;gap:13px}.mt-export>.mt-icon{width:46px;height:46px;padding:11px}.mt-mileage .mt-export h2{font-size:17px}.mt-export p{font-size:12px}.mt-export small{font-size:11px}.mt-export-button{width:100%;margin:0}.mt-tax-note{padding:14px;gap:12px;flex-wrap:wrap}.mt-tax-note>div{flex-basis:calc(100% - 40px)}.mt-tax-note>a{margin-left:36px}.mt-year-detail .mt-records-compact button{grid-template-columns:11px 1fr auto;min-height:40px}.mt-file-details{font-size:11px}.fs-tax-pill{font-size:9px;padding:2px 5px}}
@media(max-width:370px){.mt-mileage .mt-heading h1{font-size:28px}.mt-card{padding:13px}.mt-metrics{gap:7px}.mt-metrics strong{font-size:23px}.mt-metrics .mt-mile-total>.mt-icon,.mt-dollar{width:30px;height:30px}.mt-dollar{font-size:23px}.mt-metrics small{font-size:9px}.mt-map-legend{bottom:27px}.mt-map-caption{left:5px;right:auto}.mt-formula>.mt-icon{width:28px;height:28px}.mt-formula>span{margin-left:35px}.mt-record-heading{align-items:flex-start}.mt-record-heading h3{font-size:12px!important}.mt-record-heading button{font-size:10px;white-space:nowrap}.mt-map-tooltip{left:30%;top:20%}.mt-results-header .mt-platforms{font-size:11px}}

.fs-showcase .fo-pro-label,.fs-showcase .fs-alert-row b em{color:var(--plan-pro-ink);border-color:var(--plan-pro-line);background:var(--plan-pro-soft)}
.fs-showcase .fs-switch.fs-orange{background:var(--plan-pro)}

/* Final matched scale; preserve the approved larger Mileage headline. */
body#rg-features-showcase #main .mt-mileage .mt-heading h1{font-size:clamp(32px,4.55vw,56px)!important;line-height:1.12!important}
.mt-mileage .mt-range-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.mt-mileage .mt-range-tiles>button{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--mt-line);background:#fff;color:var(--mt-muted);line-height:1.3}
.mt-mileage .mt-range-tiles>button>span{display:flex;gap:5px;align-items:center}
.mt-mileage .mt-range-tiles strong{font-weight:800;color:#0b1531;line-height:1.2}
.mt-mileage .mt-range-tiles [aria-selected=true]{color:#0867f2}
.mt-mileage .mt-range-tiles [aria-selected=true] small{color:#0867f2}
.mt-map-stage{background:#eaf0ed}.mt-base-map{filter:contrast(1.13) saturate(1.5)}
.mt-route-line{stroke-width:3px}.mt-route-outline{stroke-width:5.5px}
@media(max-width:680px){.mt-mileage .mt-range-tiles{grid-template-columns:repeat(6,minmax(0,1fr))}body#rg-features-showcase #main .mt-mileage .mt-heading h1{font-size:32px!important}}
@media(max-width:370px){body#rg-features-showcase #main .mt-mileage .mt-heading h1{font-size:28px!important}}

@media(min-width:1000px){.mt-metrics strong{font-size:40px}.mt-metrics small{font-size:13px}.mt-formula b{font-size:15px}.mt-formula small{font-size:12px}.mt-records button{font-size:12px;min-height:34px}.mt-records small{font-size:11px}.mt-records-compact button{font-size:12px}.mt-map-stage{height:330px}}

.mt-mileage{--fs-title-size:clamp(32px,4.55vw,56px)}.mt-base-map{filter:none}
@media(max-width:680px){.mt-mileage{--fs-title-size:32px}}@media(max-width:370px){.mt-mileage{--fs-title-size:28px}}

/* Selected range and compact metric treatment follow the approved workspace. */
.mt-mileage .mt-range-tiles [aria-selected=true]{background:#0867f2;color:#fff;border-color:#0867f2}
.mt-mileage .mt-range-tiles [aria-selected=true] :is(strong,small){color:#fff}
@media(max-width:1000px){.mt-metrics>div{flex-direction:column;align-items:flex-start;gap:8px}.mt-metrics strong{font-size:clamp(23px,3.5vw,34px)}.mt-metrics small{white-space:normal}}
@media(max-width:680px){.mt-metrics strong{font-size:clamp(21px,6.3vw,32px)}.mt-metrics>div>span:last-child{width:100%}.mt-map-legend{bottom:28px}.mt-map-caption{left:5px;right:auto;bottom:6px}}

/* Period detail balance and formula wrapping across phone sizes. */
.mt-mileage .mt-range-tiles :is([data-fm-range=Shift],[data-fm-range=Month],[data-fm-range=Year],[data-fm-range=Custom])[aria-selected=true]{background:#e7f3ff;color:#0867f2}
.mt-mileage .mt-range-tiles :is([data-fm-range=Shift],[data-fm-range=Month],[data-fm-range=Year],[data-fm-range=Custom])[aria-selected=true] strong{color:#0b1531}
.mt-mileage .mt-range-tiles :is([data-fm-range=Shift],[data-fm-range=Month],[data-fm-range=Year],[data-fm-range=Custom])[aria-selected=true] small{color:#0867f2}
.mt-year-summary{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:10px 18px;padding:17px}
.mt-year-summary>h3{grid-column:1/-1;margin:0}.mt-year-summary>p{margin:0;line-height:1.6}
.mt-month-summary{display:flex;align-items:center;gap:12px;border:1px solid var(--mt-line);border-radius:7px;padding:12px}
.mt-month-summary>.mt-icon{width:45px;height:45px;padding:10px;border-radius:50%;background:#e1edff;color:#0867f2}
.mt-month-summary span>*{display:block}.mt-month-summary strong{font-size:20px}.mt-month-summary b,.mt-month-summary small{font-size:13px}
.mt-year-chart{display:block;min-width:0;height:auto;border:1px solid #e2ebf8;border-radius:7px;padding:3px 7px 7px}
.mt-year-chart>svg{display:block;width:100%;height:75px}.mt-year-chart>div{display:flex;gap:0}
.mt-year-chart button{min-width:0;min-height:38px;line-height:1.4}.mt-year-chart b{margin:0}.mt-year-chart small{font-size:10px}
.mt-year-chart [aria-pressed=true]{color:#0867f2;font-weight:800}.mt-month-context{font-size:12px!important;margin:0 0 8px!important}
@media(min-width:901px){
 .mt-benefits>div>.mt-icon{width:35px;height:35px}.mt-benefits small{font-size:14px}
 .mt-view-month{grid-template-columns:250px minmax(0,1fr)}
 .mt-view-month .mt-results{display:grid;grid-template-columns:190px minmax(0,1fr);align-content:start;gap:12px}
 .mt-view-month .mt-results-header{grid-column:1;margin:0;align-self:center}
 .mt-view-month .mt-metrics{grid-column:2;margin:0}.mt-view-month .mt-metrics strong{font-size:31px}
 .mt-view-month .mt-mile-total>.mt-icon,.mt-view-month .mt-dollar{width:42px;height:42px;padding:8px}.mt-view-month .mt-dollar{padding:0;font-size:32px}
 .mt-view-month .mt-metrics small{font-size:11px}.mt-view-month .mt-formula,.mt-view-month .mt-map-layout{grid-column:1/-1;margin:0}
 .mt-view-month .mt-map-layout{grid-template-columns:minmax(0,1fr) 175px}
 :is(.mt-view-month,.mt-view-year) .mt-map-layout>div{display:contents}
 :is(.mt-view-month,.mt-view-year) .mt-map-toolbar{grid-column:1/-1;flex-wrap:nowrap;margin:0}
 :is(.mt-view-month,.mt-view-year) .mt-map-stage{grid-column:1;grid-row:2;height:415px}
 :is(.mt-view-month,.mt-view-year) .mt-map-count{grid-column:1/-1;grid-row:3}
 .mt-breakdown,.mt-year-detail{grid-column:2;grid-row:2}
 .mt-breakdown button{padding:7px 5px;min-height:65px;gap:7px}.mt-breakdown button>span{line-height:1.2}
 .mt-breakdown strong{display:inline-block;font-size:15px;margin-top:3px}.mt-breakdown button small:last-child{display:inline-block}
 .mt-breakdown h3{font-size:14px!important}.mt-route-tabs button{font-size:13px;min-height:39px}
 .mt-records button{font-size:13px;min-height:37px}.mt-records small{font-size:12px}.mt-records strong{font-size:13px}
 .mt-formula small{font-size:13px}.mt-map-count{font-size:11px!important}.mt-year-detail .mt-records-compact button{font-size:11px;min-height:35px}
}
@media(max-width:1000px) and (min-width:901px){.mt-view-month .mt-results{grid-template-columns:1fr}.mt-view-month .mt-metrics{grid-column:1}.mt-view-month .mt-map-layout{grid-template-columns:minmax(0,1fr) 150px}}
@media(max-width:900px){.mt-formula{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:start}.mt-formula>div{grid-column:2}.mt-formula>span{grid-column:2;display:flex;flex-wrap:wrap;margin-left:0;text-align:left;gap:8px;font-size:11px}.mt-formula b{font-size:13px;line-height:1.5}.mt-formula small{font-size:12px;line-height:1.5}.mt-formula a{margin:0}.mt-year-summary{grid-template-columns:1fr 1fr}.mt-year-summary>p{font-size:12px}.mt-year-chart{grid-column:1/-1}}
@media(max-width:680px){.mt-workspace:not(.mt-view-custom)>.mt-results{order:-1}.mt-year-summary{grid-template-columns:1fr}.mt-year-chart{grid-column:1}.mt-formula>span{margin-left:0}.mt-route-tabs{mask-image:linear-gradient(to right,#000 calc(100% - 10px),transparent)}}

.mt-view-month .mt-results-header h2{font-size:23px}.mt-view-year .mt-route-line{stroke-width:1.8px}.mt-view-year .mt-route-outline{stroke-width:3px}.mt-breakdown button small:last-child{margin-left:4px}

.mt-mileage .mt-results-header p,.mt-mileage .mt-benefits small,.mt-mileage .mt-formula small,.mt-mileage .mt-records small{font-weight:500}

/* Readable secondary detail and unbroken mobile metadata. */
.mt-metrics small{font-size:14px;font-weight:600}.mt-map-tooltip{font-size:13px}.mt-map-tooltip span,.mt-map-tooltip button{font-size:12px}
.mt-timeline b,.mt-timeline strong{font-size:13px}.mt-timeline small{font-size:12px;font-weight:600}
.mt-months button{font-size:15px}.mt-months small{font-size:13px}.mt-months button[aria-pressed=true]{background:#e3f0ff;color:#0867f2;font-weight:700;border-radius:5px}
.mt-year-chart b{font-size:12px}.mt-year-chart small{font-size:11px}.mt-year-detail .mt-records-compact button{font-size:12px}.mt-year-detail .mt-records-compact strong{font-size:12px}
.mt-breakdown button small{font-size:12px}.mt-breakdown button small:last-child{display:block;white-space:nowrap;margin:3px 0 0}.mt-breakdown strong{font-size:16px}
@media(min-width:901px){.mt-records small{font-size:13px}.mt-view-month .mt-metrics small{font-size:12px}.mt-view-month .mt-map-stage{height:445px}.mt-breakdown button{min-height:70px}}
@media(max-width:900px){.mt-metrics small{font-size:12px}.mt-timeline>div>span:nth-child(3):after{display:none}.mt-breakdown button small:last-child{display:block;white-space:nowrap}.mt-map-tooltip span{font-size:11px}}

@media(max-width:370px){.mt-metrics{grid-template-columns:1fr}.mt-metrics>div{flex-direction:row;align-items:center;gap:12px}.mt-metrics strong{font-size:27px}}
@media(max-width:900px){.mt-route-tabs button,.mt-fit{min-height:44px}.mt-records button,.mt-year-detail .mt-records-compact button{min-height:44px}}

/* Match reference metadata hierarchy without weakening the main totals. */
.mt-mileage{--mt-muted:#4e6288}
.mt-tax-note b{font-size:14px}.mt-tax-note p{font-size:13px;font-weight:600}.mt-tax-note>a{font-size:13px}
.mt-map-count{font-size:12px!important;font-weight:600!important}.mt-map-caption{font-size:11px!important;font-weight:600!important}
.mt-calendar button{font-size:14px;font-weight:600}.mt-calendar>div:first-child{font-size:12px}.mt-months .mt-muted small{font-size:12px}
.mt-records button>small{font-size:13px;font-weight:600}.mt-record-heading>small{font-size:12px;padding:10px 0}
.mt-timeline small{font-size:13px}.mt-formula>span{font-size:12px}.mt-map-tooltip span{font-size:13px}
@media(min-width:901px){.mt-view-month .mt-map-stage{height:100%;min-height:445px}.mt-view-year .mt-year-detail .mt-records-compact button{font-size:13px}.mt-view-year .mt-year-detail .mt-records-compact strong{font-size:13px}}
@media(max-width:900px){.mt-map-caption{font-size:10px!important}.mt-map-count{font-size:11px!important}.mt-records button>small{font-size:12px}.mt-map-tooltip span{font-size:12px}.mt-calendar button{min-height:36px}.mt-months .mt-muted small{font-size:12px}}

@media(min-width:1001px){.mt-view-month .mt-map-layout{grid-template-columns:minmax(0,1fr) 190px}.mt-breakdown button small:last-child{display:inline-block;margin:3px 0 0 4px;font-size:11px}.mt-breakdown button{min-height:70px}}

/* Keep period evidence compact at desktop scale, with complete route labels on phones. */
.mt-mileage .mt-card h2,.mt-mileage .mt-export h2{font-family:var(--font-brand),Poppins,sans-serif;font-weight:800;letter-spacing:0}
.mt-mileage .mt-card h2{font-size:23px}.mt-mileage .mt-records small{font-weight:600;color:#4e6288}
.mt-mileage .mt-card h3{font-weight:800}.mt-platforms .platform-mark,.mt-platforms .platform-icon{width:32px;height:32px}
.mt-week-guide{color:#617199;font-size:12px;line-height:1.6;white-space:nowrap;align-self:center}.mt-week-guide b{color:#0867f2}
.mt-route-select{display:none}.mt-route-select select{min-width:0;min-height:44px;border:1px solid var(--mt-line);border-radius:7px;background:white;color:#183052;padding:8px;font-size:14px}
.mt-timeline .mt-dot{width:18px;height:18px;border-width:4px}.mt-timeline>div>span:after{border-bottom-color:#9eb4d5!important}
@media(min-width:901px){
 .mt-mileage .mt-heading{margin:22px 0 16px}.mt-benefits{margin-bottom:18px}.mt-mileage .mt-range-tiles>button{min-height:89px}
 .mt-records button,.mt-year-detail .mt-records-compact button{min-height:29px;padding:4px 6px;font-size:13px;line-height:1.45}
 .mt-record-heading{margin-top:5px}.mt-record-heading .mt-text-button{min-height:29px;padding:4px 3px}.mt-record-heading>small{padding:5px 0}
 .mt-view-week .mt-map-stage,.mt-view-custom .mt-map-stage{height:305px}
 .mt-view-year .mt-map-stage{height:345px}.mt-months button{min-height:33px;padding:5px 7px}
 .mt-year-summary{padding:12px 16px;gap:7px 16px}.mt-year-chart{padding:0 7px 4px}.mt-year-chart>svg{height:48px}.mt-year-chart button{min-height:30px}.mt-month-summary{padding:8px}.mt-month-summary strong{font-size:18px}
 .mt-export{padding:15px 21px}.mt-tax-note{padding:13px 21px}
 .mt-view-custom .mt-route-tabs{flex-wrap:wrap;overflow:visible}.mt-view-custom .mt-map-toolbar{align-items:flex-start}
 .mt-mileage .mt-date input{min-height:44px;padding-top:6px;padding-bottom:6px}.mt-date>.mt-icon{top:10px}
 .mt-formula>.mt-icon{width:40px;height:40px}.mt-view-month .mt-mile-total>.mt-icon,.mt-view-month .mt-dollar{width:49px;height:49px}
 .mt-view-month .mt-metrics strong{font-size:30px}.mt-view-month .mt-metrics small{font-size:13px}
}
@media(max-width:1100px) and (min-width:901px){.mt-week-guide{font-size:11px}.mt-metrics .mt-mile-total>.mt-icon,.mt-dollar{width:60px;height:60px}.mt-view-month .mt-mile-total>.mt-icon,.mt-view-month .mt-dollar{width:45px;height:45px}}
@media(max-width:900px){
 .mt-mileage .mt-route-tabs{display:none}.mt-route-select{display:flex;align-items:center;gap:8px;flex:1;min-width:0;font-size:13px;font-weight:600}.mt-route-select select{flex:1;width:100%}.mt-map-toolbar{align-items:center}.mt-week-guide{white-space:normal;font-size:12px}
 .mt-mileage .mt-records button>small{font-size:13px}.mt-platforms .platform-mark,.mt-platforms .platform-icon{width:28px;height:28px}
}

.mt-view-year .mt-route-line{stroke-width:1.3px}.mt-view-year .mt-route-outline{stroke-width:2px}.mt-map-route.is-selected .mt-route-line{stroke-width:3.5px}.mt-map-route.is-selected .mt-route-outline{stroke-width:6px}.mt-map-route.is-selected{opacity:1}

@media(min-width:901px){.mt-week-guide{font-size:13px}.mt-week-guide b{display:block}.mt-map-legend{font-size:12px}.mt-year-chart b{font-size:13px}.mt-year-chart small{font-size:12px}}

.mt-view-year .mt-map-tooltip{top:6%;left:auto;right:3%}

.mt-fit{margin-left:auto}
.mt-view-month .mt-route-line,.mt-view-year .mt-route-line{stroke-width:2px}
.mt-view-month .mt-route-outline,.mt-view-year .mt-route-outline{stroke-width:3.5px}
.mt-map-route.is-selected .mt-route-line{stroke-width:4px}.mt-map-route.is-selected .mt-route-outline{stroke-width:7px}
@media(min-width:901px){.mt-week-guide b{display:inline}.mt-week-guide{font-size:12px}}
@media(max-width:900px){.mt-map-legend{font-size:12px}.mt-map-caption{font-size:11px!important}.mt-map-count{font-size:12px!important}}

/* Readable period evidence and a continuous chronological timeline on small screens. */
.mt-year-detail .mt-text-button{font-size:14px;min-height:44px;font-weight:700}
@media(min-width:901px){
 .mt-records button,.mt-year-detail .mt-records-compact button{font-size:14px;min-height:32px}
 .mt-mileage .mt-records button>small{font-size:14px}
 .mt-results-header p{font-size:16px}
 .mt-breakdown button{font-size:13px}.mt-breakdown small{font-size:12px}.mt-breakdown strong{font-size:18px}.mt-breakdown button small:last-child{font-size:12px}
 .mt-export small{font-size:13px}
 .mt-view-year .mt-map-layout{grid-template-columns:minmax(0,1fr) 190px}
}
@media(max-width:900px){
 .mt-timeline>div{grid-template-columns:1fr;gap:0}
 .mt-timeline>div>span{display:grid;grid-template-columns:18px 76px 62px minmax(0,1fr);gap:10px;align-items:center;min-height:44px}
 .mt-timeline .mt-dot{margin:0;z-index:1;background-color:var(--route-color)}
 .mt-timeline>div>span:not(:last-child):after{display:block;content:'';left:8px;top:29px;bottom:-15px;width:0;height:auto;border:0;border-left:2px solid #cbd9ef}
 .mt-timeline b,.mt-timeline strong,.mt-timeline small{font-size:12px}
}

.mt-view-month .mt-route-line,.mt-view-year .mt-route-line{stroke-width:2.4px}.mt-map-route.is-selected .mt-route-line{stroke-width:4px}

@media(max-width:900px){
 .mt-view-month .mt-records button,.mt-view-year .mt-year-detail .mt-records-compact button{font-size:14px}
 .mt-view-month .mt-records strong,.mt-view-year .mt-year-detail .mt-records-compact strong{font-size:14px}
}

@media(max-width:800px){.fs-rail>button{font-size:12px;min-height:60px}.fs-rail>button>span:last-child{line-height:1.2}}

.fs-earnings-note{display:none;position:absolute;top:calc(100% + 8px);right:0;width:220px;max-width:calc(100vw - 32px);z-index:30;white-space:normal;padding:10px 12px;border:1px solid #c4b5fd;border-radius:9px;background:#fff;color:#4c1d95;font-size:12px;font-weight:600;line-height:1.5;box-shadow:0 5px 18px #17203318}
#feature-tab-multi-app-compare:is(:hover,:focus-visible) .fs-earnings-note{display:block}

/* Keep complete labels in the narrow control tracks. */
@media(min-width:901px) and (max-width:1100px){
 .fs-cost-inputs [data-fs-cost-simple] .fs-choices{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:360px){
 .fs-mode-demo .fs-choices[aria-label="Driving mode"] button{flex-basis:44%}
 .fh-record-values{grid-template-columns:repeat(2,minmax(0,1fr))}
 .fh-record-values>span:nth-child(3){border-left:0}
}

/* Comparison examples match the app: only two RG capsules across the split. */
@layer fx-authoritative {
 #rg-features-showcase .mc-comparison {display:grid!important;gap:8px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;}
 #rg-features-showcase .mc-comparison>.mc-read-group {display:block!important;margin:0!important;padding:0!important;border:0!important;}
 #rg-features-showcase .fs-multi-app .ma-double-read {inset:50% 2% auto!important;transform:translateY(-50%)!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;}
 #rg-features-showcase .fs-multi-app .ma-double-read>.mc-read-group {display:block!important;margin:0!important;padding:0!important;border:0!important;}
}
