.hp-economy-block{--eco-up:#18864b;--eco-down:#cc3344;min-width:0;color:var(--hp-text)}
.hp-economy-block :is(h1,h2,h3,p,dl,dd){margin:0}.hp-economy-block a{color:inherit;text-decoration:none}.hp-economy-block a:hover{text-decoration:underline;text-decoration-color:var(--hp-accent);text-underline-offset:3px}
.hp-economy-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:clamp(1rem,3vw,2.5rem);padding:clamp(1.15rem,4vw,3rem);overflow:hidden;color:var(--hp-text);background:var(--hp-surface);border-radius:clamp(8px,1.5vw,18px)}
.hp-economy-kicker{display:inline-flex;align-items:center;gap:.4rem;color:var(--hp-accent);font-size:.72rem;font-weight:800;letter-spacing:.08em}.hp-economy-hero h1{max-width:720px;margin:.45rem 0 .65rem;font-size:clamp(1.65rem,4.4vw,3.6rem);line-height:.98}.hp-economy-hero p{max-width:620px;color:var(--hp-muted);font-size:clamp(.85rem,1.25vw,1.05rem);line-height:1.55}.hp-economy-hero time{display:flex;align-items:center;gap:.35rem;margin-top:1rem;color:var(--hp-muted);font-size:.7rem}
.hp-economy-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;align-self:center;background:var(--hp-border)}.hp-economy-highlights a{display:flex;min-width:0;min-height:104px;flex-direction:column;justify-content:center;padding:1rem;background:color-mix(in srgb,var(--hp-border) 18%,var(--hp-surface))}.hp-economy-highlights span{overflow:hidden;color:var(--hp-muted);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.hp-economy-highlights strong{margin:.2rem 0;font-size:clamp(1rem,2vw,1.35rem)}
.hp-economy-change{font-size:.72rem;font-weight:750}.hp-economy-change--up{color:var(--eco-up)}.hp-economy-change--down{color:var(--eco-down)}.hp-economy-change--flat{color:var(--hp-muted)}.hp-economy-row>.hp-economy-change{display:flex;align-items:center;justify-content:flex-end;gap:.35rem;white-space:nowrap}.hp-economy-spark{width:70px;height:24px;flex:0 0 70px;opacity:.72}
.hp-economy-nav{display:flex;gap:.4rem;margin-top:.7rem;overflow-x:auto;scrollbar-width:none}.hp-economy-nav::-webkit-scrollbar{display:none}.hp-economy-nav a{flex:0 0 auto;padding:.48rem .85rem;color:var(--hp-muted);font-size:.76rem;font-weight:650;background:var(--hp-surface);border-radius:999px}.hp-economy-nav a:hover{color:#fff;background:var(--hp-accent);text-decoration:none}
.hp-economy-panel,.hp-economy-tools,.hp-economy-news{min-width:0;background:var(--hp-surface)}.hp-economy-tools{container-type:inline-size}.hp-economy-panel__head,.hp-economy-tools>header{display:flex;align-items:center;gap:.7rem;margin-bottom:.75rem}.hp-economy-panel__head>i,.hp-economy-tools>header>i{display:grid;width:38px;height:38px;flex:0 0 38px;place-items:center;color:#fff;background:var(--hp-accent);border-radius:9px;font-size:1.05rem}.hp-economy-panel__head h2,.hp-economy-tools h2,.hp-economy-news h2{font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.15}.hp-economy-panel__head small,.hp-economy-tools header p{display:block;margin-top:.18rem;color:var(--hp-muted);font-size:.68rem}
.hp-economy-table{min-width:0}.hp-economy-table__head,.hp-economy-row{display:grid;grid-template-columns:minmax(150px,1.2fr) minmax(85px,.65fr) minmax(95px,.7fr) minmax(78px,.5fr);align-items:center;gap:.7rem}.hp-economy-table__head{padding:.55rem .7rem;color:var(--hp-muted);background:color-mix(in srgb,var(--hp-border) 34%,transparent);font-size:.67rem;font-weight:750;text-transform:uppercase}.hp-economy-row{min-height:58px;padding:.55rem .7rem;border-block-end:1px solid var(--hp-border);font-size:.78rem}.hp-economy-row:last-child{border-block-end:0}.hp-economy-row__name{display:flex;min-width:0;align-items:center;gap:.6rem}.hp-economy-row__name>img,.hp-economy-row__name>i{width:28px;height:28px;flex:0 0 28px;object-fit:contain}.hp-economy-row__name>i{display:grid;place-items:center;color:var(--hp-accent);font-size:1rem}.hp-economy-row__name span{display:grid;min-width:0}.hp-economy-row__name b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hp-economy-row__name small{color:var(--hp-muted);font-size:.62rem}.hp-economy-row>strong{font-size:.85rem}.hp-economy-more{display:flex;align-items:center;justify-content:flex-end;gap:.35rem;margin-top:.7rem;color:var(--hp-accent)!important;font-size:.74rem;font-weight:750}.hp-economy-more i{transition:transform .2s ease}.hp-economy-more:hover i{transform:translateX(3px)}
.hp-economy-block--commodities .hp-economy-price{display:flex;min-width:0;flex-direction:column;align-items:flex-start;justify-content:center;gap:.14rem;line-height:1}.hp-economy-block--commodities .hp-economy-price__value{font-size:.85rem;font-weight:750;white-space:nowrap}.hp-economy-block--commodities .hp-economy-price__unit{overflow:hidden;max-width:100%;color:var(--hp-muted);font-size:.57rem;font-weight:550;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
.hp-economy-news header{display:flex;align-items:baseline;gap:.65rem;margin-bottom:.7rem}.hp-economy-news header>span{color:var(--hp-accent);font-size:.68rem;font-weight:850;letter-spacing:.08em}.hp-economy-news__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.65rem,1.6vw,1rem)}.hp-economy-news article{min-width:0}.hp-economy-news__media{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--hp-border)}.hp-economy-news__media img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.hp-economy-news article:hover img{transform:scale(1.04)}.hp-economy-news article>div{padding:.55rem 0}.hp-economy-news article small{color:var(--hp-accent);font-size:.62rem;font-weight:750}.hp-economy-news h3{margin:.25rem 0;font-size:.86rem;line-height:1.35}.hp-economy-news time{color:var(--hp-muted);font-size:.62rem}
.hp-economy-fuel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.hp-economy-fuel article{padding:.8rem;background:color-mix(in srgb,var(--hp-border) 24%,transparent);border-radius:8px}.hp-economy-fuel h3{margin-bottom:.5rem;font-size:.8rem}.hp-economy-fuel dl{display:grid;gap:.35rem}.hp-economy-fuel dl div{display:flex;justify-content:space-between;gap:.5rem;font-size:.73rem}.hp-economy-fuel dt{color:var(--hp-muted)}.hp-economy-fuel dd{font-weight:750}
.hp-fuel-page>.hp-economy-panel__head{position:relative;z-index:12}.hp-fuel-city-picker{position:relative;margin-inline-start:auto}.hp-fuel-city-picker summary{display:flex;align-items:center;gap:.38rem;padding:.55rem .72rem;color:var(--hp-text);background:color-mix(in srgb,var(--hp-border) 30%,var(--hp-surface));border:1px solid var(--hp-border);border-radius:7px;cursor:pointer;font-size:.72rem;font-weight:700;list-style:none}.hp-fuel-city-picker summary::-webkit-details-marker{display:none}.hp-fuel-city-picker summary>i:last-child{color:var(--hp-muted);transition:transform .2s ease}.hp-fuel-city-picker[open] summary>i:last-child{transform:rotate(180deg)}.hp-fuel-city-picker>div{position:absolute;z-index:1120;inset-block-start:calc(100% + .45rem);inset-inline-end:0;width:min(680px,calc(100vw - 2rem));padding:.75rem;background:var(--hp-surface);border:1px solid var(--hp-border);border-radius:10px;box-shadow:0 12px 28px rgb(0 0 0/.14)}.hp-fuel-city-picker label{position:relative;display:block;margin-bottom:.6rem}.hp-fuel-city-picker label i{position:absolute;z-index:1;inset-block-start:50%;inset-inline-start:.7rem;transform:translateY(-50%);color:var(--hp-muted)}.hp-fuel-city-picker input{width:100%;height:40px;padding:0 .75rem 0 2.1rem;color:var(--hp-text);background:var(--hp-surface);border:1px solid var(--hp-border);border-radius:7px;outline:0;font:inherit;font-size:.78rem}.hp-fuel-city-picker input:focus{border-color:var(--hp-accent);box-shadow:none}.hp-fuel-city-picker nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-height:290px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--hp-border) transparent}.hp-fuel-city-picker nav a{overflow:hidden;padding:.48rem .58rem;border-radius:5px;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.hp-fuel-city-picker nav a:hover,.hp-fuel-city-picker nav a[aria-current=page]{color:#fff;background:var(--hp-accent);text-decoration:none}.hp-fuel-city-picker nav a[hidden]{display:none}
.hp-fuel-empty{padding:1rem;color:var(--hp-muted);background:color-mix(in srgb,var(--hp-border) 22%,transparent);font-size:.78rem;text-align:center}.hp-fuel-cities{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--hp-border)}.hp-fuel-cities>header{display:flex;align-items:baseline;gap:.6rem;margin-bottom:.7rem}.hp-fuel-cities>header span{color:var(--hp-accent);font-size:.66rem;font-weight:850;letter-spacing:.08em}.hp-fuel-cities>header h3{font-size:1rem}.hp-fuel-cities>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem}.hp-fuel-cities>div>a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.42rem;min-width:0;padding:.52rem .6rem;color:var(--hp-text);background:color-mix(in srgb,var(--hp-border) 18%,transparent);border:1px solid var(--hp-border);border-radius:6px;font-size:.7rem}.hp-fuel-cities>div>a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hp-fuel-cities>div>a i:first-child{color:var(--hp-accent)}.hp-fuel-cities>div>a i:last-child{color:var(--hp-muted)}.hp-fuel-cities>div>a:hover,.hp-fuel-cities>div>a[aria-current=page]{color:#fff;background:var(--hp-accent);border-color:var(--hp-accent);text-decoration:none}.hp-fuel-cities>div>a:hover i,.hp-fuel-cities>div>a[aria-current=page] i{color:#fff}
.hp-economy-tools>header{margin-bottom:1rem}.hp-economy-tools__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.hp-economy-tools form{display:grid;align-content:start;gap:.65rem;padding:1rem;background:color-mix(in srgb,var(--hp-border) 24%,transparent);border-radius:10px}.hp-economy-tools h3{font-size:.88rem}.hp-economy-tools label{display:grid;gap:.25rem;color:var(--hp-muted);font-size:.65rem}.hp-economy-tools :is(input,select){width:100%;height:38px;padding:0 .65rem;color:var(--hp-text);background:var(--hp-surface);border:1px solid var(--hp-border);border-radius:6px;outline:0;font:inherit;font-size:.76rem}.hp-economy-tools :is(input,select):focus{border-color:var(--hp-accent);box-shadow:none}.hp-economy-tool-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.hp-economy-tools output{display:block;padding:.6rem .7rem;color:var(--hp-text);background:color-mix(in srgb,var(--hp-accent) 10%,var(--hp-surface));border-radius:6px;font-size:1rem;font-weight:800}.hp-economy-tools--currency .hp-economy-tools__grid,.hp-economy-tools--gold .hp-economy-tools__grid,.hp-economy-tools--fuel .hp-economy-tools__grid{grid-template-columns:1fr}
[data-bs-theme="dark"] .hp-economy-hero{color:#fff;background:linear-gradient(132deg,color-mix(in srgb,var(--hp-dark-bg,#101216) 94%,var(--hp-accent)),var(--hp-dark-bg,#101216))}[data-bs-theme="dark"] .hp-economy-hero :is(p,time){color:rgb(255 255 255/.65)}[data-bs-theme="dark"] .hp-economy-highlights{background:rgb(255 255 255/.14)}[data-bs-theme="dark"] .hp-economy-highlights a{background:color-mix(in srgb,var(--hp-dark-bg,#101216) 86%,transparent)}[data-bs-theme="dark"] .hp-economy-highlights span{color:rgb(255 255 255/.65)}
@container (max-width:520px){.hp-economy-tools__grid,.hp-economy-tool-pair{grid-template-columns:1fr}}
@media(max-width:991.98px){.hp-fuel-city-picker nav,.hp-fuel-cities>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767.98px){.hp-economy-hero{grid-template-columns:1fr}.hp-economy-highlights a{min-height:82px}.hp-economy-tools__grid,.hp-economy-news__grid{grid-template-columns:1fr}.hp-economy-news article{display:grid;grid-template-columns:112px minmax(0,1fr);gap:.65rem}.hp-economy-news__media{align-self:start}.hp-economy-news article>div{padding:0}.hp-economy-table__head{display:none}.hp-economy-row{grid-template-columns:minmax(125px,1fr) auto auto;gap:.35rem .6rem}.hp-economy-row>span:nth-child(2){display:none}.hp-economy-row>strong{grid-column:2}.hp-economy-row>.hp-economy-change{grid-column:3}.hp-economy-fuel{grid-template-columns:1fr}.hp-fuel-page>.hp-economy-panel__head{align-items:flex-start;flex-wrap:wrap}.hp-fuel-city-picker{width:100%;margin-inline-start:0}.hp-fuel-city-picker summary{justify-content:center}.hp-fuel-city-picker>div{position:relative;inset:auto;width:100%;margin-top:.4rem;box-shadow:none}.hp-fuel-cities>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.hp-economy-row{grid-template-columns:minmax(110px,1fr) auto}.hp-economy-row>.hp-economy-change{grid-column:2;grid-row:2;text-align:right}.hp-economy-tool-pair{grid-template-columns:1fr}}
@media(max-width:767.98px){.hp-economy-spark{width:46px;flex-basis:46px}}
@media(max-width:420px){.hp-fuel-city-picker nav,.hp-fuel-cities>div{grid-template-columns:1fr}}