html body.home-search-page--unified .home-national .home-fuel-card{
position:relative;isolation:isolate;overflow:hidden;min-height:126px;
padding:19px 18px 43px;align-content:start;gap:6px 12px;background:#fff;
}
html body.home-search-page--unified .home-national .home-fuel-card::before{z-index:2;inset:20px auto auto 0;height:22px}
html body.home-search-page--unified .home-national .home-fuel-card__name,
html body.home-search-page--unified .home-national .home-fuel-card__metrics,
html body.home-search-page--unified .home-national .home-fuel-card__change{position:relative;z-index:2}
html body.home-search-page--unified .home-national .home-fuel-card__change{text-shadow:0 0 7px #fff,0 0 4px #fff;font-size:11px}
html body.home-search-page--unified .home-national .home-fuel-card__metric strong{font-size:27px;letter-spacing:-.035em}
.home-national .home-price-spark{display:block;position:absolute;z-index:0;left:0;bottom:0;width:100%;height:78px;color:#3788e6;opacity:.85;pointer-events:none;overflow:visible}
.home-national [data-history-trend="down"] .home-price-spark{color:#3788e6}
.home-national [data-history-trend="flat"] .home-price-spark{color:#3788e6}
.home-national .home-price-spark__line{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.home-national .home-price-no-history{position:absolute;bottom:17px;right:18px;font-size:11px;color:#7b8b99;line-height:1.4}
html body.home-search-page--unified .home-national .home-price-history-note{display:flex;align-items:center;gap:7px;margin:-3px 0 13px;padding:0;color:#61788b;font-size:12px;line-height:1.5}
.home-price-history-note>span:first-child{font-size:20px;line-height:1;color:#839aaa}
.home-price-history-note>span:last-child{margin-left:auto;color:#718595;font-variant-numeric:tabular-nums}
@media(max-width:700px){
html body.home-search-page--unified .home-national .home-fuel-card{min-height:83px;padding:13px 0 21px;gap:3px 8px;align-content:center}
html body.home-search-page--unified .home-national .home-fuel-card__metric strong{font-size:22px}
html body.home-search-page--unified .home-national .home-fuel-card__change{font-size:10px}
.home-national .home-price-spark{height:50px;opacity:.72}
.home-national .home-price-no-history{right:0;bottom:9px;font-size:10px}
html body.home-search-page--unified .home-national .home-price-history-note{font-size:11px;margin:0 0 10px}
}
/* A light text backing keeps the variation readable where the curve passes behind it. */
html body.home-search-page--unified .home-national .home-fuel-card--history .home-fuel-card__change{background:rgba(255,255,255,.88);box-shadow:0 0 5px 3px rgba(255,255,255,.8);border-radius:3px}
/* A consistent blue chart palette, with trend meaning confined to the change label. */
html body.home-search-page--unified .home-national .home-fuel-card{background:#fff;border-color:#e6ebf1}
html body.home-search-page--unified .home-national .home-fuel-card::before{display:none}
html body.home-search-page--unified .home-national .home-fuel-card__name{color:#486079;padding-left:0;font-weight:600}
html body.home-search-page--unified .home-national .home-fuel-card__name::before{display:none}
html body.home-search-page--unified .home-national .home-fuel-card__metric strong{color:#162c46;font-weight:700}
html body.home-search-page--unified .home-national .home-price-unit{font-size:.57em;font-weight:500;letter-spacing:0;color:#627992}
html body.home-search-page--unified .home-national .home-fuel-card__change{font-weight:500;text-shadow:none}
html body.home-search-page--unified .home-national .home-fuel-card__change--up{color:#b51e46}
html body.home-search-page--unified .home-national .home-fuel-card__change--down{color:#10765c}
html body.home-search-page--unified .home-national .home-fuel-card--history .home-fuel-card__change{background:rgba(248,251,255,.9);box-shadow:none;padding:1px 3px;border-radius:3px}
.home-price-history-icon{display:block;flex:none;width:15px;height:15px;color:#7892ad}
@media(max-width:700px){
html body.home-search-page--unified .home-national .home-fuel-card{background:transparent}
html body.home-search-page--unified .home-national .home-fuel-card--history .home-fuel-card__change{background:rgba(255,255,255,.92)}
}
/* Direction is conveyed by both the curve colour and the written change. */
.home-national .home-fuel-card--history{--history-line:#d92d59;--history-ink:#b51e46;--history-surface:#fff}
.home-national .home-fuel-card--history[data-history-trend="down"]{--history-line:#39cda4;--history-ink:#10765c;--history-surface:#fff}
.home-national .home-fuel-card--history[data-history-trend="flat"]{--history-line:#8192aa;--history-ink:#52647d;--history-surface:#fff}
html body.home-search-page--unified .home-national .home-fuel-card--history{background:var(--history-surface);border-color:#e7ecf2}
.home-national .home-fuel-card--history .home-price-spark{color:var(--history-line);opacity:.9}
html body.home-search-page--unified .home-national .home-fuel-card--history .home-fuel-card__change{color:var(--history-ink);background:var(--history-surface)}
@media(max-width:700px){
html body.home-search-page--unified .home-national .home-fuel-card--history{background:transparent}
.home-national .home-fuel-card--history .home-price-spark{opacity:.8}
html body.home-search-page--unified .home-national .home-fuel-card--history .home-fuel-card__change{background:rgba(255,255,255,.94)}
}
/* A quieter companion to the route photograph. */
:is(#home-journeys,#home-discounts) .home-journey--discounts{background:#fff;border:1px solid #e0e8ef;box-shadow:none;justify-content:center;padding:30px 34px}
:is(#home-journeys,#home-discounts) .home-journey--discounts .home-journey__icon{width:28px;height:28px;padding:0;margin:0 0 17px;border:0;border-radius:0;background:none;color:#2475c4}
:is(#home-journeys,#home-discounts) .home-journey--discounts .home-journey__icon svg{width:28px;height:28px;stroke-width:1.6}
:is(#home-journeys,#home-discounts) .home-journey--discounts h2{color:#1d354e;font-size:24px;line-height:1.2;letter-spacing:-.025em;margin:0 0 12px}
:is(#home-journeys,#home-discounts) .home-journey--discounts p{color:#60758a;font-size:14px;line-height:1.65;max-width:290px;margin:0}
:is(#home-journeys,#home-discounts) .home-journey--discounts .home-journey__link{width:max-content;min-height:44px;margin:16px 0 0;padding:0;border:0;gap:14px;justify-content:flex-start;color:#146ab8;font-size:14px;font-weight:650}
:is(#home-journeys,#home-discounts) .home-journey--discounts .home-journey__link svg{width:18px;height:18px;stroke-width:1.8}
:is(#home-journeys,#home-discounts) .home-journey--discounts .home-journey__link:hover{color:#084e91;text-decoration:underline;text-underline-offset:4px}
@media(max-width:1000px){:is(#home-journeys,#home-discounts) .home-journey--discounts{padding:26px 24px}:is(#home-journeys,#home-discounts) .home-journey--discounts h2{font-size:22px}}
@media(max-width:700px){
:is(#home-journeys,#home-discounts) .home-journey--discounts{padding:21px 20px 14px;grid-template-columns:24px minmax(0,1fr);column-gap:10px;row-gap:9px}
:is(#home-journeys,#home-discounts) .home-journey--discounts .home-journey__icon{width:24px;height:24px;margin:0}
:is(#home-journeys,#home-discounts) .home-journey--discounts .home-journey__icon svg{width:24px;height:24px}
:is(#home-journeys,#home-discounts) .home-journey--discounts h2{font-size:20px;margin:0}
:is(#home-journeys,#home-discounts) .home-journey--discounts p{font-size:13px;max-width:none;line-height:1.55}
:is(#home-journeys,#home-discounts) .home-journey--discounts .home-journey__link{font-size:13px;margin:0;min-height:40px}
}
/* Savings leads; both tools share the same footprint. */
:is(#home-journeys,#home-discounts){grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
:is(#home-journeys,#home-discounts) .home-journey--discounts{background:#eef6ff;border-color:#d6e6f6;min-height:238px;padding:30px 32px;justify-content:center}
:is(#home-journeys,#home-discounts) .home-journey--discounts .home-journey__icon{color:#166fc5;margin-bottom:14px}
:is(#home-journeys,#home-discounts) .home-journey--discounts h2{font-size:26px;color:#17354f}
:is(#home-journeys,#home-discounts) .home-journey--discounts p{max-width:360px;font-size:14px;color:#526d86}
:is(#home-journeys,#home-discounts) .home-journey--discounts .home-journey__link{background:#146bce;color:#fff;border:1px solid #146bce;border-radius:8px;padding:10px 16px;margin-top:18px;min-height:44px;gap:24px}
:is(#home-journeys,#home-discounts) .home-journey--discounts .home-journey__link:hover{background:#0c59b0;border-color:#0c59b0;color:#fff;text-decoration:none}
:is(#home-journeys,#home-discounts) .home-journey--route{background:#fff;border:1px solid #e0e8ef;min-height:238px;padding:30px 32px;display:grid;grid-template-columns:minmax(0,1fr) 30%;column-gap:24px;align-items:center;isolation:auto}
:is(#home-journeys,#home-discounts) .home-journey--route::before{display:none}
:is(#home-journeys,#home-discounts) .home-journey--route::after{content:"";display:block;position:static;grid-column:2;grid-row:1;width:100%;height:166px;border-radius:10px;background:#edf2f5 var(--home-photo,none) 84% center/cover no-repeat}
:is(#home-journeys,#home-discounts) .home-journey__content{grid-column:1;grid-row:1;max-width:none}
:is(#home-journeys,#home-discounts) .home-journey--route .home-journey__eyebrow{font-size:10px;color:#71869b;margin-bottom:12px;letter-spacing:.09em}
:is(#home-journeys,#home-discounts) .home-journey--route h2{font-size:24px;line-height:1.2;letter-spacing:-.025em;color:#203c55;margin-bottom:10px}
:is(#home-journeys,#home-discounts) .home-journey--route p{font-size:14px;line-height:1.6;color:#60758a;margin-bottom:12px;max-width:310px}
:is(#home-journeys,#home-discounts) .home-journey--route .home-journey__button{padding:0;min-width:0;min-height:44px;background:none;border:0;border-radius:0;color:#176ab6;gap:14px;font-size:14px;font-weight:650}
:is(#home-journeys,#home-discounts) .home-journey--route .home-journey__button:hover{background:none;color:#084e91;text-decoration:underline;text-underline-offset:4px}
@media(min-width:701px) and (max-width:1000px){
:is(#home-journeys,#home-discounts){gap:16px}
:is(#home-journeys,#home-discounts) .home-journey--discounts,:is(#home-journeys,#home-discounts) .home-journey--route{padding:24px;min-height:260px}
:is(#home-journeys,#home-discounts) .home-journey--discounts h2{font-size:23px}
:is(#home-journeys,#home-discounts) .home-journey--route{grid-template-columns:minmax(0,1fr) 25%;column-gap:14px}
:is(#home-journeys,#home-discounts) .home-journey--route h2{font-size:21px}
:is(#home-journeys,#home-discounts) .home-journey--route::after{height:150px}
}
@media(max-width:700px){
:is(#home-journeys,#home-discounts){grid-template-columns:1fr;gap:12px}
:is(#home-journeys,#home-discounts) .home-journey--discounts{min-height:0;padding:22px 20px;grid-template-columns:24px minmax(0,1fr);row-gap:11px;column-gap:10px}
:is(#home-journeys,#home-discounts) .home-journey--discounts .home-journey__icon{margin:0}
:is(#home-journeys,#home-discounts) .home-journey--discounts h2{font-size:21px;line-height:1.2;margin:0}
:is(#home-journeys,#home-discounts) .home-journey--discounts p{font-size:13px;margin:0;max-width:none}
:is(#home-journeys,#home-discounts) .home-journey--discounts .home-journey__link{font-size:13px;margin-top:2px;justify-self:start}
:is(#home-journeys,#home-discounts) .home-journey--route{min-height:0;padding:22px 20px;grid-template-columns:minmax(0,1fr) 78px;column-gap:16px}
:is(#home-journeys,#home-discounts) .home-journey--route::after{height:128px;border-radius:8px}
:is(#home-journeys,#home-discounts) .home-journey--route .home-journey__eyebrow{display:none}
:is(#home-journeys,#home-discounts) .home-journey--route h2{font-size:20px;margin-bottom:8px}
:is(#home-journeys,#home-discounts) .home-journey--route p{font-size:13px;line-height:1.5;margin-bottom:6px}
:is(#home-journeys,#home-discounts) .home-journey--route .home-journey__button{font-size:13px;gap:12px}
}
@media(max-width:350px){
:is(#home-journeys,#home-discounts) .home-journey--discounts,:is(#home-journeys,#home-discounts) .home-journey--route{padding:20px 16px}
:is(#home-journeys,#home-discounts) .home-journey--discounts h2{font-size:20px}
:is(#home-journeys,#home-discounts) .home-journey--route{grid-template-columns:minmax(0,1fr) 62px;column-gap:12px}
}
/* Integrate the route image into the card surface. */
:is(#home-journeys,#home-discounts) .home-journey--route{display:flex;position:relative;isolation:isolate;background:#f6f9fc var(--home-photo,none) right center/cover no-repeat;border-color:#dfe7ee;overflow:hidden}
:is(#home-journeys,#home-discounts) .home-journey--route::after{display:none}
:is(#home-journeys,#home-discounts) .home-journey--route::before{content:"";display:block;position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f6f9fc 0%,rgba(246,249,252,.98) 34%,rgba(246,249,252,.86) 52%,rgba(246,249,252,.25) 76%,rgba(246,249,252,.05) 100%);pointer-events:none}
:is(#home-journeys,#home-discounts) .home-journey--route .home-journey__content{width:65%;max-width:360px}
:is(#home-journeys,#home-discounts) .home-journey--route p{max-width:285px;color:#4e657b}
@media(min-width:701px) and (max-width:1000px){
:is(#home-journeys,#home-discounts) .home-journey--route .home-journey__content{width:80%}
:is(#home-journeys,#home-discounts) .home-journey--route::before{background:linear-gradient(90deg,#f6f9fc 0%,rgba(246,249,252,.96) 48%,rgba(246,249,252,.62) 72%,rgba(246,249,252,.16) 100%)}
}
@media(max-width:700px){
:is(#home-journeys,#home-discounts) .home-journey--route{min-height:168px;background-position:right center}
:is(#home-journeys,#home-discounts) .home-journey--route .home-journey__content{width:72%;max-width:280px}
:is(#home-journeys,#home-discounts) .home-journey--route::before{background:linear-gradient(90deg,#f6f9fc 0%,rgba(246,249,252,.97) 40%,rgba(246,249,252,.82) 61%,rgba(246,249,252,.24) 90%)}
}
/* Both cards follow the same eyebrow, title, copy and action layout. */
:is(#home-journeys,#home-discounts) .home-journey--discounts{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
:is(#home-journeys,#home-discounts) .home-journey__eyebrow,
:is(#home-journeys,#home-discounts) .home-journey--route .home-journey__eyebrow{display:block;font-size:10px;font-weight:750;line-height:1.4;letter-spacing:.09em;color:#627e99;margin:0 0 12px}
:is(#home-journeys,#home-discounts) .home-journey--discounts h2,:is(#home-journeys,#home-discounts) .home-journey--route h2{font-size:24px;line-height:1.2;margin:0 0 10px}
:is(#home-journeys,#home-discounts) .home-journey--discounts p,:is(#home-journeys,#home-discounts) .home-journey--route p{font-size:14px;line-height:1.6;margin:0 0 16px}
:is(#home-journeys,#home-discounts) .home-journey--discounts .home-journey__link,:is(#home-journeys,#home-discounts) .home-journey--route .home-journey__button{margin-top:0;min-height:44px}
@media(max-width:1000px) and (min-width:701px){:is(#home-journeys,#home-discounts) .home-journey--discounts h2,:is(#home-journeys,#home-discounts) .home-journey--route h2{font-size:22px}}
@media(max-width:700px){
:is(#home-journeys,#home-discounts) .home-journey--discounts,:is(#home-journeys,#home-discounts) .home-journey--route{padding:22px 20px;min-height:204px;row-gap:0}
:is(#home-journeys,#home-discounts) .home-journey__eyebrow,:is(#home-journeys,#home-discounts) .home-journey--route .home-journey__eyebrow{display:block;font-size:9px;margin-bottom:10px}
:is(#home-journeys,#home-discounts) .home-journey--discounts h2,:is(#home-journeys,#home-discounts) .home-journey--route h2{font-size:20px;margin-bottom:8px}
:is(#home-journeys,#home-discounts) .home-journey--discounts p,:is(#home-journeys,#home-discounts) .home-journey--route p{font-size:13px;line-height:1.5;margin-bottom:12px}
}
/* Match text baselines even when one description wraps. */
@media(min-width:701px){
:is(#home-journeys,#home-discounts) .home-journey--discounts{justify-content:flex-start}
:is(#home-journeys,#home-discounts) .home-journey--route{align-items:flex-start}
:is(#home-journeys,#home-discounts) .home-journey--discounts h2,:is(#home-journeys,#home-discounts) .home-journey--route h2{min-height:2.4em}
:is(#home-journeys,#home-discounts) .home-journey--discounts p,:is(#home-journeys,#home-discounts) .home-journey--route p{min-height:3.2em}
}
/* More breathing room between homepage sections on desktop. */
@media(min-width:960px){
html body.home-search-page--unified .home-national{gap:40px;margin-top:48px !important}
:is(#home-journeys,#home-discounts){column-gap:28px}
}
/* Shared photography treatment for both tools. */
:is(#home-journeys,#home-discounts) .home-journey--discounts{position:relative;isolation:isolate;overflow:hidden;background:#f6f9fc var(--home-photo,none) right center/cover no-repeat;border-color:#dfe7ee}
:is(#home-journeys,#home-discounts) .home-journey--discounts::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#f6f9fc 0%,rgba(246,249,252,.97) 30%,rgba(246,249,252,.83) 49%,rgba(246,249,252,.22) 73%,rgba(246,249,252,.02) 100%)}
:is(#home-journeys,#home-discounts) .home-journey--discounts h2,:is(#home-journeys,#home-discounts) .home-journey--discounts p{width:65%;max-width:360px}
:is(#home-journeys,#home-discounts) .home-journey--discounts p{max-width:285px}
/* The page spacing defines the price section instead of an outer card. */
html body.home-search-page--unified .home-national .home-national__panel{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0}
html body.home-search-page--unified .home-national{font-family:"Segoe UI",Arial,sans-serif}
html body.home-search-page--unified .home-national .home-national__header{margin-bottom:14px;gap:12px}
html body.home-search-page--unified .home-national .home-national__header h2{font-family:inherit;font-size:26px;font-weight:650;letter-spacing:-.025em;line-height:1.25;margin:0 0 8px;padding:0;color:#19324b}
html body.home-search-page--unified .home-national .home-national__intro{font-size:14px;line-height:1.6;margin:0;color:#64798b}
html body.home-search-page--unified .home-national .home-price-history-note{margin:0 0 18px;font-size:12px}
html body.home-search-page--unified .home-national .home-fuel-snapshot{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
html body.home-search-page--unified .home-national .home-fuel-card{
display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;
min-height:192px;padding:20px 18px 62px;background:#fff;border:1px solid #e4eaf0;border-radius:14px;box-shadow:none;
}
html body.home-search-page--unified .home-national .home-fuel-card__name{font-size:14px;font-weight:500;line-height:1.4;margin:0 0 12px;padding:0;color:#526a81}
html body.home-search-page--unified .home-national .home-fuel-card__metrics{display:block;align-self:flex-start;width:auto;margin:0;text-align:left}
html body.home-search-page--unified .home-national .home-fuel-card__metric strong{font-family:inherit;font-size:32px;font-weight:650;line-height:1.15;letter-spacing:-.04em;color:#183149}
html body.home-search-page--unified .home-national .home-price-unit{font-size:.48em;font-weight:400;letter-spacing:0;color:#74889b}
html body.home-search-page--unified .home-national .home-fuel-card--history .home-fuel-card__change{align-self:flex-start;margin-top:7px;padding:0;background:none;font-size:11px;line-height:1.5;font-weight:500;box-shadow:none}
html body.home-search-page--unified .home-national .home-price-spark{height:62px}
html body.home-search-page--unified .home-national nav.home-national-links h2{font-family:inherit;font-weight:650;letter-spacing:-.02em}
@media(min-width:701px) and (max-width:1099px){
html body.home-search-page--unified .home-national .home-fuel-snapshot{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
html body.home-search-page--unified .home-national .home-fuel-card{grid-column:span 2}
html body.home-search-page--unified .home-national .home-fuel-card:nth-last-child(-n+2){grid-column:span 3}
:is(#home-journeys,#home-discounts) .home-journey--discounts h2,:is(#home-journeys,#home-discounts) .home-journey--discounts p{width:80%}
}
@media(max-width:700px){
:is(#home-journeys,#home-discounts) .home-journey--discounts{background-position:right center}
:is(#home-journeys,#home-discounts) .home-journey--discounts::before{background:linear-gradient(90deg,#f6f9fc 0%,rgba(246,249,252,.96) 38%,rgba(246,249,252,.75) 60%,rgba(246,249,252,.12) 100%)}
:is(#home-journeys,#home-discounts) .home-journey--discounts h2,:is(#home-journeys,#home-discounts) .home-journey--discounts p{width:72%;max-width:280px}
html body.home-search-page--unified .home-national .home-national__panel{padding:0 8px}
html body.home-search-page--unified .home-national .home-national__header h2{font-size:23px;line-height:1.25}
html body.home-search-page--unified .home-national .home-national__intro{font-size:13px}
html body.home-search-page--unified .home-national .home-price-history-note{font-size:11px;margin-bottom:12px}
html body.home-search-page--unified .home-national .home-fuel-snapshot{grid-template-columns:1fr;gap:0;background:#fff;border:1px solid #e4eaf0;border-radius:14px;overflow:hidden;padding:0 14px}
html body.home-search-page--unified .home-national .home-fuel-card{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name metrics" "name change";align-items:center;align-content:center;gap:3px 8px;min-height:91px;padding:15px 0 23px;border:0;border-top:1px solid #e8edf2;border-radius:0;background:transparent}
html body.home-search-page--unified .home-national .home-fuel-card:first-child{border-top:0}
html body.home-search-page--unified .home-national .home-fuel-card__name{margin:0;font-size:13px}
html body.home-search-page--unified .home-national .home-fuel-card__metrics{align-self:center;text-align:right}
html body.home-search-page--unified .home-national .home-fuel-card__metric strong{font-size:24px}
html body.home-search-page--unified .home-national .home-fuel-card--history .home-fuel-card__change{margin:0;font-size:10px;background:rgba(255,255,255,.94);justify-self:end}
html body.home-search-page--unified .home-national .home-price-spark{height:46px}
}
:is(#home-journeys,#home-discounts) .home-journey--discounts h2,:is(#home-journeys,#home-discounts) .home-journey--discounts p{align-self:flex-start;text-align:left}
/* Preserve inset spacing when removing the outer price-panel border. */
html body.home-search-page--unified .home-national .home-national__panel{padding:20px 24px 24px}
html body.home-search-page--unified .home-national .home-national__header{margin-bottom:18px}
html body.home-search-page--unified .home-national .home-price-history-note{margin-bottom:20px}
@media(max-width:700px){
html body.home-search-page--unified .home-national .home-national__panel{padding:18px 14px 20px}
html body.home-search-page--unified .home-national .home-national__header{margin-bottom:16px}
html body.home-search-page--unified .home-national .home-price-history-note{margin-bottom:16px}
}
/* Identical structure and sizing for the two photo cards. */
:is(#home-journeys,#home-discounts){align-items:stretch}
:is(#home-journeys,#home-discounts) .home-journey--route,
:is(#home-journeys,#home-discounts) .home-journey--discounts{display:flex;align-items:stretch;justify-content:flex-start;min-height:0;padding:28px 30px;isolation:isolate;background-position:right center}
:is(#home-journeys,#home-discounts) .home-journey--route .home-journey__content,
:is(#home-journeys,#home-discounts) .home-journey--discounts .home-journey__content{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:14px minmax(58px,auto) minmax(45px,auto) 44px;gap:10px;align-content:start;align-items:start;width:68%;max-width:370px;min-width:0;margin:0;padding:0}
:is(#home-journeys,#home-discounts) .home-journey--route .home-journey__eyebrow,
:is(#home-journeys,#home-discounts) .home-journey--discounts .home-journey__eyebrow{display:block;position:static;grid-area:auto;margin:0;padding:0;font-size:10px;line-height:14px;letter-spacing:.09em;color:#607b96}
:is(#home-journeys,#home-discounts) .home-journey--route h2,
:is(#home-journeys,#home-discounts) .home-journey--discounts h2{grid-area:auto;align-self:start;justify-self:start;width:100%;max-width:none;min-height:0;margin:0;padding:0;text-align:left;font-size:24px;line-height:1.2;letter-spacing:-.025em}
:is(#home-journeys,#home-discounts) .home-journey--route p,
:is(#home-journeys,#home-discounts) .home-journey--discounts p{grid-area:auto;align-self:start;width:100%;max-width:none;min-height:0;margin:0;padding:0;font-size:14px;line-height:1.6;color:#4c647b;text-align:left}
:is(#home-journeys,#home-discounts) .home-journey--route .home-journey__button,
:is(#home-journeys,#home-discounts) .home-journey--discounts .home-journey__link{grid-area:auto;align-self:start;justify-self:start;min-height:44px;margin:0;white-space:nowrap}
:is(#home-journeys,#home-discounts) .home-journey--route::before,
:is(#home-journeys,#home-discounts) .home-journey--discounts::before{background:linear-gradient(90deg,#f6f9fc 0%,rgba(246,249,252,.99) 35%,rgba(246,249,252,.94) 54%,rgba(246,249,252,.62) 68%,rgba(246,249,252,.08) 86%,rgba(246,249,252,0) 100%)}
@media(min-width:701px) and (max-width:1099px){
:is(#home-journeys,#home-discounts) .home-journey--route,:is(#home-journeys,#home-discounts) .home-journey--discounts{padding:24px}
:is(#home-journeys,#home-discounts) .home-journey--route .home-journey__content,:is(#home-journeys,#home-discounts) .home-journey--discounts .home-journey__content{width:86%;grid-template-rows:14px minmax(54px,auto) minmax(67px,auto) 44px}
:is(#home-journeys,#home-discounts) .home-journey--route h2,:is(#home-journeys,#home-discounts) .home-journey--discounts h2{font-size:22px}
:is(#home-journeys,#home-discounts) .home-journey--route::before,:is(#home-journeys,#home-discounts) .home-journey--discounts::before{background:linear-gradient(90deg,#f6f9fc 0%,rgba(246,249,252,.97) 53%,rgba(246,249,252,.86) 72%,rgba(246,249,252,.35) 100%)}
}
@media(max-width:700px){
:is(#home-journeys,#home-discounts) .home-journey--route,:is(#home-journeys,#home-discounts) .home-journey--discounts{padding:22px 20px;min-height:0;border-radius:14px;background-position:right center}
:is(#home-journeys,#home-discounts) .home-journey--route .home-journey__content,:is(#home-journeys,#home-discounts) .home-journey--discounts .home-journey__content{width:82%;max-width:285px;grid-template-rows:13px minmax(48px,auto) minmax(59px,auto) 44px;gap:9px}
:is(#home-journeys,#home-discounts) .home-journey--route .home-journey__eyebrow,:is(#home-journeys,#home-discounts) .home-journey--discounts .home-journey__eyebrow{font-size:9px;line-height:13px}
:is(#home-journeys,#home-discounts) .home-journey--route h2,:is(#home-journeys,#home-discounts) .home-journey--discounts h2{font-size:20px;line-height:1.2}
:is(#home-journeys,#home-discounts) .home-journey--route p,:is(#home-journeys,#home-discounts) .home-journey--discounts p{font-size:13px;line-height:1.5}
:is(#home-journeys,#home-discounts) .home-journey--route::before,:is(#home-journeys,#home-discounts) .home-journey--discounts::before{background:linear-gradient(90deg,#f6f9fc 0%,rgba(246,249,252,.99) 38%,rgba(246,249,252,.95) 59%,rgba(246,249,252,.75) 76%,rgba(246,249,252,.15) 100%)}
}
/* The replacement photo places the pump on the left and leaves room on the right. */
:is(#home-journeys,#home-discounts) .home-journey--discounts{justify-content:flex-end;background-position:left center}
:is(#home-journeys,#home-discounts) .home-journey--discounts::before{background:linear-gradient(270deg,#f6f9fc 0%,rgba(246,249,252,.99) 35%,rgba(246,249,252,.94) 54%,rgba(246,249,252,.62) 68%,rgba(246,249,252,.08) 86%,rgba(246,249,252,0) 100%)}
@media(min-width:701px) and (max-width:1099px){
:is(#home-journeys,#home-discounts) .home-journey--discounts::before{background:linear-gradient(270deg,#f6f9fc 0%,rgba(246,249,252,.97) 53%,rgba(246,249,252,.86) 72%,rgba(246,249,252,.35) 100%)}
}
@media(max-width:700px){
:is(#home-journeys,#home-discounts) .home-journey--discounts{background-position:left center}
:is(#home-journeys,#home-discounts) .home-journey--discounts::before{background:linear-gradient(270deg,#f6f9fc 0%,rgba(246,249,252,.99) 38%,rgba(246,249,252,.95) 59%,rgba(246,249,252,.75) 76%,rgba(246,249,252,.15) 100%)}
}
:is(#home-journeys,#home-discounts) .home-journey--discounts{justify-content:flex-start}
:is(#home-journeys,#home-discounts) .home-journey--discounts .home-journey__content{margin-left:auto}
/* Each promotional card occupies the full content width on desktop. */
@media(min-width:960px){
:is(#home-journeys,#home-discounts){grid-template-columns:minmax(0,1fr);gap:24px}
:is(#home-journeys,#home-discounts) .home-journey--route,:is(#home-journeys,#home-discounts) .home-journey--discounts{padding:30px 36px;background-size:auto 150%;background-repeat:no-repeat}
:is(#home-journeys,#home-discounts) .home-journey--route{background-position:right center}
:is(#home-journeys,#home-discounts) .home-journey--discounts{background-position:left center}
:is(#home-journeys,#home-discounts) .home-journey--route .home-journey__content,:is(#home-journeys,#home-discounts) .home-journey--discounts .home-journey__content{width:48%;max-width:540px;grid-template-rows:14px minmax(58px,auto) minmax(45px,auto) 44px}
:is(#home-journeys,#home-discounts) .home-journey--route::before{background:linear-gradient(90deg,#f6f9fc 0%,#f6f9fc 53%,rgba(246,249,252,.97) 59%,rgba(246,249,252,.55) 73%,rgba(246,249,252,0) 92%)}
:is(#home-journeys,#home-discounts) .home-journey--discounts::before{background:linear-gradient(270deg,#f6f9fc 0%,#f6f9fc 53%,rgba(246,249,252,.97) 59%,rgba(246,249,252,.55) 73%,rgba(246,249,252,0) 92%)}
}
/* Fade the photo itself so its edge disappears into the card background. */
@media(min-width:960px){
:is(#home-journeys,#home-discounts) .home-journey--route,:is(#home-journeys,#home-discounts) .home-journey--discounts{background:#f6f9fc}
:is(#home-journeys,#home-discounts) .home-journey--route .home-journey__content,:is(#home-journeys,#home-discounts) .home-journey--discounts .home-journey__content{width:36%;max-width:430px}
:is(#home-journeys,#home-discounts) .home-journey--route::before,:is(#home-journeys,#home-discounts) .home-journey--discounts::before{
content:"";display:block;position:absolute;inset:0;width:74%;height:100%;z-index:-1;
background-size:cover;background-repeat:no-repeat;
mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.03) 10%,rgba(0,0,0,.18) 22%,rgba(0,0,0,.5) 36%,rgba(0,0,0,.82) 49%,#000 63%);
}
:is(#home-journeys,#home-discounts) .home-journey--route::before{left:auto;background-image:var(--home-photo,none);background-position:right center}
:is(#home-journeys,#home-discounts) .home-journey--discounts::before{right:auto;background-image:var(--home-photo,none);background-position:left center;mask-image:linear-gradient(270deg,transparent 0%,rgba(0,0,0,.03) 10%,rgba(0,0,0,.18) 22%,rgba(0,0,0,.5) 36%,rgba(0,0,0,.82) 49%,#000 63%)}
}
/* More room and a clearer hierarchy for promotional headings. */
@media(min-width:960px){
:is(#home-journeys,#home-discounts) .home-journey--route .home-journey__content,
:is(#home-journeys,#home-discounts) .home-journey--discounts .home-journey__content{width:46%;max-width:600px;grid-template-rows:14px minmax(72px,auto) minmax(45px,auto) 44px}
:is(#home-journeys,#home-discounts) .home-journey--route h2,
:is(#home-journeys,#home-discounts) .home-journey--discounts h2{font-size:32px;line-height:1.15;text-wrap:balance}
:is(#home-journeys,#home-discounts) .home-journey--route p,
:is(#home-journeys,#home-discounts) .home-journey--discounts p{max-width:430px}
}
@media(max-width:959px){
:is(#home-journeys,#home-discounts) .home-journey--route .home-journey__content,
:is(#home-journeys,#home-discounts) .home-journey--discounts .home-journey__content{width:94%;max-width:360px}
:is(#home-journeys,#home-discounts) .home-journey--route h2,
:is(#home-journeys,#home-discounts) .home-journey--discounts h2{font-size:24px;line-height:1.15;text-wrap:balance}
}
/* Let the savings copy fill its column without artificial empty rows. */
:is(#home-journeys,#home-discounts) .home-journey--discounts .home-journey__content{grid-template-rows:auto auto auto 44px;gap:14px;align-content:center}
:is(#home-journeys,#home-discounts) .home-journey--discounts p{max-width:none}
@media(min-width:960px){
:is(#home-journeys,#home-discounts) .home-journey--discounts{min-height:288px}
:is(#home-journeys,#home-discounts) .home-journey--discounts .home-journey__content{width:42%;max-width:560px}
}
html body.home-search-page--unified .home-national .home-national__eyebrow{display:block;margin:0 0 10px;color:#607b96;font-size:10px;font-weight:700;line-height:14px;letter-spacing:.09em}
@media(max-width:700px){html body.home-search-page--unified .home-national .home-national__eyebrow{font-size:9px;line-height:13px}}
@media(min-width:960px){
:is(#home-journeys,#home-discounts) .home-journey--route p{max-width:none}
}
/* Keep the route heading and copy together; mirror the savings composition. */
:is(#home-journeys,#home-discounts) .home-journey--route .home-journey__content{grid-template-rows:auto auto auto 44px;gap:14px;align-content:center}
@media(min-width:960px){
:is(#home-journeys,#home-discounts) .home-journey--route{min-height:288px}
:is(#home-journeys,#home-discounts) .home-journey--discounts .home-journey__content{justify-items:end}
:is(#home-journeys,#home-discounts) .home-journey--discounts .home-journey__eyebrow,
:is(#home-journeys,#home-discounts) .home-journey--discounts h2,
:is(#home-journeys,#home-discounts) .home-journey--discounts p{text-align:right;justify-self:end}
:is(#home-journeys,#home-discounts) .home-journey--discounts .home-journey__link{justify-self:end}
:is(#home-journeys,#home-discounts) .home-journey--discounts p{text-wrap:pretty}
}
/* Separate the main homepage sections with a consistent responsive rhythm. */
html body.home-search-page--unified .home-national{gap:28px}
@media(min-width:960px){
html body.home-search-page--unified .home-national{gap:56px}
}
/* Place the introductory heading nearer the top of the desktop map panel. */
@media(min-width:960px){
html body.home-search-page--unified .container .home-search-workspace #searchResults:has(> #ayuda) #ayuda{justify-content:flex-start !important;padding-top:40px !important}
}
/* Neutral surfaces inside the existing page background. */
html body.home-search-page--unified .container .home-search-workspace{border-color:#e4e4e7 !important;box-shadow:none !important;background:#fff !important}
html body.home-search-page--unified .container .home-search-workspace #content.search-panel,
html body.home-search-page--unified .container .home-search-workspace #searchResults:has(> #ayuda),
html body.home-search-page--unified .container .home-search-workspace #searchResults:has(> #ayuda) #ayuda{background:#fff !important;box-shadow:none !important}
html body.home-search-page--unified .container .home-search-workspace #ayuda #titleH1,
html body.home-search-page--unified .container .home-search-workspace #ayuda #titleH1 strong{color:#181f2b !important}
@media(min-width:960px){
html body.home-search-page--unified .container .home-search-workspace #content.search-panel #fuelTypes{display:flex !important;justify-content:flex-start;gap:6px !important;background:#f4f4f5 !important;border:0 !important;border-radius:10px !important;padding:6px !important}
html body.home-search-page--unified .container .home-search-workspace #fuelTypes .home-fuel-label{color:#71717a !important;padding:0 14px}
html body.home-search-page--unified .container .home-search-workspace #fuelTypes .home-fuel-label svg{display:none}
html body.home-search-page--unified .container .home-search-workspace #fuelTypes .fuelType{flex:0 1 140px !important;min-height:38px;padding:9px 18px !important;border:0 !important;border-radius:7px !important;box-shadow:none !important;background:transparent !important;color:#52525b !important;font-weight:600}
html body.home-search-page--unified .container .home-search-workspace #fuelTypes .fuelType::before,
html body.home-search-page--unified .container .home-search-workspace #fuelTypes .fuelType::after{display:none !important}
html body.home-search-page--unified .container .home-search-workspace #fuelTypes .fuelType:hover{background:#e8e8eb !important;color:#181f2b !important}
html body.home-search-page--unified .container .home-search-workspace #fuelTypes .fuelType.active{background:#202936 !important;color:#fff !important;border:0 !important}
}
html body.home-search-page--unified .home-national .home-national__panel{background:#fff !important;border:1px solid #e8e8eb !important;border-radius:16px !important;box-shadow:none !important;padding:28px 24px}
html body.home-search-page--unified .home-national .home-national__header h2{color:#181f2b}
html body.home-search-page--unified .home-national .home-national__intro,
html body.home-search-page--unified .home-national .home-price-history-note,
html body.home-search-page--unified .home-national .home-national__eyebrow{color:#71717a}
html body.home-search-page--unified .home-national .home-fuel-snapshot{gap:0;border:0;border-radius:0;background:transparent;padding:0}
html body.home-search-page--unified .home-national .home-fuel-card{border:0;border-radius:0;box-shadow:none;background:transparent}
html body.home-search-page--unified .home-national .home-fuel-card__name{color:#52525b}
html body.home-search-page--unified .home-national .home-fuel-card__metric strong{color:#181f2b}
html body.home-search-page--unified .home-national .home-price-unit{color:#71717a}
html body.home-search-page--unified .home-national .home-price-spark__area{opacity:0}
@media(min-width:701px){
html body.home-search-page--unified .home-national .home-fuel-snapshot{grid-template-columns:repeat(5,minmax(0,1fr))}
html body.home-search-page--unified .home-national .home-fuel-card{grid-column:auto !important;border-left:1px solid #e8e8eb;padding:12px 20px 62px;min-height:180px}
html body.home-search-page--unified .home-national .home-fuel-card:first-child{border-left:0}
}
@media(min-width:701px) and (max-width:1099px){
html body.home-search-page--unified .home-national .home-fuel-card{padding-left:12px;padding-right:12px}
html body.home-search-page--unified .home-national .home-fuel-card__metric strong{font-size:27px}
}
@media(max-width:700px){
html body.home-search-page--unified .home-national .home-national__panel{padding:22px 16px}
html body.home-search-page--unified .home-national .home-fuel-card{border-top:1px solid #e8e8eb}
html body.home-search-page--unified .home-national .home-fuel-card:first-child{border-top:0}
}
/* A small fuel-specific accent adds identity to the neutral selector. */
@media(min-width:960px){
html body.home-search-page--unified .container .home-search-workspace #fuelTypes .fuelType{position:relative;overflow:hidden;transition:background-color .18s ease,color .18s ease}
html body.home-search-page--unified .container .home-search-workspace #fuelTypes .SP95{--selector-accent:#39cda4}
html body.home-search-page--unified .container .home-search-workspace #fuelTypes .SP98{--selector-accent:#a3e635}
html body.home-search-page--unified .container .home-search-workspace #fuelTypes .DieselA{--selector-accent:#94a3b8}
html body.home-search-page--unified .container .home-search-workspace #fuelTypes .DieselPlus{--selector-accent:#fbbf24}
html body.home-search-page--unified .container .home-search-workspace #fuelTypes .DieselB{--selector-accent:#fb7185}
html body.home-search-page--unified .container .home-search-workspace #fuelTypes .GPL{--selector-accent:#22d3ee}
html body.home-search-page--unified .container .home-search-workspace #fuelTypes .fuelType.active::after{content:"" !important;display:block !important;position:absolute !important;inset:auto 18px 0 !important;width:auto !important;height:3px !important;border:0 !important;border-radius:3px 3px 0 0 !important;background:var(--selector-accent) !important;box-shadow:none !important;transform:none !important}
}
@media(prefers-reduced-motion:reduce){
html body.home-search-page--unified .container .home-search-workspace #fuelTypes .fuelType{transition:none !important}
}
/* Match the mobile controls' settled state before JavaScript relocates them. */
@media(max-width:959px){
html body.home-search-page--unified.home-locale-es .home-search-workspace:has(#searchResults > #ayuda) #selector #orderToggle{display:none !important}
html body.home-search-page--unified.home-locale-es .home-search-workspace #content.search-panel #selector{min-height:106px !important}
}
@media(max-width:380px){
html body.home-search-page--unified.home-locale-es .home-search-workspace #content.search-panel #selector{min-height:105px !important}
}