.hk-fuel-card,.hk-fuel-page{--fu-line:var(--sh-line,#e5e7eb);--fu-muted:var(--sh-muted,#64748b);--fu-soft:var(--sh-soft,#f3f4f6);--fu-radius:var(--sh-radius,16px);--fu-shadow:var(--sh-shadow,0 6px 24px #0f172a12);--fu-good:#15803d}.hk-fuel-logo{border:1px solid var(--fu-line);object-fit:contain;background:#fff;border-radius:8px;flex:none;width:30px;height:30px}.hk-fuel-logo.is-text{background:var(--fu-soft);color:var(--fu-muted);place-items:center;font-size:11px;font-weight:900;display:inline-grid}.hk-fuel-card{border:1px solid var(--fu-line);border-radius:var(--fu-radius);box-shadow:var(--fu-shadow);background:#fff;gap:12px;padding:16px;transition:opacity .2s;display:grid}.hk-fuel-card.is-loading{opacity:.6}.hk-fuel-card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.hk-fuel-card-head h2{align-items:center;gap:8px;font-size:17px;font-weight:900;display:flex}.hk-fuel-card-head time{color:var(--fu-muted);font-size:12px;font-weight:800}.hk-fuel-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.hk-fuel-picker label{gap:4px;min-width:0;display:grid}.hk-fuel-picker select{border:1px solid var(--fu-line);width:100%;height:38px;font:inherit;background:#fff;border-radius:10px;padding:0 10px;font-size:13.5px;font-weight:700}.hk-fuel-averages{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.hk-fuel-averages div{background:color-mix(in srgb, var(--fuel-color) 9%, #fff);border-top:3px solid var(--fuel-color);text-align:center;border-radius:12px;gap:2px;padding:10px 8px;display:grid}.hk-fuel-averages small{color:var(--fuel-color);text-transform:uppercase;font-size:12px;font-weight:900}.hk-fuel-averages strong{font-variant-numeric:tabular-nums;font-size:17px;font-weight:900}.hk-fuel-averages em{color:var(--fu-muted);font-size:11px;font-style:normal;font-weight:700}.hk-fuel-mini{border-collapse:collapse;width:100%;font-size:13px}.hk-fuel-mini thead th{color:var(--fu-muted);text-align:right;text-transform:uppercase;padding:0 4px 6px;font-size:11px;font-weight:800}.hk-fuel-mini thead th:first-child{text-align:left}.hk-fuel-mini tbody tr+tr{border-top:1px solid #f0f2f5}.hk-fuel-mini tbody th{text-align:left;padding:6px 4px 6px 0}.hk-fuel-mini tbody th,.hk-fuel-table tbody th{font-weight:800}.hk-fuel-mini tbody th{align-items:center;gap:8px;min-width:0;display:flex}.hk-fuel-mini tbody th span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hk-fuel-mini td{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;padding:6px 4px;font-weight:700}.hk-fuel-mini td.is-low{color:var(--fu-good);font-weight:900}.hk-fuel-more{border-top:1px solid var(--fu-line);text-align:center;padding-top:10px;font-size:13.5px;font-weight:800;text-decoration:none;color:var(--sh-brand,#0f766e)!important}.hk-fuel-note,.hk-fuel-error,.hk-fuel-empty{color:var(--fu-muted);font-size:11.5px;line-height:1.45}.hk-fuel-error{color:#b91c1c;font-weight:700}.hk-fuel-page{color:#0f172a;grid-template-columns:minmax(0,1fr);gap:20px;width:min(1300px,100% - 20px);margin:16px auto 36px;display:grid}.hk-fuel-page>*{min-width:0}.hk-fuel-page a{color:inherit;text-decoration:none}.hk-fuel-hero{border-radius:var(--fu-radius);color:#fff;box-shadow:var(--fu-shadow);background:repeating-linear-gradient(90deg,#ffffff80 0 30px,#0000 30px 58px) 0 100%/100% 4px no-repeat,radial-gradient(70% 140% at 100% 0,#facc154d 0,#0000 60%),linear-gradient(120deg,#0b1220 0%,#1e293b 55%,#3f2a06 100%);gap:18px;padding:22px 26px;display:grid;position:relative;overflow:hidden}.hk-fuel-hero:after{content:"⛽";opacity:.12;filter:grayscale()brightness(3);pointer-events:none;font-size:96px;line-height:1;position:absolute;top:18px;right:24px}.hk-fuel-crumbs{color:#ffffffb8;flex-wrap:wrap;gap:8px;font-size:13px;font-weight:700;display:flex}.hk-fuel-crumbs span{gap:8px;display:inline-flex}.hk-fuel-crumbs a:hover,.hk-fuel-crumbs [aria-current]{color:#fff}.hk-fuel-hero-row{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;display:flex;position:relative}.hk-fuel-hero-row>div:first-child{flex:420px;min-width:0}.hk-fuel-kicker{color:#fde68a;letter-spacing:.06em;text-transform:uppercase;font-size:12.5px;font-weight:900}.hk-fuel-hero h1{margin:6px 0 8px;font-size:clamp(26px,3.6vw,40px);font-weight:900;line-height:1.1}.hk-fuel-hero-row p:not(.hk-fuel-kicker){color:#ffffffc7;max-width:620px;font-size:14.5px;line-height:1.5}.hk-fuel-picker--page{flex:0 380px;min-width:0}.hk-fuel-picker--page.is-busy{opacity:.6}.hk-fuel-picker--page span{color:#ffffffbf;text-transform:uppercase;font-size:11.5px;font-weight:800}.hk-fuel-picker--page select{color:#0f172a;background:#fffffff2;border-color:#ffffff40;height:42px;font-size:14.5px}.hk-fuel-hero-prices{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid;position:relative}.hk-fuel-hero-prices div{border:1px solid #ffffff24;border-left:4px solid var(--fuel-color);background:#ffffff14;border-radius:14px;gap:2px;padding:14px 16px;display:grid}.hk-fuel-hero-prices small{color:#ffffffbf;text-transform:uppercase;font-size:12.5px;font-weight:900}.hk-fuel-hero-prices strong{font-variant-numeric:tabular-nums;font-size:clamp(24px,3vw,34px);font-weight:900}.hk-fuel-hero-prices em{color:#ffffffb3;font-size:12.5px;font-style:normal;font-weight:700}.hk-fuel-hero-prices em b{color:#86efac}.hk-fuel-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:20px;display:grid}.hk-fuel-layout>*{min-width:0}.hk-fuel-table-wrap,.hk-fuel-tank,.hk-fuel-places,.hk-fuel-provinces,.hk-fuel-down{border:1px solid var(--fu-line);border-radius:var(--fu-radius);box-shadow:var(--fu-shadow);background:#fff;padding:18px}.hk-fuel-page h2{align-items:center;gap:8px;font-size:18px;font-weight:900;display:flex}.hk-fuel-page h2:before{content:"";background:#ca8a04;border-radius:3px;width:5px;height:20px}.hk-fuel-table-wrap>header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.hk-fuel-tabs{background:var(--fu-soft);border-radius:999px;gap:4px;padding:4px;display:flex}.hk-fuel-tabs button{height:32px;color:var(--fu-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 14px;font-size:13.5px;font-weight:800}.hk-fuel-tabs button[aria-selected=true]{color:var(--fuel-color);background:#fff;box-shadow:0 1px 4px #0f172a1f}.hk-fuel-table-scroll{overflow-x:auto}.hk-fuel-table{border-collapse:collapse;width:100%;min-width:560px;font-size:14px}.hk-fuel-table thead th{border-bottom:2px solid var(--fu-line);color:var(--fu-muted);text-align:right;text-transform:uppercase;padding:8px 10px;font-size:12px;font-weight:800}.hk-fuel-table thead th:first-child{text-align:left}.hk-fuel-table thead th.is-sorted{color:#0f172a}.hk-fuel-table tbody tr{border-bottom:1px solid #f0f2f5}.hk-fuel-table tbody tr.is-best{background:#f0fdf4}.hk-fuel-table tbody th{text-align:left;align-items:center;gap:10px;padding:9px 10px;display:flex}.hk-fuel-table tbody th span{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.hk-fuel-table tbody th em{background:var(--fu-good);color:#fff;border-radius:999px;padding:2px 8px;font-size:11px;font-style:normal;font-weight:900}.hk-fuel-table tbody th em.is-warn{background:#f59e0b}.hk-fuel-table tbody tr.is-outlier td,.hk-fuel-table tbody tr.is-outlier th>span{opacity:.6}.hk-fuel-outlier-note{color:#92400e;margin-top:10px;font-size:12.5px;line-height:1.45}.hk-fuel-table td{color:#475569;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;padding:9px 10px}.hk-fuel-table td.is-sorted{color:#0f172a;font-weight:900}.hk-fuel-table td.is-down{color:var(--fu-good);font-weight:800}.hk-fuel-table td.is-up{color:#b91c1c;font-weight:800}.hk-fuel-side{gap:16px;display:grid}.hk-fuel-tank{gap:12px;display:grid}.hk-fuel-tank-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.hk-fuel-tank label{gap:4px;display:grid}.hk-fuel-tank label span{color:var(--fu-muted);font-size:12px;font-weight:800}.hk-fuel-tank select,.hk-fuel-tank input{border:1px solid var(--fu-line);width:100%;height:40px;font:inherit;border-radius:10px;padding:0 10px;font-size:15px;font-weight:800}.hk-fuel-tank input[aria-invalid=true]{background:#fff5f5;border-color:#dc2626}.hk-fuel-tank dl{gap:8px;margin:0;display:grid}.hk-fuel-tank dl div{background:var(--fu-soft);border-radius:12px;justify-content:space-between;align-items:baseline;gap:10px;padding:12px 14px;display:flex}.hk-fuel-tank dl div.is-best{background:#f0fdf4}.hk-fuel-tank dt{color:#475569;font-size:13px;font-weight:700}.hk-fuel-tank dd{font-variant-numeric:tabular-nums;margin:0;font-size:22px;font-weight:900}.hk-fuel-tank dl div.is-best dd{color:var(--fu-good)}.hk-fuel-places ul,.hk-fuel-provinces ul{flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0;list-style:none;display:flex}.hk-fuel-places a,.hk-fuel-provinces a{border:1px solid var(--fu-line);border-radius:999px;padding:6px 11px;font-size:13px;font-weight:700;transition:border-color .2s,background .2s;display:block}.hk-fuel-places a:hover,.hk-fuel-provinces a:hover{background:#fefce8;border-color:#ca8a04}.hk-fuel-places a[aria-current],.hk-fuel-provinces a[aria-current]{color:#fff;background:#ca8a04;border-color:#ca8a04}.hk-fuel-disclaimer{color:var(--fu-muted);text-align:center;font-size:12.5px;line-height:1.5}.hk-fuel-down{text-align:center;gap:8px;padding:40px 20px;display:grid}@media (max-width:960px){.hk-fuel-layout{grid-template-columns:minmax(0,1fr)}}@media (max-width:600px){.hk-fuel-hero{padding:18px 16px}.hk-fuel-hero:after{font-size:60px}.hk-fuel-hero-prices{grid-template-columns:minmax(0,1fr);gap:8px}.hk-fuel-hero-prices div{grid-template-columns:auto 1fr;align-items:baseline;column-gap:10px}.hk-fuel-hero-prices em{grid-column:1/-1}.hk-fuel-picker--page{flex-basis:100%}.hk-fuel-table-wrap,.hk-fuel-tank,.hk-fuel-places,.hk-fuel-provinces{padding:14px}}