/* The gas-bill entry point keeps the magazine's type and gives the math room. */
.fuel-cover .cover-story h1{font-size:clamp(4.5rem,6.8vw,7.1rem)}
.fuel-cover .cover-story>p:not(.eyebrow){max-width:470px}
.fuel-cover .cover-story .eyebrow{max-width:440px;line-height:1.6}
.fuel-check{display:grid;grid-template-columns:.85fr 1.4fr;gap:70px;border-bottom:1px solid var(--line);scroll-margin-top:100px}
.fuel-check>div,.fuel-hub-section>div,.fuel-hub-opening>div{min-width:0}
.fuel-check-intro h2,.fuel-hub-section h2{font-size:clamp(2.8rem,4.4vw,4.9rem);line-height:.98;margin-bottom:25px}
.fuel-check-intro>p:not(.eyebrow){max-width:360px;font-size:1.02rem}
.fuel-check-intro>.text-link{display:inline-block;font-size:.875rem;line-height:1.6;margin-top:6px}
.fuel-example{font-size:.85rem;color:var(--muted);margin-bottom:23px;max-width:570px}
.fuel-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.fuel-fields label{display:flex;flex-direction:column;justify-content:space-between;font-size:.8rem;font-weight:700;line-height:1.5;min-width:0}
.fuel-fields input{display:block;width:100%;min-width:0;min-height:54px;border:1px solid #9fa993;border-radius:0;background:white;color:var(--ink);font:inherit;font-size:1.1rem;padding:12px 14px;margin-top:8px}
.fuel-fields input:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.fuel-form-action{display:flex;align-items:end}
.fuel-form-action .button{width:100%;min-height:54px;justify-content:center;padding:12px 14px}
.fuel-check-result{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;background:var(--lime);padding:26px;margin-top:25px;border-top:3px solid var(--ink)}
.fuel-result-label{font-size:.66rem;letter-spacing:.05em;font-weight:800;display:block}
.fuel-monthly{margin:14px 0 0;display:flex;flex-direction:column;gap:8px}
.fuel-monthly output{font-family:var(--display);font-size:clamp(3rem,4vw,4.5rem);line-height:.95;overflow-wrap:anywhere}
.fuel-monthly>span{font-size:.75rem;line-height:1.5;max-width:160px}
.fuel-yearly{align-self:center;border-left:1px solid #10171050;padding-left:23px}
.fuel-yearly p{font-size:.75rem;line-height:1.5;margin:0 0 14px}
.fuel-yearly p:last-child{margin-bottom:0}
.fuel-yearly strong{display:block;font-size:1.35rem;line-height:1.2;margin-bottom:3px;overflow-wrap:anywhere}
.fuel-check-note{font-size:.78rem;line-height:1.7;color:var(--muted);margin:17px 0}
.fuel-check-work>.text-link{font-size:.875rem;line-height:1.7;display:inline-block}
.fuel-check #fuel-error{margin:18px 0 0}
.fuel-hub-opening{display:grid;grid-template-columns:1.05fr 1fr;gap:80px;align-items:center;padding-top:45px;padding-bottom:60px}
.fuel-hub-opening h1{font-size:clamp(4.1rem,6.5vw,7.2rem);line-height:.94}
.fuel-hub-lede>p{font-family:Georgia,serif;font-size:1.25rem;line-height:1.75;max-width:520px}
.fuel-hub-lede>.button{margin-top:9px}
.fuel-hub-lede>.text-link{display:block;font-size:.85rem;margin-top:22px}
.fuel-hub-section{display:grid;grid-template-columns:.9fr 1.3fr;gap:70px;border-top:1px solid var(--line)}
.fuel-section-intro>p:not(.eyebrow),.fuel-hub-copy>p{font-size:1rem;line-height:1.85}
.fuel-section-intro a,.fuel-hub-copy p a{text-decoration:underline;text-underline-offset:3px}
.fuel-trip-table-wrap{min-width:0;overflow-x:auto;align-self:start}
.fuel-trip-table-wrap:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.fuel-trip-table{width:100%;border-collapse:collapse;min-width:460px;font-size:.84rem;line-height:1.6}
.fuel-trip-table caption{text-align:left;font-size:.85rem;font-weight:700;margin-bottom:17px}
.fuel-trip-table th,.fuel-trip-table td{text-align:left;vertical-align:top;padding:17px 13px;border-bottom:1px solid var(--line)}
.fuel-trip-table thead{background:var(--ink);color:var(--paper)}
.fuel-trip-table thead th{font-size:.72rem;font-weight:700;line-height:1.6;border:0}
.fuel-trip-table tbody th{width:26%;font-size:.86rem;font-weight:750}
.fuel-trip-table tbody tr:nth-child(even){background:#e9eddf}
.fuel-money-section{background:#e9eddf;max-width:none}
.fuel-hub-copy>.button{margin-top:9px}
.fuel-next-links{border-top:3px solid var(--ink);align-self:start}
.fuel-next-links>a{display:block;padding:25px 0;border-bottom:1px solid var(--line)}
.fuel-next-links span{font-size:.65rem;letter-spacing:.07em;font-weight:750;color:var(--muted)}
.fuel-next-links strong{font-family:var(--display);font-size:2rem;line-height:1.1;display:block;margin:12px 0}
.fuel-next-links small{font-size:.9rem;line-height:1.6;display:block}
.fuel-next-links>a:hover strong{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.fuel-no-buy{background:var(--lime);max-width:none;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.fuel-no-buy h2{font-size:clamp(2.8rem,4vw,4.5rem);line-height:1;margin-bottom:23px}
.fuel-no-buy>p:not(.eyebrow){max-width:820px;font-size:1.08rem;line-height:1.8;margin-bottom:0}
.fuel-reading .department-heading h2{font-size:3.5rem}
@media(max-width:1050px){.fuel-check,.fuel-hub-section{gap:38px;grid-template-columns:.8fr 1.3fr}.fuel-hub-opening{gap:45px}.fuel-check-result{gap:15px;padding:22px}.fuel-yearly{padding-left:15px}}
@media(max-width:800px){.fuel-check,.fuel-hub-section,.fuel-hub-opening{grid-template-columns:1fr;gap:30px}.fuel-check-intro>p:not(.eyebrow){max-width:560px}.fuel-hub-opening{padding-top:35px}.fuel-hub-opening h1{font-size:5rem}.fuel-hub-lede>p{max-width:none}.fuel-trip-table{min-width:0}.fuel-trip-table th,.fuel-trip-table td{padding:15px 11px}}
@media(max-width:720px){.fuel-cover .cover-story h1{font-size:clamp(3.2rem,12.4vw,5.3rem)}.fuel-cover .cover-story{padding-top:40px}.fuel-cover .cover-story .eyebrow{font-size:.7rem;max-width:280px;margin-bottom:22px}.fuel-cover .cover-story>p:not(.eyebrow){max-width:340px}.fuel-check{scroll-margin-top:90px}.fuel-check-intro h2,.fuel-hub-section h2{font-size:3.4rem}.fuel-hub-opening h1{font-size:clamp(3.4rem,12vw,5rem)}.fuel-hub-lede>p{font-size:1.1rem}.fuel-check-result{padding:22px}.fuel-trip-table{min-width:460px}.fuel-trip-table-wrap{padding-bottom:8px}.fuel-fields{gap:18px 14px}.fuel-form-action .button{font-size:.85rem}.fuel-reading .department-heading h2{font-size:3rem}}
@media(max-width:380px){.fuel-fields{grid-template-columns:1fr}.fuel-check-result{grid-template-columns:1fr;gap:20px}.fuel-yearly{display:flex;gap:24px;padding:18px 0 0;border-left:0;border-top:1px solid #10171050}.fuel-yearly p{margin:0}.fuel-monthly>span{max-width:none}.fuel-check-intro h2,.fuel-hub-section h2{font-size:3rem}.fuel-cover .cover-story .button{gap:20px;font-size:.82rem;padding-inline:15px}}