@media (min-width:1200px){.container{max-width:1200px}.grid-4{gap:var(--spacing-md);grid-template-columns:repeat(4,1fr)}.grid-3{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr)}.grid-2{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}}@media (max-width:1199px) and (min-width:1025px){.container{max-width:960px}.grid-4{gap:var(--spacing-sm);grid-template-columns:repeat(4,1fr)}}@media (max-width:1199px){:root{--header-height:56px}.site-header{padding:10px 0}.header-inner{flex-wrap:wrap;gap:0;min-height:44px}.logo-container{flex-shrink:0;order:1;padding:2px 0}.logo-img{height:40px}.mobile-menu-toggle{flex-shrink:0;order:2;margin:0 auto}.header-actions{flex-shrink:0;order:3;padding:2px 0}.lang-selector{gap:3px}.lang-btn{padding:5px 9px;font-size:.6875rem}.main-nav{opacity:0;visibility:hidden;will-change:max-height, opacity;border-top:1px solid #0000;order:4;width:100%;max-height:0;margin-top:0;padding-top:0;transition:max-height .3s,opacity .3s,padding .3s,visibility 0s linear .3s;overflow:hidden}.main-nav.active{opacity:1;visibility:visible;max-height:80vh;padding-top:var(--spacing-sm);border-top-color:var(--color-bg-alt);margin-top:var(--spacing-sm);transition:max-height .3s,opacity .3s,padding .3s,visibility linear;overflow-y:auto}.main-nav ul{flex-direction:column;gap:0}.main-nav a{-webkit-tap-highlight-color:transparent;border-radius:6px;padding:12px 16px;transition:background-color .15s;display:block}.main-nav a:hover,.main-nav a:focus{background-color:var(--color-bg-alt)}.main-nav a:focus{outline:none}.main-nav a:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.main-nav .has-dropdown{position:static}.main-nav .has-dropdown>a{touch-action:manipulation;-webkit-tap-highlight-color:transparent;justify-content:space-between;align-items:center;display:flex}.main-nav .has-dropdown>a:after{flex-shrink:0;margin-left:auto;transition:transform .2s}.main-nav .has-dropdown.dropdown-open>a:after{transform:rotate(180deg)}.main-nav .dropdown-menu{opacity:1;visibility:visible;box-shadow:none;background:0 0;border-radius:0;min-width:0;max-height:0;padding:0;transition:max-height .25s,padding .25s;position:static;overflow:hidden;transform:none}.main-nav .has-dropdown.dropdown-open .dropdown-menu{max-height:500px;padding:4px 0 4px 16px}.main-nav .dropdown-menu a{white-space:normal;color:var(--color-text-light);padding:10px 16px;font-size:.9375rem}.main-nav .dropdown-menu a:hover,.main-nav .dropdown-menu a:focus{color:var(--color-primary);background-color:var(--color-bg-alt)}.hero-section{padding:64px 0}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.375rem}.grid-4,.grid-3,.grid-2{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.section{padding:var(--spacing-lg) 0}.news-card-grid{grid-template-columns:repeat(2,1fr)}.card,.official-card{padding:var(--spacing-md)}.official-photo i{font-size:5rem!important}.footer-grid{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.footer-brand{text-align:left;grid-column:1/-1;max-width:100%}.footer-social-new{justify-content:flex-start}.footer-logo{margin-left:0;margin-right:auto}.footer-tagline{text-align:left}.service-content{grid-template-columns:1fr}.service-sidebar{order:2}.department-item .d-flex{text-align:center;flex-direction:column}.dept-icon{margin:0 auto var(--spacing-md)}}@media (max-width:767px){.container{padding:0 var(--spacing-sm)}.site-header{padding:8px 0}.header-inner{gap:6px;min-height:36px}.logo-container{padding:2px 0}.logo-img{height:36px}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}.grid-2,.grid-3,.grid-4{gap:var(--spacing-md);grid-template-columns:1fr}.footer-grid{gap:var(--spacing-md);text-align:center;grid-template-columns:1fr}.footer-col{margin-bottom:var(--spacing-md)}.social-links{justify-content:center}.search-box{padding:12px 45px 12px 16px;font-size:1rem}.search-btn{width:36px;height:36px}.section{padding:var(--spacing-md) 0}.card{padding:var(--spacing-sm)}.card-icon{font-size:1.75rem}.hero-actions{gap:var(--spacing-sm);flex-direction:column}.hero-actions .btn{width:100%}.official-card{padding:var(--spacing-sm)}.official-photo i{font-size:4rem!important}.councilor-card{padding:var(--spacing-sm)}.councilor-card i{font-size:2rem!important}.btn{padding:10px 20px;font-size:.9375rem}.btn-sm{padding:6px 12px;font-size:.8125rem}.section-header{gap:var(--spacing-sm);text-align:center;flex-direction:column}.data-table{font-size:.875rem}.data-table th,.data-table td{padding:var(--spacing-xs)}.progress-bar{height:20px}.progress-fill{font-size:.75rem}.project-header{gap:var(--spacing-xs);flex-direction:column}.faq-item{padding:var(--spacing-sm)}.faq-item h4{font-size:1rem}.breadcrumbs{font-size:.8125rem}.lang-selector{gap:2px}.lang-btn{padding:4px 8px;font-size:.6875rem}.contact-form{padding:var(--spacing-md)}.info-box{padding:var(--spacing-sm)}.display-3{font-size:2.5rem}.barangay-item{padding:var(--spacing-sm)}.barangay-item h4{font-size:.9375rem}}@media (max-width:480px){.container{padding:0 var(--spacing-xs)}h1{font-size:1.5rem}h2{font-size:1.375rem}.site-header{padding:6px 0}.header-inner{min-height:32px}.logo-img{height:32px}.header-actions{gap:var(--spacing-xs)}.card{padding:var(--spacing-xs)}.news-card-grid{grid-template-columns:1fr}.news-card-desc{-webkit-line-clamp:2}.card p[style*="font-size: 2rem"]{font-size:1.5rem!important}.card p[style*="font-size: 3rem"]{font-size:2rem!important}}.mobile-menu-toggle{color:var(--color-primary);cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:1.5rem;line-height:1;display:none}.mobile-menu-toggle:focus{outline:none}.mobile-menu-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:4px}@media (max-width:1199px){.mobile-menu-toggle{justify-content:center;align-items:center;display:flex}}.social-links{gap:var(--spacing-sm);margin-top:var(--spacing-sm);display:flex}.social-links a{color:#ccc;background-color:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;transition:all .2s;display:flex}.social-links a:hover{background-color:var(--color-primary);color:var(--color-white);transform:translateY(-2px)}@media print{.site-header,.site-footer,.mobile-menu-toggle,.lang-selector,.skip-link,.btn{display:none!important}.section{padding:1rem 0}.card{box-shadow:none;border:1px solid #ddd}a{color:#000;text-decoration:underline}}@media (prefers-contrast:high){.card{border:2px solid var(--color-text)}.btn{border-width:2px}a:focus-visible{outline:3px solid var(--color-text)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.accessibility-content{max-width:900px;margin:0 auto}.accessibility-content h3{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-bg-alt)}.accessibility-content h3:first-child{border-top:none;margin-top:0;padding-top:0}.accessibility-content p{margin-bottom:var(--spacing-md);line-height:1.7}.accessibility-content .content-list{margin-bottom:var(--spacing-lg);padding-left:2rem;list-style:outside}.accessibility-content .content-list li{margin-bottom:var(--spacing-sm);line-height:1.6}.accessibility-content .features-grid{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.accessibility-content .features-grid .card{height:auto;margin-bottom:0}.accessibility-content .features-grid .card h4{align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);color:var(--color-primary);display:flex}.accessibility-content .features-grid .card h4 i{font-size:1.25rem}.accessibility-content .features-grid .card p{color:var(--color-text-light);margin-bottom:0;font-size:.9375rem}.accessibility-content .contact-card{margin-top:var(--spacing-md);margin-bottom:var(--spacing-lg)}.accessibility-content .contact-card .contact-list{margin:0;padding:0;list-style:none}.accessibility-content .contact-card .contact-list li{align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);line-height:1.5;display:flex}.accessibility-content .contact-card .contact-list li:last-child{margin-bottom:0}.accessibility-content .contact-card .contact-list i{color:var(--color-primary);margin-top:2px;font-size:1.125rem}.accessibility-content .promise-card{margin-top:var(--spacing-xl);border-left:4px solid var(--color-success);background:#e6f4ea}.accessibility-content .promise-card h4{align-items:center;gap:var(--spacing-xs);color:var(--color-primary);margin-bottom:var(--spacing-sm);display:flex}.accessibility-content .promise-card h4 i{color:var(--color-success)}.accessibility-content .promise-card p{margin-bottom:0}body.high-contrast{--color-primary:#ff0;--color-primary-dark:#ff0;--color-secondary:#fff;--color-bg:#000;--color-bg-alt:#1a1a1a;--color-text:#fff;--color-text-light:#ddd;--color-white:#000;color:#fff;background-color:#000}body.high-contrast a{color:#ff0;text-decoration:underline}body.high-contrast .btn-primary{color:#ff0;background-color:#000;border:2px solid #ff0}body.high-contrast .card{background-color:#1a1a1a;border:1px solid #fff}body.font-large{font-size:120%}body.font-xlarge{font-size:140%}:focus{outline:2px solid var(--color-primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
.site-footer{color:#fff;background:linear-gradient(#1a1a1a 0%,#111 100%);margin-top:0;padding:0}.site-footer.no-margin-top{margin-top:0}.footer-main-new{border-bottom:1px solid #ffffff14;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px;padding:60px 0 40px;display:grid}.footer-brand{max-width:320px}.footer-logo{width:auto;height:56px;margin-bottom:16px}.footer-tagline{color:#ffffffb3;margin-bottom:24px;font-size:.875rem;line-height:1.6}.footer-social-new{gap:12px;display:flex}.footer-social-btn{color:#ffffffb3;background:#ffffff14;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.125rem;text-decoration:none;transition:all .2s;display:flex}.footer-social-btn:hover{background:var(--color-primary);color:#fff;text-decoration:none;transform:translateY(-2px)}.footer-column h4{text-transform:uppercase;letter-spacing:.5px;color:#ffffff80;margin-bottom:20px;font-size:.8125rem;font-weight:600}.footer-links-new{margin:0;padding:0;list-style:none}.footer-links-new li{margin-bottom:8px}.footer-links-new a{color:#fffc;font-size:.8125rem;font-weight:400;text-decoration:none;transition:color .2s;display:block}.footer-links-new a:hover{color:#fff;text-decoration:none}.footer-external-link{align-items:center;gap:8px;display:flex}.footer-external-badge{color:#ffffff80;background:#ffffff1a;border-radius:4px;padding:2px 6px;font-size:.625rem}.footer-cost{color:#fffc;white-space:nowrap;background:#06a77d14;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;display:inline-flex}.footer-cost-value{color:var(--color-success);font-weight:700}.footer-version{color:#ffffff80;white-space:nowrap;align-items:center;gap:6px;font-size:.8125rem;display:inline-flex}.footer-version i{color:#ffffff80;font-size:.875rem}.footer-bottom-new{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:24px 0;display:flex}.footer-copyright{color:#ffffff80;flex-wrap:wrap;align-items:center;gap:6px;width:100%;font-size:.8125rem;display:flex}.footer-copyright-text{color:#fff9}.footer-copyright-license{color:#ffffff73}.footer-copyright-disclaimer{color:#fff6}.footer-copyright .footer-version{margin-left:auto}.footer-copyright a{color:#ffffffb3;text-decoration:none}.footer-copyright a:hover{color:#fff;text-decoration:none}.footer-contribute{color:#ffffffb3;background:#ffffff0d;border-radius:50px;align-items:center;gap:8px;margin-top:12px;padding:8px 16px;font-size:.8125rem;text-decoration:none;transition:all .2s;display:inline-flex}.footer-contribute:hover{color:#fff;background:#ffffff1a;text-decoration:none}.footer-contribute i{color:var(--color-accent)}.footer-contribute i.bi-envelope-heart,.footer-contribute i.bi-github{color:#fff}.footer-partners{flex-direction:row;align-items:center;gap:20px;margin-top:16px;display:flex}.footer-partners a{opacity:.6;align-items:center;transition:opacity .2s;display:inline-flex}.footer-partners a:hover{opacity:1}.footer-partner-logo{width:auto;height:54px;display:block}@media (max-width:991px){.footer-main-new{grid-template-columns:1fr 1fr;gap:40px}.footer-brand{text-align:left;grid-column:1/-1;max-width:100%}.footer-logo{margin-left:0;margin-right:auto}.footer-tagline{text-align:left}.footer-social-new{justify-content:flex-start}}@media (max-width:575px){.footer-main-new{grid-template-columns:1fr;gap:32px;padding:40px 0 32px}.footer-brand{text-align:center;flex-direction:column;align-items:center;display:flex}.footer-logo{margin-left:auto;margin-right:auto}.footer-tagline{text-align:center}.footer-column{text-align:center;flex-direction:column;align-items:center;display:flex}.footer-links-new a{justify-content:center}.footer-cost{margin:0 auto}.footer-copyright{text-align:center;flex-direction:column;align-items:center;gap:4px}.footer-copyright .footer-version{margin-left:0}.footer-bottom-new{text-align:center}}
.legal-hero{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);text-align:center;padding:60px 0}.legal-hero-content{z-index:1;position:relative}.legal-hero-badge{color:#fff;background:#ffffff26;border-radius:50px;align-items:center;gap:8px;margin-bottom:16px;padding:8px 20px;font-size:.875rem;font-weight:500;display:inline-flex}.legal-hero h1{color:#fff;margin-bottom:8px;font-size:2.25rem;font-weight:700}.legal-hero p{color:#ffffffe6;margin:0;font-size:1.125rem}.legal-content{padding:60px 0 80px}.legal-wrapper{grid-template-columns:240px 1fr;align-items:start;gap:48px;display:grid}.legal-toc{background:#fff;border:1px solid #0000000f;border-radius:12px;padding:20px;position:sticky;top:100px;box-shadow:0 2px 12px #0000000a}.legal-toc h4{color:var(--color-text);border-bottom:1px solid #0000000f;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;font-size:.875rem;display:flex}.legal-toc nav{flex-direction:column;gap:4px;display:flex}.legal-toc a{color:var(--color-text-light);border-radius:6px;padding:8px 12px;font-size:.8125rem;text-decoration:none;transition:all .2s;display:block}.legal-toc a:hover{background:var(--color-bg-alt);color:var(--color-primary);text-decoration:none}.legal-article{max-width:800px}.legal-section{border-bottom:1px solid #0000000f;margin-bottom:48px;padding-bottom:48px}.legal-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.legal-section h2{color:var(--color-text);border-bottom:2px solid var(--color-primary);margin-bottom:16px;padding-bottom:12px;font-size:1.5rem;display:inline-block}.legal-section h3{color:var(--color-text);margin-top:24px;margin-bottom:12px;font-size:1.125rem}.legal-section p{color:var(--color-text);margin-bottom:16px;font-size:.9375rem;line-height:1.7}.legal-section p:last-child{margin-bottom:0}.legal-list{margin:16px 0;padding:0;list-style:none}.legal-list li{color:var(--color-text);margin-bottom:10px;padding-left:24px;font-size:.9375rem;line-height:1.6;position:relative}.legal-list li:before{content:"";background:var(--color-primary);border-radius:50%;width:6px;height:6px;position:absolute;top:10px;left:0}.legal-highlight{border-left:4px solid var(--color-success);background:linear-gradient(135deg,#06a77d1a 0%,#06a77d0d 100%);border-radius:0 8px 8px 0;align-items:center;gap:12px;margin:20px 0;padding:16px 20px;display:flex}.legal-highlight i{color:var(--color-success);font-size:1.25rem}.legal-highlight span{color:var(--color-text);font-size:.9375rem}.legal-note{background:var(--color-bg-alt);border-radius:8px;gap:12px;margin:20px 0;padding:16px 20px;display:flex}.legal-note i{color:var(--color-info);flex-shrink:0;margin-top:2px;font-size:1rem}.legal-note p{color:var(--color-text-light);margin:0;font-size:.875rem}.legal-callout{background:#fff;border:1px solid #00000014;border-radius:10px;margin:24px 0;padding:20px}.legal-callout h4{color:var(--color-primary);align-items:center;gap:8px;margin-bottom:12px;font-size:.9375rem;display:flex}.legal-callout ul{margin:0;padding:0;list-style:none}.legal-callout li{color:var(--color-text);margin-bottom:8px;padding-left:20px;font-size:.875rem;position:relative}.legal-callout li:before{content:"→";color:var(--color-primary);position:absolute;left:0}.legal-callout li:last-child{margin-bottom:0}.legal-contact{margin:24px 0}.contact-link{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);color:#fff;border-radius:8px;align-items:center;gap:10px;padding:14px 24px;font-size:.9375rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.contact-link:hover{color:#fff;text-decoration:none;transform:translateY(-2px);box-shadow:0 4px 16px #0032a040}.contact-link i{font-size:1.125rem}.legal-closing{color:var(--color-text-light);border-top:1px solid #0000000f;margin-top:24px;padding-top:24px;font-style:italic}@media (max-width:991px){.legal-wrapper{grid-template-columns:1fr;gap:32px}.legal-toc{display:none;position:static}.legal-article{max-width:100%}}@media (max-width:575px){.legal-hero{padding:40px 0}.legal-hero h1{font-size:1.75rem}.legal-content{padding:40px 0 60px}.legal-section{margin-bottom:32px;padding-bottom:32px}.legal-section h2{font-size:1.25rem}.legal-callout{padding:16px}}
.brand-lockup{color:var(--color-primary);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-lockup:hover{color:var(--color-primary);text-decoration:none}.brand-logo{flex-shrink:0;width:auto;height:52px}.brand-wordmark{flex-direction:column;line-height:1;display:flex}.brand-name{letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.brand-sub{letter-spacing:.2em;text-transform:uppercase;margin-top:4px;font-size:.625rem;font-weight:700}.brand-card{background:var(--color-white);border-radius:14px;margin-bottom:16px;padding:14px 18px;display:inline-flex}.brand-card-logo{width:auto;height:112px}@media (max-width:575px){.brand-logo{height:42px}.brand-name{font-size:1.25rem}.brand-sub{letter-spacing:.14em}}.data-pending{background:#0032a008;border:1px dashed #0032a059;border-radius:12px;align-items:flex-start;gap:16px;padding:24px;display:flex}.data-pending-icon{width:44px;height:44px;color:var(--color-primary);background:#0032a014;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.data-pending h2,.data-pending h3{margin:0 0 6px;font-size:1.0625rem}.data-pending p{color:var(--color-text-light);margin:0;font-size:.9375rem}.stat-pending{color:var(--color-text-light)}.pending-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.home-search-box{position:relative}.search-results-list{background:var(--color-bg);border:1px solid #00000014;border-radius:10px;margin-top:12px;overflow:hidden}.search-results-list li+li{border-top:1px solid #0000000f}.search-results-list a{color:var(--color-text);flex-direction:column;gap:2px;padding:10px 14px;display:flex}.search-results-list a:hover,.search-results-list a:focus-visible{background:#0032a00d;text-decoration:none}.search-results-list a span{color:var(--color-text-light);font-size:.8125rem}.search-results-empty{color:var(--color-text-light);padding:12px 14px;font-size:.875rem}@media (min-width:992px){.weather-map-grid{grid-template-columns:400px minmax(0,1fr)}.weather-map-section .map-card{flex-direction:column;height:100%;display:flex}.weather-map-section #map-container,.weather-map-section #map-container.leaflet-container{flex:1;min-height:360px;height:auto!important}}.station-header{margin-bottom:var(--spacing-sm);align-items:center;gap:10px;min-width:0;display:flex}.station-live{color:#04785a;letter-spacing:.06em;text-transform:uppercase;background:#06a77d1f;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:3px 10px;font-size:.6875rem;font-weight:700;display:inline-flex}.station-live-dot{background:var(--color-success);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite station-pulse}@keyframes station-pulse{0%,to{box-shadow:0 0 #06a77d80}50%{box-shadow:0 0 0 5px #06a77d00}}@media (prefers-reduced-motion:reduce){.station-live-dot{animation:none}}.station-name{color:var(--color-text-light);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:600;overflow:hidden}.station-heat{margin:var(--spacing-sm) 0;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-size:.8125rem;display:flex}.station-heat-level{white-space:nowrap;font-weight:700}.station-tiles{padding:var(--spacing-sm) 0;border-top:1px solid #0000000d;border-bottom:1px solid #0000000d;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.station-tile{background:var(--color-bg-alt);border-radius:10px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.station-tile-label{color:var(--color-text-light);white-space:nowrap;font-size:.6875rem}.station-tile-label i{color:var(--color-primary)}.station-tile-value{color:var(--color-text);white-space:nowrap;font-size:.9375rem;font-weight:700}.station-tile-note{color:var(--color-text-light);font-size:.6875rem}.station-heat.tone-ok{color:#04654c;background:#06a77d1a}.station-heat.tone-caution{color:#7a5a00;background:#fff7d6}.station-heat.tone-warn{color:#9a3412;background:#ffedd5}.station-heat.tone-danger{color:#991b1b;background:#fee2e2}.station-tile-note.tone-caution{color:#7a5a00;font-weight:600}.station-tile-note.tone-warn{color:#9a3412;font-weight:600}.station-tile-note.tone-danger{color:#b91c1c;font-weight:600}.station-forecast-label{margin-top:var(--spacing-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-light);font-size:.6875rem;font-weight:700}.station-widget .weather-hourly{margin-top:6px;padding-top:0}.station-updated{margin:var(--spacing-sm) 0 0;color:var(--color-text-light);font-size:.6875rem}.station-marker{background:0 0;border:0}.station-pin{width:44px;height:54px;display:block;position:relative}.station-pin-head{border:3px solid var(--color-white);background:var(--color-primary);border-radius:50% 50% 50% 0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:0;left:2px;transform:rotate(-45deg);box-shadow:0 3px 8px #00000059}.station-pin-head i{color:var(--color-white);font-size:1.125rem;transform:rotate(45deg)}.station-pin:after{content:"";background:#0032a059;border-radius:50%;width:14px;height:6px;margin-left:-7px;position:absolute;bottom:0;left:50%}.station-pin.is-live:after{background:#06a77d99;animation:2s ease-out infinite station-ground}@keyframes station-ground{0%{box-shadow:0 0 #06a77d99}to{box-shadow:0 0 0 12px #06a77d00}}@media (prefers-reduced-motion:reduce){.station-pin.is-live:after{animation:none}}.station-pin-temp{border:2px solid var(--color-white);background:var(--color-success);color:var(--color-white);font:700 .75rem/1 var(--font-main);white-space:nowrap;border-radius:999px;padding:4px 8px;position:absolute;top:8px;left:42px;box-shadow:0 2px 6px #00000040}.station-radius-label{text-align:center;background:0 0;border:0}.station-radius-label span{background:var(--color-primary);color:var(--color-white);font:700 .6875rem/1.2 var(--font-main);white-space:nowrap;border-radius:999px;padding:3px 8px;display:inline-block}.station-section-header p{color:var(--color-text-light);margin:4px 0 0;font-size:.875rem}.station-map-legend{flex-wrap:wrap;gap:6px 18px}.station-map-legend>span{align-items:center;gap:6px;display:inline-flex}.legend-pin{background:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.station-map-legend .legend-pin i{color:var(--color-white);font-size:.625rem}.station-details{padding:12px var(--spacing-md) 16px;background:var(--color-white);border-top:1px solid #0000000d;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:0;font-size:.8125rem;display:grid}.station-details dt{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-light);font-size:.6875rem;font-weight:600}.station-details dd{overflow-wrap:anywhere;margin:2px 0 0}@media (max-width:575px){.station-details{grid-template-columns:minmax(0,1fr)}}.legend-radius{border:2px dashed var(--color-primary);background:#0032a012;border-radius:50%;width:16px;height:16px}@media (max-width:400px){.station-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}