.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,.national-hero>div>span{display:none}main>.section{padding:28px 0}.section-head h2,.section-head.compact 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}.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}.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}}
.national-controls{display:grid;grid-template-columns:minmax(180px,1fr) minmax(240px,1.2fr) minmax(260px,2fr);gap:16px;align-items:end}.national-controls label{display:grid;gap:7px;color:#526b74;font-size:14px}.national-controls select,.national-controls input{width:100%;height:46px;padding:10px 13px;background:#fff;border:1px solid #c5d5d9;border-radius:8px;font:inherit;color:#173b46;box-sizing:border-box}.national-controls select:focus,.national-controls input:focus{outline:2px solid #0a6978;outline-offset:2px}.national-controls .province-search{min-width:0}.national-status{font-size:13px;color:#72858c;margin:14px 0 0}@media(max-width:700px){.national-controls{grid-template-columns:1fr 1fr;gap:12px}.national-controls .province-search{grid-column:1/-1}}@media(max-width:420px){.national-controls{grid-template-columns:1fr}.national-controls .province-search{grid-column:auto}}