@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--bg:#f6f7f2;--ink:#193e31;--green:#297d65;--muted:#72816f;--line:#dce4d9;--up:#b65b33;--down:#297d65}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased}.shell{max-width:1240px;margin:auto;padding:0 36px}header{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}a{color:var(--green)}.brand{font:800 39px/1 Manrope,system-ui;letter-spacing:-2.5px;text-decoration:none;color:var(--ink)}.brand span{color:#63a779}.back{font-size:12px;text-decoration:none;color:#7c8d75}.intro{padding:42px 0 30px}.eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:700;color:#839774}h1{font:800 clamp(35px,5vw,56px)/1.2 Manrope,system-ui;letter-spacing:-2px;margin:14px 0}h1 span{color:var(--green)}.intro p{font-size:14px;line-height:1.8;color:var(--muted)}h2{font:800 23px/1.35 Manrope,system-ui;letter-spacing:-.6px;margin:8px 0 0}h3{font:700 16px Manrope,system-ui;margin:0}button,select,input{font:inherit}button{cursor:pointer}.textbtn{background:none;border:0;padding:8px;color:var(--green);font-size:12px;font-weight:600}.textbtn:disabled{opacity:.5;cursor:wait}.national-panel{padding:24px 28px;background:#eaf1e3;border:1px solid #d6e2ce;border-radius:18px;margin:0 0 27px}.national-head,.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.national-head h2{font-size:18px}.national-head>a,.section-heading>a{font-size:11px;text-decoration:none;white-space:nowrap}.national-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:24px}.national-fuel+ .national-fuel{border-left:1px solid #d0dec6;padding-left:32px}.national-fuel h3{font-size:12px;color:#6c805e;margin-bottom:14px}.national-pair{display:flex;align-items:center;justify-content:space-between;gap:12px}.national-pair>div>span{display:block;font-size:10px;color:#73876a}.national-pair strong{display:block;font:800 32px Manrope,system-ui;letter-spacing:-1px;margin-top:4px}.national-pair strong small{font:500 11px 'DM Sans',system-ui;letter-spacing:0;margin-left:4px}.national-arrow{color:#8eaa7e;font-size:22px}.subtle{font-size:10px;color:#7d8e72;line-height:1.7;margin:17px 0 0}.city-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:0 0 28px}.city-toolbar label{display:block;font-size:11px;font-weight:600;margin-bottom:9px}select{min-width:260px;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:10px;padding:12px 15px;font-size:14px}.refresh-tools{display:flex;align-items:center;gap:12px}.refresh-tools>span{font-size:10px;line-height:1.6;color:#819075;max-width:350px}.section-heading{margin-bottom:20px}.forecast-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.forecast{background:white;border:1px solid var(--line);border-radius:17px;overflow:hidden}.forecast-head{padding:15px 20px;display:flex;justify-content:space-between;align-items:center;gap:10px;background:#eef2e8;font-size:12px;font-weight:700}.forecast-head time{font-weight:500;font-size:11px;color:#77886c}.upcoming .forecast-head{background:var(--green);color:white}.upcoming .forecast-head time{color:#e3eee3}.fuel-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:23px 20px;gap:12px}.fuel-cell>span{font-size:11px;color:#7a8772}.fuel-cell>strong{display:block;font:800 clamp(22px,3vw,34px)/1.2 Manrope,system-ui;letter-spacing:-1px;margin-top:7px;white-space:nowrap}.fuel-cell small{font:500 9px 'DM Sans',system-ui;letter-spacing:0;margin-left:3px}.change{font-size:11px;font-weight:600;color:#849379;margin:9px 0 0}.up{color:var(--up)}.down{color:var(--down)}.source-note{font-size:10px;line-height:1.8;color:#85917e;margin:14px 2px 0}.history-section{margin:37px 0 0}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.summary-card{padding:17px 20px;background:#fff;border:1px solid var(--line);border-radius:12px}.summary-card>span{font-size:9px;color:#829275;display:block;font-weight:600}.summary-card strong{font:800 25px/1.3 Manrope,system-ui;display:block;margin-top:8px;letter-spacing:-.7px}.summary-card:first-child{background:#e6efdd}.summary-card .high-low{font-size:19px}.summary-caption{font-size:10px;line-height:1.7;color:#88947f;margin:12px 2px 18px}.chart-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:22px}.chart-toolbar{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.segmented{display:flex;gap:5px;flex-wrap:wrap}.segmented button{background:#fff;border:1px solid #d5e1ce;color:#648159;padding:8px 12px;border-radius:7px;font-size:11px}.segmented button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:white}.chart-subhead{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:11px;color:#6d8364;margin:22px 0 6px;min-height:22px}#chartReadout{font-weight:600;text-align:right}.chart{width:100%;height:290px}.chart svg{display:block;width:100%;height:290px;touch-action:pan-y}.chart text{font-family:'DM Sans',system-ui;font-size:10px;fill:#8a9881}#chartCursor{width:100%;accent-color:var(--green);height:18px;margin:5px 0;cursor:pointer}.chart-note{font-size:10px;color:#8c9882;line-height:1.7}.data-details{font-size:11px;color:#728c65;margin-top:15px}.data-details summary{cursor:pointer}.table-scroll{max-height:300px;overflow:auto;margin-top:12px}table{border-collapse:collapse;width:100%;font-size:11px}th,td{padding:11px 14px;text-align:right;border-bottom:1px solid #e7ecdf}th:first-child,td:first-child{text-align:left}th{background:#f4f7ef;position:sticky;top:0}.bottom-note{margin:25px 0;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#8b9980}footer{display:flex;align-items:center;gap:24px;border-top:1px solid var(--line);padding:25px 0 30px;font-size:10px;color:#8b9980}footer>a:last-child{margin-left:auto;text-decoration:none}.small{font-size:26px;letter-spacing:-1.5px}#error{font-size:12px;color:#ac633c;line-height:1.7;margin-bottom:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:3px solid #93b577;outline-offset:4px}@media(max-width:1000px){.forecast-grid{grid-template-columns:1fr}.fuel-cell>strong{font-size:35px}}@media(max-width:650px){.shell{padding:0 20px}header{height:82px}.brand{font-size:33px}.intro{padding:30px 0 22px}h1{letter-spacing:-1px}.intro p{font-size:13px}.national-panel{padding:20px}.national-grid{grid-template-columns:1fr;gap:19px}.national-fuel+ .national-fuel{border-left:0;border-top:1px solid #d0dec6;padding:18px 0 0}.national-head{align-items:start}.national-head h2{font-size:16px}.national-head>a{max-width:80px;white-space:normal;text-align:right;line-height:1.7}.national-pair strong{font-size:31px}.city-toolbar{display:block}.city-toolbar select{width:100%;min-width:0}.refresh-tools{justify-content:space-between;margin-top:12px}.forecast-head{padding:14px 16px}.forecast-head time{font-size:10px}.fuel-row{padding:20px 15px;gap:8px}.fuel-cell>strong{font-size:29px}.fuel-cell small{font-size:8px}.summary-grid{grid-template-columns:1fr 1fr;gap:10px}.summary-card{padding:16px}.summary-card strong{font-size:24px}.summary-card .high-low{font-size:18px}.chart-card{padding:15px}.chart-subhead{font-size:10px;align-items:start}.segmented button{padding:8px 10px}.bottom-note{display:block;line-height:1.8}.bottom-note span{display:block}footer{flex-wrap:wrap;gap:16px}footer>a:last-child{margin-left:0;flex-basis:100%}}

header .brand{white-space:nowrap;word-spacing:-.08em;direction:ltr;unicode-bidi:isolate}

.location-selectors{display:grid;grid-template-columns:180px minmax(150px,1fr) minmax(200px,1.4fr);gap:24px;flex:1 1 640px;min-width:0}.location-selectors>div{min-width:0}.location-selectors select{min-width:0;max-width:100%;width:100%}.city-toolbar{flex-wrap:wrap;gap:20px}.city-toolbar .refresh-tools{margin-inline-start:auto}.us-national{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#eaf0e3;border:1px solid #d6e2d4;padding:20px 24px;border-radius:16px;margin-bottom:32px;font-size:12px;color:#607765}.us-national strong{color:#193e31;font-size:25px;white-space:nowrap}.us-national strong small{font-size:11px;font-weight:500}.us-fuel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:14px}.us-fuel-card{min-width:0;background:#fff;border:1px solid #dce4d9;border-radius:18px;padding:22px}.us-fuel-card>span{font-size:13px;font-weight:600;color:#607765}.us-fuel-card strong{display:block;font-size:32px;letter-spacing:-1.2px;margin-top:16px;direction:ltr;unicode-bidi:isolate}.us-fuel-card>small{color:#778579;font-size:11px}.us-fuel-card .change{font-size:11px;margin-bottom:0}.us-forecast-note{border:1px dashed #d1ddc9;border-radius:14px;padding:17px 20px;margin-top:18px;font-size:12px}.us-forecast-note p{margin:6px 0 0;color:#687b6b;line-height:1.7}.us-comparison-bars{display:grid;gap:18px;padding:20px 0 30px}.us-bar-row{display:grid;grid-template-columns:minmax(85px,145px) 1fr 90px;align-items:center;gap:16px;font-size:12px}.us-bar-track{height:20px;background:#edf2e7;border-radius:5px;overflow:hidden}.us-bar-track i{display:block;height:100%;background:#468d70;border-radius:5px}.us-bar-row strong{font-variant-numeric:tabular-nums;text-align:end;direction:ltr;unicode-bidi:isolate}.table-scroll caption{text-align:start;font-size:12px;color:#657c66;padding-bottom:14px}#usView .summary-card strong{font-size:25px;direction:ltr;unicode-bidi:isolate}#usView .summary-card small{display:block;font-size:11px;color:#687b6b;margin-top:8px}.subtle{line-height:1.7}#usView .section-heading h2{overflow-wrap:anywhere}html[dir=rtl] .us-fuel-card strong,html[dir=rtl] .us-national strong{direction:ltr;unicode-bidi:isolate}@media(max-width:800px){.location-selectors{width:100%;grid-template-columns:1fr 1fr}.location-selectors>div:last-child{grid-column:1/-1}.us-national{flex-wrap:wrap}}@media(max-width:480px){.us-fuel-grid{grid-template-columns:1fr 1fr;gap:10px}.us-fuel-card{padding:18px 12px}.us-fuel-card strong{font-size:26px}.us-bar-row{grid-template-columns:85px 1fr 75px;gap:10px;font-size:11px}.us-national{padding:18px}.us-national strong{font-size:23px}}

.price-transition{margin-top:12px;padding-top:10px;border-top:1px solid #e3eadf;font-size:10px;line-height:1.6;color:#6b7d6f}.transition-values{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px;direction:ltr;unicode-bidi:isolate;font-size:12px;color:#193e31;font-variant-numeric:tabular-nums;margin-top:3px}.transition-values>span{white-space:nowrap}.transition-values>span:last-child{font-weight:700}