.station-detail{grid-template-columns:minmax(0,1fr);grid-template-areas:"title""main""aside";gap:1.25rem;max-width:72rem;margin-inline:auto;padding:1.25rem 1rem 3rem;display:grid}@media (min-width:1024px){.station-detail{grid-template-columns:minmax(0,1fr) 22rem;grid-template-areas:"title title""main aside";gap:1.5rem 2rem;padding:2rem 1.5rem 4rem}}.station-detail__title{grid-area:title;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"dot name rating""dot address rating""dot distance rating";align-items:start;gap:.25rem .75rem;display:grid}.station-detail__chain-dot{background:var(--chain-color);border-radius:9999px;grid-area:dot;width:.75rem;height:.75rem;margin-top:.5rem}.station-detail__name{font-family:var(--font-lora), Georgia, serif;color:var(--color-tanqo-dark);overflow-wrap:anywhere;grid-area:name;font-size:1.5rem;font-weight:700;line-height:1.25}@media (min-width:1024px){.station-detail__name{font-size:2rem}}.station-detail__address{color:var(--color-tanqo-muted);grid-area:address;font-size:.9375rem;line-height:1.5}.station-detail__distance{color:var(--color-tanqo-mid);grid-area:distance;margin-top:.125rem;font-size:.875rem;font-weight:600}.station-detail__rating{grid-area:rating;align-items:center;gap:.125rem;margin-top:.375rem;display:flex}.station-detail__star{color:#d1d5db;width:1rem;height:1rem}.station-price{border:1px solid var(--color-tanqo-border);background:var(--color-tanqo-surface);border-radius:1rem;flex-direction:column;gap:.875rem;padding:1.25rem;display:flex}.station-price[data-tier]{background:linear-gradient(180deg, color-mix(in srgb, var(--badge-color) 4.2%, var(--color-tanqo-surface)) 0%, var(--color-tanqo-surface) 62%);border-color:color-mix(in srgb, var(--badge-color) 12%, var(--color-tanqo-border))}.station-price[data-tier] .station-price__value:not(.station-price__value--empty):before{content:"";background-color:color-mix(in srgb, var(--badge-color) 78%, var(--color-tanqo-dark));flex:none;align-self:center;width:1.5rem;height:1.5rem;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3c3.5 4.2 6 7.3 6 10.2A6 6 0 0 1 6 13.2C6 10.3 8.5 7.2 12 3Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3c3.5 4.2 6 7.3 6 10.2A6 6 0 0 1 6 13.2C6 10.3 8.5 7.2 12 3Z'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.station-price__badges{flex-wrap:wrap;gap:.5rem;display:flex}.station-price__badge{border-radius:9999px;align-items:center;padding:.25rem .625rem;font-size:.8125rem;font-weight:600;line-height:1.4;display:inline-flex}.station-price__badge--tier{border:1px solid color-mix(in srgb, var(--badge-color) 45%, transparent);background:color-mix(in srgb, var(--badge-color) 12%, white);color:color-mix(in srgb, var(--badge-color) 70%, #111827)}.station-price__badge--open[data-open=true]{color:#047857;background:#ecfdf5}.station-price__badge--open[data-open=false]{color:#b91c1c;background:#fef2f2}.station-price__value{font-family:var(--font-lora), Georgia, serif;color:var(--color-tanqo-dark);flex-wrap:wrap;align-items:baseline;gap:.5rem;font-size:2.25rem;font-weight:700;line-height:1.1;display:flex}.station-price__value--empty{color:var(--color-tanqo-muted);font-size:1.0625rem;font-weight:500}.station-price__unit{color:var(--color-tanqo-muted);font-family:inherit;font-size:.9375rem;font-weight:600}.station-price__cpn-cap{color:var(--color-tanqo-muted);margin-top:-.375rem;font-size:.8125rem}.station-price__actions{flex-wrap:wrap;gap:.5rem;margin-top:.25rem;display:flex}.station-action{border:1px solid var(--color-tanqo-border);min-width:44px;min-height:44px;color:var(--color-tanqo-dark);cursor:pointer;background:#fff;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.9375rem;font-weight:600;transition:background-color .15s,border-color .15s;display:inline-flex}.station-action:hover{border-color:var(--color-tanqo-mid);background:var(--color-tanqo-bg)}.station-action:focus-visible{outline:2px solid var(--color-tanqo-mid);outline-offset:2px}.station-action:disabled{cursor:progress;opacity:.6}.station-action--primary{border-color:var(--color-tanqo-mid);background:var(--color-tanqo-mid);color:#fff;text-decoration:none}.station-action--primary:hover{background:var(--color-tanqo-dark);border-color:var(--color-tanqo-dark)}.station-action__icon{width:1.125rem;height:1.125rem;transition:color .15s}.station-action:hover .station-action__directions{color:var(--border);fill:var(--border)}.station-action:hover .station-action__report{fill:#f93827}.station-action:hover .station-action__share{color:#4e1f6e;fill:#4e1f6e}.station-action__chevron{opacity:.85;width:.875rem;height:.875rem;margin-left:-.125rem;transition:transform .15s}.station-action[data-state=open] .station-action__chevron{transform:rotate(180deg)}.station-detail__main{flex-direction:column;grid-area:main;gap:1.25rem;min-width:0;display:flex}.station-fuels,.station-hours{background:var(--color-tanqo-surface);border:1px solid #e9edf2;border-radius:1rem;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex;box-shadow:0 1px 2px #1018280f}.station-fuels__heading,.station-hours__heading{font-family:var(--font-lora), Georgia, serif;color:var(--color-tanqo-dark);font-size:1.125rem;font-weight:700}.station-fuels__list{flex-direction:column;list-style:none;display:flex}.station-fuels__row{border-bottom:1px solid #f1f4f8;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.5rem .75rem;padding:.625rem 0;display:grid}.station-fuels__bar{background:#f1f4f8;border-radius:9999px;grid-column:1/-1;height:4px;overflow:hidden}.station-fuels__bar-fill{transform-origin:0;width:100%;height:100%;transform:scaleX(calc(var(--fuel-bar-scale) / 100));opacity:.59;display:block}.station-fuels__row:last-child{border-bottom:0}.station-fuels__name{color:var(--color-tanqo-mid);overflow-wrap:anywhere;font-size:.9375rem}.station-fuels__price-cell{flex-direction:column;align-items:flex-end;gap:.125rem;display:flex}.station-fuels__price{font-family:var(--font-lora), Georgia, serif;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:1.125rem;font-weight:700}.station-fuels__freshness{color:var(--color-tanqo-muted);white-space:nowrap;font-size:.75rem}.station-fuels__freshness[data-stale=true]{color:#b91c1c;background:#fef2f2;border-radius:9999px;padding:.0625rem .5rem;font-weight:600}.station-fuels__confidence{color:var(--color-tanqo-muted);white-space:nowrap;font-size:.75rem}.station-fuels__confidence[data-estimated=true]{color:#b45309;background:#fffbeb;border:1px dashed #b45309;border-radius:9999px;padding:.0625rem .5rem;font-weight:600}.station-fuels__confidence[data-estimated=true]:before{content:"~ "}.station-fuels__no-price{color:var(--color-tanqo-muted);white-space:nowrap;font-size:.875rem;font-style:italic}.station-fuels__empty{color:var(--color-tanqo-muted);font-size:.9375rem}.station-hours__always{color:var(--color-tanqo-mid);font-size:.9375rem;font-weight:600}.station-hours__list{flex-direction:column;list-style:none;display:flex}.station-hours__row{color:var(--color-tanqo-mid);border-radius:.5rem;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:.75rem;padding:.4375rem .5rem;font-size:.9375rem;display:grid}.station-hours__row[data-today=true]{background:color-mix(in srgb, var(--color-tanqo-accent) 10%, white);color:var(--color-tanqo-dark);font-weight:700}.station-hours__day{overflow-wrap:anywhere}.station-hours__times{font-variant-numeric:tabular-nums;white-space:nowrap}.station-mini-map{flex-direction:column;grid-area:aside;gap:.625rem;min-width:0;display:flex}.station-mini-map__frame{background:var(--color-tanqo-bg);border:1px solid #e9edf2;border-radius:1rem;height:14rem;position:relative;overflow:hidden}@media (min-width:1024px){.station-mini-map__frame{height:16rem}}.station-mini-map__canvas{z-index:0;width:100%;height:100%}.station-mini-map__loading{background:linear-gradient(90deg,#eef2f6 25%,#f6f8fa 37%,#eef2f6 63%) 0 0/400% 100%;animation:1.4s ease-in-out infinite station-mini-map-shimmer;position:absolute;inset:0}@keyframes station-mini-map-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion:reduce){.station-mini-map__loading{animation:none}}.station-mini-map__marker{background:0 0;border:0}.station-mini-map__caption{color:var(--color-tanqo-muted);font-size:.875rem;line-height:1.5}.station-detail__error{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:4rem 1.5rem;display:flex}
.tanqo-fuel-badge{color:#5f6b7e;white-space:nowrap;border:1px solid #e5e7eb;border-radius:999px;align-items:center;padding:2px 10px;font-size:13px;font-weight:600;line-height:1.5;display:inline-flex}.tanqo-fuel-badge--sm{padding:1px 6px;font-size:10px}