@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:992px){.container{max-width:960px}.grid-4{grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}}@media (max-width:991px){:root{--header-height:60px}.header-inner{flex-wrap:wrap;gap:var(--spacing-sm)}.main-nav{order:3;width:100%;display:none;padding-top:var(--spacing-sm);border-top:1px solid var(--color-bg-alt);margin-top:var(--spacing-sm)}.main-nav.active{display:block}.main-nav ul{flex-direction:column;gap:var(--spacing-xs)}.main-nav a{display:block;padding:var(--spacing-xs) 0}.hero-section{padding:40px 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}.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)}.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)}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}.logo-img{height:40px}.header-actions{gap:var(--spacing-xs)}.card{padding:var(--spacing-xs)}.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}@media (max-width:991px){.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;order:2}.header-actions{order:2}.logo-container{order:1}}.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}}