.national-hero{padding:76px 0 58px;background:linear-gradient(135deg,#073544,#0a6570 62%,#11818a);color:#fff}.national-hero span{font-size:12px;letter-spacing:3px;color:#f0ba49}.national-hero h1{font-size:48px;line-height:1.12;margin:16px 0}.national-hero em{font-style:normal;color:#f0ba49}.national-hero p{max-width:860px;line-height:1.85;color:#d7edf0}.source-line{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.source-line b,.source-line span{padding:8px 13px;border:1px solid rgba(255,255,255,.2);border-radius:999px;font-size:13px;letter-spacing:0;color:#fff}.source-line b{background:#e1aa39;color:#102b34;border-color:#e1aa39}.section-head.compact{margin-top:20px}.province-search{display:grid;gap:6px;min-width:280px;color:#5c737d}.province-search input{padding:12px 14px;border:1px solid #cbd9dc;border-radius:10px;font:inherit}.national-filters,.service-tabs{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}.national-filters button,.service-tabs button,.more-wrap button{border:1px solid #c7d7da;background:#fff;color:#173b46;border-radius:999px;padding:9px 15px;font-weight:700;cursor:pointer}.national-filters button.active,.service-tabs button.active{background:#0a6070;color:#fff;border-color:#0a6070}.province-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.province-card{border:1px solid #d7e1e3;background:#fff;border-radius:14px;padding:17px;box-shadow:0 10px 28px rgba(11,57,69,.06);cursor:pointer}.province-card.active{border:2px solid #0a6978;padding:16px}.province-card h3{margin:0 0 8px;color:#113845}.province-card p{margin:5px 0;color:#6a7f87;font-size:13px}.province-card .counts{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.province-card .counts span,.status-chip{font-size:12px;background:#eef4f4;border-radius:999px;padding:5px 9px;color:#2e5b64}.status-chip.warn{background:#fff2d8;color:#845805}.national-list{display:grid;gap:12px}.national-item{border:1px solid #d5e0e2;background:#fff;border-radius:12px;padding:16px}.national-item h3{font-size:18px;margin:6px 0 10px}.national-item h3 a{color:#123d49;text-decoration:none}.national-item h3 a:hover{text-decoration:underline}.item-meta{display:flex;flex-wrap:wrap;gap:8px 16px;color:#698089;font-size:13px}.empty{padding:26px;background:#fff;border:1px dashed #c8d7da;border-radius:12px;color:#6b8087}.more-wrap{text-align:center;margin-top:18px}.policy-doc{border-left:4px solid #dca83d}.policy-doc .official{color:#16745d}.policy-doc .pending{color:#a04d3b}@media(max-width:1000px){.province-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.national-hero h1{font-size:38px}}@media(max-width:640px){.province-service-grid{grid-template-columns:1fr}.national-hero{padding:50px 0 36px}.national-hero h1{font-size:32px}.province-search{min-width:100%}}
.national-hero{padding:30px 0}.national-hero h1{font-size:30px;line-height:1.35}.national-hero h1 br{display:none}.national-hero p{font-size:14px;line-height:1.7;margin-bottom:0}.source-line{display:none}.national-hero>div>span{display:none}main>.section{padding:28px 0}.section-head h2{font-size:23px}.province-service-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}.province-card{font:inherit;padding:10px 6px;border-radius:8px;box-shadow:none;color:#173b46}.province-card.active{padding:9px 5px;background:#0a6070;color:white}.province-card[hidden]{display:none}.service-tabs{border-bottom:1px solid #d0dddf;padding-bottom:12px}.service-tabs button{border-radius:8px;padding:10px 18px;font-size:15px}.national-item{padding:16px 20px}.national-item h3{font-size:17px;line-height:1.65}.national-item .official{color:#16745d}.national-item .pending{color:#93691e}.item-meta time{margin-left:auto}.section-head.compact{margin-top:12px}.section-head.compact h2{font-size:23px}.national-list{gap:10px}@media(max-width:1000px){.province-service-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:640px){.national-hero{padding:24px 0}.national-hero h1{font-size:24px}.province-service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.service-tabs{flex-wrap:nowrap;overflow:auto}.service-tabs button{white-space:nowrap;padding:10px 12px}.national-item{padding:14px}.national-item h3{font-size:16px}}
