/* Data-led home panels, isolated from maps and station detail pages. */
.home-page{background:#f3f6fb}
.home-page .home-intro{background:radial-gradient(ellipse at 0% 100%,#cdeee1,transparent 62%),radial-gradient(ellipse at 100% 0%,#d0e4ff,transparent 60%),#f6faff;border-color:#d4e3ef;padding:30px 36px}
.home-page .home-intro h1{font-size:clamp(32px,3.2vw,46px)}
.home-page .home-intro h1>span{color:#14754d}
.home-page .home-search-area{border-top:4px solid #2c71b3}
.hero-paths{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px}.hero-paths a{display:flex;gap:6px;align-items:center;font-size:12px;font-weight:700;color:#205b82;text-decoration:none;min-height:36px}.hero-paths a:hover{text-decoration:underline}.home-page .hero-paths .station-ui-icon{width:17px;height:17px;flex-basis:17px}
.market-overview,.market-comparisons,.home-energy-note{max-width:1440px;width:calc(100% - 64px);margin:28px auto}
.market-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}
.market-heading h2{font-size:26px;letter-spacing:-.8px;line-height:1.3;margin:5px 0 0}.market-heading .eyebrow{font-size:10px;color:#397156;letter-spacing:.12em}.market-heading p{font-size:12px;line-height:1.6;color:#526b81;margin:7px 0 0}
.market-heading label{font-size:11px;font-weight:700;color:#385471;flex:0 0 225px}.market-heading select{display:block;min-height:44px;margin-top:6px;background:#fff;border:1px solid #ccdbe8;border-radius:9px;padding:10px 12px;font-size:13px;color:#214563}
.market-fuel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.market-fuel-card{border:1px solid #bbddcd;border-top:4px solid #26865c;border-radius:14px;padding:20px 22px;background:linear-gradient(125deg,#e4f5ec,#f4fcf7);min-width:0;position:relative}
.market-fuel-gasolina_98{background:linear-gradient(125deg,#edf5d9,#f9fbed);border-color:#d8e5bc;border-top-color:#8ba84e}
.market-fuel-gasoleo_a{background:linear-gradient(125deg,#e1eafb,#f2f6fd);border-color:#c8d9ef;border-top-color:#315a85}
.market-fuel-title{display:flex;align-items:center;gap:12px}.home-page .market-fuel-title .fuel-type-icon{width:48px;height:48px;object-fit:contain;flex:0 0 48px}.market-fuel-title h3{font-size:17px;line-height:1.4;margin:0;color:#173952}.market-fuel-title span{font-size:11px;color:#526c78}
.market-big-price{font-size:40px;line-height:1.2;font-weight:800;letter-spacing:-1.5px;color:#163952;margin:18px 0 8px;font-variant-numeric:tabular-nums}.market-big-price>span{font-size:14px;font-weight:500;letter-spacing:0;margin-left:7px;color:#4d697c}
.market-change{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;line-height:1.5;color:#50667b}.home-page .market-change .station-ui-icon{width:14px;height:14px;flex-basis:14px}.market-change small{font-size:10px;font-weight:400}.market-change.up{color:#a03b49}.market-change.down{color:#166641}.market-fuel-card>.market-change{padding:4px 7px;background:#ffffffa3;border-radius:6px}
.market-fuel-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #254c631c;margin-top:16px;padding-top:12px;font-size:11px;color:#4e6575}.market-fuel-foot a{display:flex;align-items:center;gap:5px;font-weight:700;color:#245c7d;text-decoration:none}.home-page .market-fuel-foot .station-ui-icon{width:14px;height:14px;flex-basis:14px}
.market-source{font-size:10px;line-height:1.6;color:#5b7183;margin:10px 0 0}
.market-comparisons{scroll-margin-top:90px;margin-top:36px}
.market-ranking-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.market-board{background:#fff;border:1px solid #dbe5ee;border-radius:15px;overflow:hidden;padding:20px;min-width:0}
.market-board h3{display:flex;align-items:center;gap:10px;font-size:17px;line-height:1.5;margin:0;color:#193b54}.market-board h3>span{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;background:#def1e6;color:#1d774b;border-radius:11px}.market-board-expensive h3>span{background:#f8e7e8;color:#9e4651}.market-provinces h3>span{background:#e4efff;color:#2966a1}
.market-board>p,.market-board .market-heading p{font-size:11px;color:#5a6f80;line-height:1.6;margin:8px 0 14px}.market-board-cheap{border-top:4px solid #3b9a70}.market-board-expensive{border-top:4px solid #bd7680}
.market-ranking{list-style:none;padding:0;margin:0}.market-ranking li{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #e8eef4;min-width:0}.market-ranking li:last-child{border:0}.market-rank{display:grid;place-items:center;flex:0 0 23px;height:23px;background:#eef4f8;border-radius:7px;font-size:11px;font-weight:700;color:#5b7388}.market-ranking li:first-child .market-rank{background:#daf0e3;color:#1a6c43}
.market-ranking a{display:flex;align-items:center;gap:10px;min-width:0;text-decoration:none;color:#234863;flex:1}.market-ranking a:hover strong{text-decoration:underline}.market-ranking a>span{min-width:0}.market-ranking a strong{display:block;font-size:12px;overflow-wrap:anywhere;line-height:1.5}.market-ranking a small{display:block;font-size:10px;color:#60778a;margin-top:3px}.market-ranking img{width:32px;height:32px;flex:0 0 32px;object-fit:contain}.market-ranking-price{flex-shrink:0;text-align:right;max-width:47%}.market-ranking-price>strong{display:block;font-size:17px;color:#163a56;font-variant-numeric:tabular-nums}.market-ranking-price>strong small{font-size:10px;font-weight:500}.market-ranking-price .market-change{font-size:10px;margin-top:3px}.market-ranking-price .market-change small{display:none}
.market-empty{font-size:13px;color:#597084;line-height:1.7;padding:15px 0}
.market-movers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}
.market-mover{display:flex;align-items:center;gap:14px;padding:20px;border:1px solid #e7cfd2;border-radius:13px;background:#fbf0f1;min-width:0}.market-mover.down{background:#e8f5ee;border-color:#c8e1d3}.market-mover-icon{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;background:#f2d9dd;border-radius:50%;color:#97394a}.market-mover.down .market-mover-icon{background:#cde8d8;color:#206c43}.market-mover>div{flex:1;min-width:0}.market-mover h3{font-size:12px;line-height:1.5;margin:0 0 8px;color:#526378}.market-mover a{display:flex;align-items:center;gap:8px;color:#193e56;text-decoration:none;font-size:14px;overflow-wrap:anywhere}.market-mover img{width:28px;height:28px;object-fit:contain}.market-mover p{font-size:10px;line-height:1.6;color:#556d7e;margin:5px 0 0}.market-mover>.market-change{flex-direction:column;font-size:18px;flex-shrink:0}.market-mover>.market-change .station-ui-icon{display:none}
.market-provinces{border-top:4px solid #4d83ba}.market-provinces>.market-ranking{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}.market-provinces .market-ranking .station-ui-icon{color:#4c82b0;width:18px;height:18px;flex-basis:18px}
.market-all-provinces{border-top:1px solid #e2eaf2;margin-top:12px;padding-top:12px}.market-all-provinces summary,.market-method summary{cursor:pointer;color:#2a5d82;font-size:12px;font-weight:700;line-height:1.6;padding:8px 0}.market-all-provinces .market-ranking{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
.market-all-link{display:flex;align-items:center;gap:8px;justify-content:center;margin:18px 0;color:#245c88;font-size:12px;font-weight:700;text-decoration:none;line-height:1.6}.market-method{padding:12px 20px;border-radius:12px;background:#eaf0f7;border:1px solid #dbe5ef}.market-method p{font-size:12px;line-height:1.8;color:#52687c}
.home-energy-note{display:flex;gap:18px;align-items:center;padding:22px 26px;border:1px solid #eddfbf;border-radius:14px;background:linear-gradient(115deg,#fff0ce,#fff9ee)}.home-energy-note>span{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;background:#fae1a4;border-radius:13px;color:#946518}.home-energy-note h2{font-size:17px;margin:0 0 5px}.home-energy-note p{font-size:12px;color:#6e6b5d;margin:0;line-height:1.7}.home-energy-note a{margin-left:auto;flex-shrink:0;font-size:12px;color:#795613;font-weight:700}
.home-page [data-market-region][hidden],.home-page [data-market-fuel][hidden]{display:none}
@media(max-width:1050px){.market-mover{flex-wrap:wrap}.market-mover>.market-change{flex-direction:row;margin-left:54px}.market-heading h2{font-size:23px}.market-fuel-card{padding:18px}.market-big-price{font-size:34px}}
@media(max-width:760px){
.home-page .home-intro{padding:20px 18px}.home-page .home-intro h1{font-size:32px}.hero-paths{gap:4px 12px;margin-top:10px}.hero-paths a{font-size:11px}
.market-overview,.market-comparisons,.home-energy-note{width:calc(100% - 28px);margin:24px auto}
.market-heading{align-items:stretch;flex-direction:column;gap:12px}.market-heading h2{font-size:23px}.market-heading p{font-size:11px}.market-heading label{flex-basis:auto}.market-heading select{font-size:16px;margin-top:5px}
.market-fuel-grid{gap:8px}.market-fuel-card{padding:12px 9px;border-radius:11px;border-top-width:3px}.market-fuel-title{flex-direction:column;align-items:flex-start;gap:6px}.home-page .market-fuel-title .fuel-type-icon{width:36px;height:36px;flex-basis:36px}.market-fuel-title h3{font-size:12px}.market-fuel-title span{display:none}.market-big-price{font-size:25px;letter-spacing:-1px;margin:12px 0 6px}.market-big-price>span{display:block;font-size:10px;margin-left:0;letter-spacing:0}.market-fuel-card>.market-change{font-size:10px;padding:3px 0;background:none;flex-wrap:wrap;gap:2px}.market-fuel-card>.market-change small{font-size:9px}.home-page .market-fuel-card .market-change .station-ui-icon{display:none}.market-fuel-foot{flex-direction:column;align-items:start;gap:7px;font-size:9px;margin-top:8px;padding-top:8px}.market-fuel-foot a{font-size:10px;min-height:28px}.market-source{font-size:9px}
.market-ranking-grid,.market-movers{grid-template-columns:1fr;gap:14px}.market-board{padding:16px}.market-board h3{font-size:16px;gap:8px}.market-board h3>span{width:32px;height:32px;flex-basis:32px}.market-ranking li{gap:7px}.market-ranking a{gap:7px}.market-ranking a strong{font-size:11px}.market-ranking-price>strong{font-size:16px}.market-ranking img{width:28px;height:28px;flex-basis:28px}.market-ranking-price{max-width:42%}.market-ranking-price .market-change{font-size:9px}.market-ranking-price .market-change .station-ui-icon{display:none}.market-rank{flex-basis:20px;height:20px;font-size:10px}
.market-mover{padding:16px}.market-mover>.market-change{margin-left:0;font-size:17px}.market-provinces>.market-ranking,.market-all-provinces .market-ranking{grid-template-columns:1fr;gap:0}.market-all-link{font-size:11px;justify-content:flex-start}.market-method{padding:10px 16px}
.home-energy-note{padding:18px;flex-wrap:wrap;gap:12px}.home-energy-note>div{flex:1;min-width:160px}.home-energy-note h2{font-size:15px}.home-energy-note a{margin:0 0 0 58px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){.home-page{scroll-behavior:auto}}
.market-ranking-column{display:flex;flex-direction:column;gap:18px;min-width:0}
.market-ranking-column>.market-board{flex:1}
.market-ranking-grid{margin-bottom:18px}
@media(max-width:760px){
.market-mover{display:grid;grid-template-columns:32px minmax(0,1fr) max-content;align-items:center;gap:8px 10px}
.market-mover-icon{width:32px;height:32px;grid-column:1;grid-row:1/3;align-self:start}
.market-mover>div{display:contents}
.market-mover h3,.market-mover p{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:break-word;height:auto;max-height:none}
.market-mover h3{grid-column:2/-1;grid-row:1;font-size:13px;line-height:1.6;margin:0}
.market-mover p{grid-column:2/-1;grid-row:3;font-size:11px;line-height:1.7;margin:0}
.market-mover>.market-change{grid-column:3;grid-row:2;justify-self:end;align-items:flex-end;flex-direction:column;margin:0;gap:0;font-size:15px;white-space:nowrap}
.market-mover a{grid-column:2;grid-row:2;align-items:center;min-width:0;font-size:12px}.market-mover a img{flex:0 0 28px}.market-mover a strong{min-width:0}
}