@media (min-width:1200px){.container{max-width:1200px}.grid-4{grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.grid-3{grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.grid-2{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}}@media (max-width:1199px) and (min-width:1025px){.container{max-width:960px}.grid-4{grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}}@media (max-width:1024px){:root{--header-height:56px}.site-header{padding:10px 0}.header-inner{flex-wrap:wrap;gap:0;min-height:44px}.logo-container{order:1;padding:2px 0;flex-shrink:0}.logo-img{height:40px}.mobile-menu-toggle{order:2;flex-shrink:0;margin:0 auto}.header-actions{order:3;flex-shrink:0;padding:2px 0}.lang-selector{gap:3px}.lang-btn{padding:5px 9px;font-size:.6875rem}.main-nav{order:4;width:100%;max-height:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease,padding .3s ease,visibility 0s linear .3s;opacity:0;visibility:hidden;padding-top:0;border-top:1px solid transparent;margin-top:0;will-change:max-height,opacity}.main-nav.active{max-height:80vh;overflow-y:auto;opacity:1;visibility:visible;transition:max-height .3s ease,opacity .3s ease,padding .3s ease,visibility 0s linear 0s;padding-top:var(--spacing-sm);border-top-color:var(--color-bg-alt);margin-top:var(--spacing-sm)}.main-nav ul{flex-direction:column;gap:0}.main-nav a{display:block;padding:12px 16px;border-radius:6px;transition:background-color .15s ease;-webkit-tap-highlight-color:transparent}.main-nav a:focus,.main-nav a:hover{background-color:var(--color-bg-alt)}.main-nav a:focus{outline:0}.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{display:flex;align-items:center;justify-content:space-between;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.main-nav .has-dropdown>a::after{transition:transform .2s ease;margin-left:auto;flex-shrink:0}.main-nav .has-dropdown.dropdown-open>a::after{transform:rotate(180deg)}.main-nav .dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;background:0 0;border-radius:0;min-width:0;padding:0;max-height:0;overflow:hidden;transition:max-height .25s ease,padding .25s ease}.main-nav .has-dropdown.dropdown-open .dropdown-menu{max-height:500px;padding:4px 0 4px 16px}.main-nav .dropdown-menu a{padding:10px 16px;font-size:.9375rem;white-space:normal;color:var(--color-text-light)}.main-nav .dropdown-menu a:focus,.main-nav .dropdown-menu a:hover{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-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.grid-3{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.grid-2{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.section{padding:var(--spacing-lg) 0}.news-card-grid{grid-template-columns:repeat(2,1fr)}.card{padding:var(--spacing-md)}.official-card{padding:var(--spacing-md)}.official-photo i{font-size:5rem!important}.footer-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.footer-brand{grid-column:1/-1;max-width:100%;text-align:left}.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{flex-direction:column;text-align:center}.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{min-height:36px;gap:6px}.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{grid-template-columns:1fr;gap:var(--spacing-md)}.footer-grid{grid-template-columns:1fr;gap:var(--spacing-md);text-align:center}.footer-col{margin-bottom:var(--spacing-md)}.social-links{justify-content:center}.search-box{font-size:1rem;padding:12px 16px;padding-right:45px}.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{flex-direction:column;gap:var(--spacing-sm)}.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{flex-direction:column;gap:var(--spacing-sm);text-align:center}.data-table{font-size:.875rem}.data-table td,.data-table th{padding:var(--spacing-xs)}.progress-bar{height:20px}.progress-fill{font-size:.75rem}.project-header{flex-direction:column;gap:var(--spacing-xs)}.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{display:none;background:0 0;border:none;font-size:1.5rem;color:var(--color-primary);cursor:pointer;padding:.5rem;line-height:1}.mobile-menu-toggle:focus{outline:0}.mobile-menu-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;border-radius:4px}@media (max-width:1024px){.mobile-menu-toggle{display:flex;align-items:center;justify-content:center}}.social-links{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:rgba(255,255,255,.1);color:#ccc;font-size:1.25rem;transition:all .2s ease}.social-links a:hover{background-color:var(--color-primary);color:var(--color-white);transform:translateY(-2px)}@media print{.btn,.lang-selector,.mobile-menu-toggle,.site-footer,.site-header,.skip-link{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){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}