body{background:radial-gradient(circle at 90% 15%,rgba(23,105,63,.055),transparent 25rem),linear-gradient(#fff,#f7faf8)}.services-title{padding:25px 0 18px}.services-title>nav{display:flex;gap:8px;color:var(--muted);font-size:.65rem;margin-bottom:20px}.services-title-grid{display:grid;grid-template-columns:1fr 340px;align-items:center;gap:35px}.services-heading{display:flex;align-items:center;gap:17px}.services-heading>span{display:grid;place-items:center;width:65px;height:65px;border-radius:18px;background:#e1f3e8;color:var(--green-700)}.services-heading>span svg{width:38px;height:38px}.services-heading b{color:var(--green-700);text-transform:uppercase;font-size:.6rem;letter-spacing:.12em}.services-heading h1{font:800 clamp(2.1rem,4vw,3.1rem)/1 Manrope;margin:3px 0}.services-heading p{margin:0;color:var(--muted);font-size:.8rem}.services-title aside{display:grid;grid-template-columns:28px 1fr;gap:12px;padding:16px;border:1px solid #cfe3d7;border-radius:13px;background:#eff8f3}.services-title aside>svg{width:24px;height:24px;color:var(--green-700)}.services-title aside strong{font-size:.72rem}.services-title aside p{font-size:.63rem;color:var(--muted);margin:2px 0 7px}.services-title aside a{display:inline-block;padding:6px 9px;background:#fff;border:1px solid #a9ccb9;border-radius:6px;color:var(--green-700);font-size:.58rem;font-weight:800}.service-directory{padding:15px 0 30px}.service-directory>header h2{font:800 1.05rem Manrope;margin:3px 0 15px}.service-card-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.portal-service-card{display:flex;flex-direction:column;min-height:235px;padding:17px;border:1px solid #dbe5df;border-radius:15px;background:#fff;box-shadow:0 8px 23px rgba(5,46,34,.045);transition:.22s}.portal-service-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(5,46,34,.1)}.portal-service-icon{display:grid;place-items:center;width:49px;height:49px;border-radius:15px;background:#e4f3ea;color:var(--green-700)}.portal-service-icon svg{width:28px;height:28px}.tone-blue .portal-service-icon{background:#eaf0ff;color:#245eb0}.tone-orange .portal-service-icon{background:#fff1df;color:#d56e1d}.tone-purple .portal-service-icon{background:#f0e7fa;color:#7034a4}.tone-teal .portal-service-icon{background:#e1f4f2;color:#08766e}.portal-service-card h3{font:800 .78rem Manrope;margin:13px 0 6px}.portal-service-card p{font-size:.64rem;color:var(--muted);line-height:1.5;margin:0}.portal-service-card>a{margin-top:auto;padding:8px;border:1px solid currentColor;border-radius:7px;text-align:center;color:var(--green-700);font-size:.6rem;font-weight:800}.tone-blue>a{color:#315fbc}.tone-orange>a{color:#d87320}.tone-purple>a{color:#713ca0}.tone-teal>a{color:#087a70}.service-note{display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:18px;margin-top:16px;padding:12px 20px;border:1px solid #cfe1d7;border-radius:14px;background:linear-gradient(90deg,#edf7f2,#fff)}.municipal-art{position:relative;height:55px;color:var(--green-700)}.municipal-art span{position:absolute;inset:10px 0 0;border-radius:40px 40px 0 0;background:#dbeee4}.municipal-art svg{position:absolute;z-index:1;width:58px;height:58px;left:26px}.service-note>div:nth-child(2){display:flex;flex-direction:column}.service-note strong{font:800 .82rem Manrope}.service-note small{font-size:.62rem;color:var(--muted)}.service-note>a{padding:9px 15px;border:1px solid #9fc7b3;border-radius:7px;color:var(--green-700);font-size:.62rem;font-weight:800}.faq-note{display:flex;align-items:center;gap:13px;margin-top:13px;padding:18px;border:1px dashed #bed5ca;border-radius:13px;background:#fff}.faq-note>svg{width:30px;height:30px;color:var(--green-700)}.faq-note strong{font-size:.75rem}.faq-note p{font-size:.65rem;color:var(--muted);margin:2px 0}.services-footer{background:linear-gradient(120deg,#061d38,#073861);color:#d7e5ef}.footer-columns{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:35px;padding:28px 0}.footer-columns>div{display:flex;flex-direction:column;gap:5px}.footer-columns strong{text-transform:uppercase;font-size:.64rem;letter-spacing:.06em;color:#fff}.footer-columns span,.footer-columns a{font-size:.61rem}.footer-bottom{padding:12px 0;border-top:1px solid rgba(255,255,255,.1);text-align:center;font-size:.59rem}.service-form-page{padding:35px 0 60px}.form-back{color:var(--green-700);font-size:.7rem;font-weight:800}.service-form-card{width:min(760px,100%);margin:20px auto 0;padding:30px;border:1px solid #d5e3dc;border-radius:18px;background:#fff;box-shadow:0 18px 45px rgba(5,46,34,.08)}.service-form-card h1{font:800 2rem Manrope;margin:5px 0}.service-form-card>p{color:var(--muted);font-size:.78rem}.service-form-card form{display:flex;flex-direction:column;gap:14px;margin-top:22px}.service-form-card label{display:flex;flex-direction:column;gap:6px;font-size:.7rem;font-weight:700}.service-form-card input,.service-form-card select,.service-form-card textarea{padding:12px;border:1px solid #cbdad3;border-radius:8px;font:500 .76rem DM Sans}.service-form-card button,.service-primary-link{padding:12px 16px;border:0;border-radius:8px;background:var(--green-700);color:#fff;font-weight:800}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.setup-alert{margin-top:20px;padding:16px;border-radius:10px;background:#fff6df;color:#745514;font-size:.73rem}.tracking-form{display:grid!important;grid-template-columns:1fr auto}.tracking-result{margin-top:24px;padding:20px;border-radius:13px;background:#f2f8f5}.tracking-result>span{color:var(--green-700);font-size:.65rem;font-weight:800;text-transform:uppercase}.history-row{padding:14px 0;border-top:1px solid #d7e4dd}.history-row small{margin-left:10px;color:var(--muted)}.history-row p{font-size:.7rem;margin:5px 0}.service-form-card h2{font:800 1rem Manrope;margin-top:25px}.service-form-card details{padding:12px 0;border-top:1px solid var(--line)}
@media(max-width:1150px){.service-card-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.services-title-grid{grid-template-columns:1fr}.service-card-grid{grid-template-columns:repeat(2,1fr)}.footer-columns{grid-template-columns:1fr 1fr}.service-note{grid-template-columns:80px 1fr}.service-note>a{grid-column:1/-1;text-align:center}}@media(max-width:520px){.service-card-grid{grid-template-columns:1fr}.portal-service-card{min-height:210px}.services-heading{align-items:flex-start}.services-heading>span{width:50px;height:50px;flex:0 0 50px}.footer-columns{grid-template-columns:1fr}.form-two,.tracking-form{grid-template-columns:1fr}.service-form-card{padding:21px}.service-note{grid-template-columns:1fr}.municipal-art{display:none}}

/* Refined services experience */
body{background:radial-gradient(circle at 88% 12%,rgba(11,107,71,.09),transparent 27rem),linear-gradient(180deg,#fff 0%,#f4f8f6 100%)}
.services-title{position:relative;margin-top:28px;padding:24px 30px 30px;overflow:hidden;border:1px solid #dce9e2;border-radius:22px;background:linear-gradient(125deg,rgba(255,255,255,.97),rgba(235,246,240,.94));box-shadow:0 18px 50px rgba(5,46,34,.075)}.services-title:before{content:"";position:absolute;right:-90px;top:-145px;width:330px;height:330px;border-radius:50%;border:54px solid rgba(11,107,71,.04)}.services-title:after{content:"";position:absolute;right:240px;bottom:-60px;width:135px;height:135px;border-radius:50%;background:rgba(232,188,52,.055)}.services-title>*{position:relative;z-index:1}.services-title>nav{margin-bottom:28px}.services-heading>span{width:76px;height:76px;border:1px solid #c9e3d5;background:linear-gradient(145deg,#e7f6ed,#d5ecdf);box-shadow:0 12px 26px rgba(11,107,71,.12)}.services-heading h1{font-size:clamp(2.6rem,5vw,4rem);letter-spacing:-.055em}.services-heading p{max-width:720px;font-size:.86rem}.services-title aside{padding:20px;border-radius:16px;background:rgba(255,255,255,.84);box-shadow:0 10px 28px rgba(5,46,34,.07);backdrop-filter:blur(8px)}.services-title aside a{padding:8px 12px;border-radius:8px;transition:.2s}.services-title aside a:hover{color:#fff;background:#0b6b47}
.service-directory{padding-top:38px;padding-bottom:48px}.service-directory>header{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px}.service-directory>header h2{font-size:1.35rem;margin-bottom:0}.service-card-grid{gap:16px}.portal-service-card{position:relative;overflow:hidden;min-height:245px;padding:20px;border-radius:18px;border-color:#d8e5de;background:linear-gradient(155deg,#fff 65%,#f7faf8);box-shadow:0 10px 30px rgba(5,46,34,.055)}.portal-service-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:#0b6b47}.portal-service-card.tone-blue:before{background:#3169ca}.portal-service-card.tone-orange:before{background:#e37a21}.portal-service-card.tone-purple:before{background:#7844ad}.portal-service-card.tone-teal:before{background:#09867b}.portal-service-card:after{content:"";position:absolute;right:-36px;top:-42px;width:105px;height:105px;border-radius:50%;background:rgba(11,107,71,.035)}.portal-service-card:hover{transform:translateY(-7px);border-color:#b9d7c7;box-shadow:0 22px 45px rgba(5,46,34,.12)}.portal-service-icon{position:relative;z-index:1;width:56px;height:56px;border-radius:17px;box-shadow:inset 0 0 0 1px rgba(11,107,71,.06)}.portal-service-card h3{font-size:.88rem;margin-top:16px}.portal-service-card p{font-size:.67rem;line-height:1.65}.portal-service-card>a{position:relative;z-index:1;padding:10px;border-radius:9px;background:#fff;transition:.2s}.portal-service-card>a:hover{color:#fff;background:#0b6b47;border-color:#0b6b47}.tone-blue>a:hover{background:#315fbc;border-color:#315fbc}.tone-orange>a:hover{background:#d87320;border-color:#d87320}.tone-purple>a:hover{background:#713ca0;border-color:#713ca0}.tone-teal>a:hover{background:#087a70;border-color:#087a70}
.service-note{position:relative;overflow:hidden;margin-top:22px;padding:18px 24px;border-radius:18px;background:linear-gradient(110deg,#eaf6ef,#fff 70%);box-shadow:0 10px 28px rgba(5,46,34,.05)}.service-note:after{content:"";position:absolute;right:175px;bottom:-65px;width:130px;height:130px;border-radius:50%;background:rgba(11,107,71,.045)}.service-note>*{position:relative;z-index:1}.service-note strong{font-size:.9rem}.service-note>a{padding:11px 17px;border-radius:9px;background:#fff;transition:.2s}.service-note>a:hover{color:#fff;background:#0b6b47}
.faq-note{position:relative;margin-top:18px;padding:22px 24px;border-style:solid;border-color:#d6e5dd;background:linear-gradient(120deg,#fff,#f5faf7);box-shadow:0 8px 24px rgba(5,46,34,.04)}.faq-note>svg{display:grid;place-items:center;width:44px;height:44px;padding:9px;border-radius:13px;background:#e3f2e9}.faq-note strong{font-size:.8rem}.faq-note p{font-size:.67rem;line-height:1.5}
.services-footer{position:relative;background:linear-gradient(120deg,#041a32,#073b5f 60%,#07503e)}.services-footer:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 15%,rgba(255,255,255,.07),transparent 20rem);pointer-events:none}.footer-columns,.footer-bottom{position:relative}.footer-columns{padding:34px 0}.footer-columns strong{margin-bottom:4px}.footer-columns a{transition:.2s}.footer-columns a:hover{color:#f2ca5c;transform:translateX(3px)}
@media(max-width:800px){.services-title{margin-top:18px;padding:21px}.services-title-grid{gap:22px}.services-heading h1{font-size:2.8rem}.service-directory{padding-top:30px}.portal-service-card{min-height:230px}}@media(max-width:520px){.services-title{border-radius:16px}.services-heading h1{font-size:2.35rem}.services-heading p{font-size:.75rem}.service-card-grid{gap:12px}.portal-service-card{min-height:215px}.service-note{padding:20px}.faq-note{align-items:flex-start}}

/* Balanced lower-page layout */
.directory-count{padding:7px 11px;border:1px solid #d4e4dc;border-radius:99px;background:#fff;color:#557067;font-size:.6rem;font-weight:700}.portal-service-card{min-height:218px}.portal-service-card>div{min-height:82px}.portal-service-card>a{margin-top:16px}
.service-support-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:16px;margin-top:24px}.support-card{position:relative;overflow:hidden;display:grid;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:18px;min-height:150px;padding:23px 24px;border:1px solid #cee1d7;border-radius:19px;background:#fff;box-shadow:0 12px 32px rgba(5,46,34,.055)}.support-card:after{content:"";position:absolute;right:-48px;bottom:-65px;width:145px;height:145px;border-radius:50%;background:rgba(11,107,71,.045)}.guide-card{background:linear-gradient(120deg,#eaf6ef,#fff 72%)}.faq-card{background:linear-gradient(120deg,#f1f4ff,#fff 72%);border-color:#d8e0f0}.support-visual{position:relative;z-index:1;display:grid;place-items:center;width:62px;height:62px;border-radius:18px;background:#dcefe5;color:#08714d}.faq-card .support-visual{background:#e5eafd;color:#345fb2}.support-visual svg{width:34px;height:34px}.support-card>div:nth-child(2){position:relative;z-index:1}.support-card h3{font:800 .92rem Manrope;margin:4px 0}.support-card p{max-width:490px;margin:0;color:#62716a;font-size:.65rem;line-height:1.5}.support-card>a{position:relative;z-index:1;white-space:nowrap;padding:10px 14px;border:1px solid #9fc7b3;border-radius:9px;background:#fff;color:#0b6b47;font-size:.61rem;font-weight:800;transition:.2s}.faq-card>a{color:#315fbc;border-color:#afbee2}.support-card>a:hover{color:#fff;background:#0b6b47;transform:translateY(-2px);box-shadow:0 9px 20px rgba(5,46,34,.13)}.faq-card>a:hover{background:#315fbc;border-color:#315fbc}
.footer-columns{grid-template-columns:1.45fr .75fr .8fr .8fr;align-items:start}.footer-brand{display:grid!important;grid-template-columns:50px 1fr;gap:14px!important;flex-direction:unset!important}.footer-brand>div{display:flex;flex-direction:column;gap:5px}.footer-seal{display:grid;place-items:center;width:48px;height:48px;border:3px solid #e5b637;border-radius:50%;background:#07503e;color:#fff;font:800 1.25rem Manrope;box-shadow:inset 0 0 0 2px rgba(255,255,255,.85)}.footer-bottom{display:flex;align-items:center;justify-content:space-between}.footer-bottom span:last-child{color:#f0c65e;font-weight:700}
@media(max-width:1050px){.service-support-grid{grid-template-columns:1fr}.footer-columns{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:700px){.service-directory>header{align-items:flex-start}.directory-count{display:none}.support-card{grid-template-columns:56px 1fr;padding:20px}.support-visual{width:52px;height:52px}.support-card>a{grid-column:1/-1;text-align:center}.footer-bottom{flex-direction:column;gap:7px}}
@media(max-width:520px){.portal-service-card{min-height:0}.portal-service-card>div{min-height:0}.service-support-grid{margin-top:18px}.support-card{grid-template-columns:1fr;text-align:center}.support-visual{margin:auto}.footer-columns{grid-template-columns:1fr}.footer-brand{grid-column:auto;text-align:left}}

/* Pinabacdao government service finder */
.services-finder-hero{position:relative;min-height:610px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.96) 42%,rgba(0,30,65,.38) 100%),url('/uploads/pinabacdao-municipal-hall-clean-hero.png') center/cover no-repeat}
.services-finder-hero:after{position:absolute;inset:0;content:"";pointer-events:none;background:linear-gradient(180deg,rgba(220,174,43,.08),transparent 30%),radial-gradient(circle at 76% 20%,rgba(0,75,30,.18),transparent 28rem)}
.services-finder-content{position:relative;z-index:1;padding-block:58px;width:100%}
.services-finder-kicker{margin:0 0 8px;color:#004b1e;font:700 12px/1.3 Manrope,sans-serif;letter-spacing:.13em;text-transform:uppercase}
.services-finder-hero h1{max-width:820px;margin:0;color:#001e41;font:800 clamp(50px,5.4vw,78px)/.98 Manrope,sans-serif;letter-spacing:-.055em}
.services-finder-hero h1 span{color:#087a3d}
.services-finder-lead{max-width:790px;margin:28px 0 30px;color:#263b4b;font:500 clamp(16px,1.4vw,20px)/1.55 "DM Sans",sans-serif}
.services-finder-search{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;width:min(850px,100%);padding:7px 7px 7px 20px;border:1px solid #c9d5d0;border-radius:9px;background:#fff;box-shadow:0 12px 30px rgba(0,30,65,.12)}
.services-finder-search>svg{width:25px;height:25px;color:#004b1e;fill:none;stroke:currentColor;stroke-width:1.8}
.services-finder-search input{min-width:0;height:52px;padding:0 14px;border:0;outline:0;color:#001e41;background:transparent;font:500 16px/1 "DM Sans",sans-serif}
.services-finder-search input::placeholder{color:#75827d}
.services-finder-search button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 25px;border:0;border-radius:7px;background:#004b1e;color:#fff;font:700 15px/1 Manrope,sans-serif;cursor:pointer;transition:.18s}
.services-finder-search button:hover,.services-finder-search button:focus-visible{background:#087a3d;box-shadow:0 6px 16px rgba(0,75,30,.2)}
.services-finder-search button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2}
.popular-services{width:min(850px,100%);margin-top:28px}
.popular-services>strong{display:block;margin-bottom:12px;color:#001e41;font:700 12px/1 Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.popular-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.popular-services-grid a{display:flex;align-items:center;gap:11px;min-height:55px;padding:10px 15px;border:1px solid rgba(0,75,30,.2);border-radius:7px;background:rgba(255,255,255,.93);color:#001e41;text-decoration:none;font:700 13px/1.25 "DM Sans",sans-serif;box-shadow:0 4px 14px rgba(0,30,65,.05);transition:.18s}
.popular-services-grid a:hover,.popular-services-grid a:focus-visible{border-color:#dcae2b;background:#f9fcfa;color:#004b1e;transform:translateY(-2px)}
.popular-services-grid svg{flex:0 0 23px;width:23px;height:23px;color:#087a3d;fill:none;stroke:currentColor;stroke-width:1.8}
.service-empty-state{grid-column:1/-1;padding:45px;text-align:center;border:1px dashed #afc9bc;border-radius:14px;background:#fff}
.service-empty-state svg{width:40px;height:40px;color:#087a3d;fill:none;stroke:currentColor}.service-empty-state h3{margin:12px 0 5px;color:#001e41}.service-empty-state p{margin:0 0 18px;color:#6b7280}.service-empty-state a{display:inline-block;padding:10px 15px;border-radius:7px;background:#004b1e;color:#fff;text-decoration:none;font-weight:700}

@media(max-width:800px){.services-finder-hero{min-height:auto;background-position:62% center}.services-finder-content{padding-block:42px}.services-finder-hero h1{font-size:clamp(42px,10vw,62px)}.services-finder-lead{margin-block:20px 24px}.popular-services-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.services-finder-content{padding-block:34px}.services-finder-hero h1{font-size:39px}.services-finder-lead{font-size:15px}.services-finder-search{grid-template-columns:26px minmax(0,1fr);padding:6px 8px 6px 14px}.services-finder-search input{height:46px;padding-inline:8px;font-size:13px}.services-finder-search button{grid-column:1/-1;width:100%;min-height:46px}.popular-services-grid{grid-template-columns:1fr}.popular-services-grid a{min-height:50px}.service-directory{padding-top:28px}}

.services-finder-hero{background-image:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.96) 42%,rgba(0,30,65,.38) 100%),url('../../uploads/Municipal-hall-1.jpg')!important}

/* Navy institutional service directory: calm, motionless, and premium. */
.services-directory-page{
  background:#fff!important;
  color:#1f3347!important;
}
.services-directory-page *,
.services-directory-page *::before,
.services-directory-page *::after{
  animation:none!important;
  transition:none!important;
}
.services-directory-page .services-finder-hero{
  min-height:580px;
  background-image:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.96) 43%,rgba(0,30,65,.24) 100%),url('../../uploads/Municipal-hall-1.jpg')!important;
}
.services-directory-page .services-finder-hero::after{display:none!important}
.services-directory-page .services-finder-kicker{color:#8a6500!important}
.services-directory-page .services-finder-hero h1,
.services-directory-page .services-finder-hero h1 span{color:#001e41!important}
.services-directory-page .services-finder-lead{color:#41566a!important}
.services-directory-page .services-finder-search{
  border:0!important;
  border-radius:7px!important;
  box-shadow:0 8px 24px rgba(0,30,65,.09)!important;
}
.services-directory-page .services-finder-search>svg{color:#003b70!important}
.services-directory-page .services-finder-search button,
.services-directory-page .services-finder-search button:hover,
.services-directory-page .services-finder-search button:focus-visible{
  border:0!important;
  outline:0!important;
  background:#003b70!important;
  color:#fff!important;
  box-shadow:none!important;
  transform:none!important;
}
.services-directory-page .popular-services-grid a{
  border:0!important;
  background:#fff!important;
  color:#173b5d!important;
  box-shadow:0 5px 16px rgba(0,30,65,.05)!important;
}
.services-directory-page .popular-services-grid a:hover,
.services-directory-page .popular-services-grid a:focus-visible{
  outline:0!important;
  background:#f7f9fb!important;
  color:#001e41!important;
  box-shadow:0 5px 16px rgba(0,30,65,.05)!important;
  transform:none!important;
}
.services-directory-page .popular-services-grid svg{color:#003b70!important}
.services-directory-page .service-directory .section-label{color:#8a6500!important}
.services-directory-page .directory-count{border-color:#d9e1e7!important;color:#5d7083!important}
.services-directory-page .portal-service-card{
  border:0!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:0 7px 22px rgba(0,30,65,.055)!important;
  transform:none!important;
}
.services-directory-page .portal-service-card::before,
.services-directory-page .portal-service-card::after{display:none!important}
.services-directory-page .portal-service-card:hover{
  border:0!important;
  box-shadow:0 9px 25px rgba(0,30,65,.07)!important;
  transform:none!important;
}
.services-directory-page .portal-service-icon,
.services-directory-page .tone-blue .portal-service-icon,
.services-directory-page .tone-orange .portal-service-icon,
.services-directory-page .tone-purple .portal-service-icon,
.services-directory-page .tone-teal .portal-service-icon{
  border-radius:7px!important;
  background:#eaf1f6!important;
  color:#003b70!important;
  box-shadow:none!important;
}
.services-directory-page .portal-service-card h3{color:#001e41!important}
.services-directory-page .portal-service-card p{color:#687b8e!important}
.services-directory-page .portal-service-card>a,
.services-directory-page .portal-service-card>a:hover,
.services-directory-page .tone-blue>a,
.services-directory-page .tone-orange>a,
.services-directory-page .tone-purple>a,
.services-directory-page .tone-teal>a{
  border:0!important;
  background:#f1f5f8!important;
  color:#003b70!important;
  box-shadow:none!important;
  transform:none!important;
}
.services-directory-page .support-card,
.services-directory-page .guide-card,
.services-directory-page .faq-card{
  border:0!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:0 7px 22px rgba(0,30,65,.055)!important;
}
.services-directory-page .support-card::after{display:none!important}
.services-directory-page .support-visual,
.services-directory-page .faq-card .support-visual{background:#eaf1f6!important;color:#003b70!important}
.services-directory-page .support-card p{color:#687b8e!important}
.services-directory-page .support-card>a,
.services-directory-page .faq-card>a,
.services-directory-page .support-card>a:hover{
  border:0!important;
  background:#f1f5f8!important;
  color:#003b70!important;
  box-shadow:none!important;
  transform:none!important;
}
.services-directory-page .lgu-header *,
.services-directory-page .lgu-scroll-top,
.services-directory-page .lgu-scroll-top *{
  animation:none!important;
  transition:none!important;
}
.services-directory-page .lgu-primary-nav--public>a::after,
.services-directory-page .lgu-primary-nav--public>.lgu-dropdown::after,
.services-directory-page .lgu-primary-nav>.lgu-offices-dropdown>button::before{
  background:#003b70!important;
  transition:none!important;
}
.services-directory-page .lgu-primary-nav .lgu-public-signin:hover,
.services-directory-page .lgu-primary-nav .lgu-public-signin:focus-visible{
  background:#eaf1f6!important;
  color:#003b70!important;
}

/* Keep the service finder aligned to the municipal content grid. */
.services-directory-page .services-finder-content{
  width:min(1400px,calc(100% - 96px))!important;
  margin-inline:auto!important;
  padding-block:48px!important;
}
.services-directory-page .services-finder-hero{
  align-items:center!important;
  background-position:center 56%!important;
}
.services-directory-page .services-finder-hero h1,
.services-directory-page .services-finder-hero h1 span{
  font-family:"Segoe Script","Brush Script MT",cursive!important;
  font-size:clamp(46px,4.8vw,72px)!important;
  font-style:normal!important;
  font-weight:400!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
}
.services-directory-page .services-finder-lead{
  max-width:760px;
  margin-block:22px 24px!important;
}
.services-directory-page .services-finder-search,
.services-directory-page .popular-services{width:min(960px,100%)!important}
.services-directory-page .popular-services{margin-top:22px!important}

@media(max-width:900px){
  .services-directory-page .services-finder-content{width:min(100% - 40px,760px)!important;padding-block:40px!important}
}
@media(max-width:520px){
  .services-directory-page .services-finder-content{width:calc(100% - 24px)!important;padding-block:32px!important}
  .services-directory-page .services-finder-hero h1,
  .services-directory-page .services-finder-hero h1 span{font-size:40px!important}
}

/* Balanced service-card composition. */
.services-directory-page .service-directory{padding-top:52px!important;background:#f7f9fb!important}
.services-directory-page .service-directory>header{margin-bottom:24px!important;padding-bottom:18px;border-bottom:1px solid #e3e9ee}
.services-directory-page .service-directory>header h2{color:#001e41!important;font-size:clamp(24px,2.2vw,32px)!important;letter-spacing:-.03em}
.services-directory-page .service-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
.services-directory-page .portal-service-card{
  min-height:270px!important;
  padding:26px!important;
  border-top:3px solid #c99700!important;
  border-radius:9px!important;
  box-shadow:0 8px 26px rgba(0,30,65,.065)!important;
}
.services-directory-page .portal-service-icon,
.services-directory-page .tone-blue .portal-service-icon,
.services-directory-page .tone-orange .portal-service-icon,
.services-directory-page .tone-purple .portal-service-icon,
.services-directory-page .tone-teal .portal-service-icon{width:54px;height:54px;border-radius:9px!important}
.services-directory-page .portal-service-card h3{margin-top:18px!important;font-size:17px!important;line-height:1.35!important}
.services-directory-page .portal-service-card p{font-size:13px!important;line-height:1.65!important}
.services-directory-page .portal-service-card>a,
.services-directory-page .portal-service-card>a:hover,
.services-directory-page .tone-blue>a,
.services-directory-page .tone-orange>a,
.services-directory-page .tone-purple>a,
.services-directory-page .tone-teal>a{
  align-self:flex-start;
  width:auto!important;
  margin-top:auto!important;
  padding:10px 15px!important;
  border-radius:6px!important;
  background:#eef3f7!important;
  font-size:11px!important;
  letter-spacing:.035em;
  text-transform:uppercase;
}
@media(max-width:980px){.services-directory-page .service-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:580px){.services-directory-page .service-card-grid{grid-template-columns:1fr!important}.services-directory-page .portal-service-card{min-height:235px!important}}

/* Homepage-aligned navy façade and compact icon-only search. */
.services-directory-page .services-finder-hero{
  background-color:#001e41!important;
  background-image:linear-gradient(90deg,rgba(0,20,48,.96) 0%,rgba(0,30,65,.88) 48%,rgba(0,45,84,.68) 100%),url('../../uploads/Municipal-hall-1.jpg')!important;
  background-position:center 56%!important;
}
.services-directory-page .services-finder-kicker{color:#f0c33c!important}
.services-directory-page .services-finder-hero h1,
.services-directory-page .services-finder-hero h1 span{color:#fff!important;text-shadow:0 3px 18px rgba(0,12,30,.28)}
.services-directory-page .services-finder-lead{color:#e2ebf2!important}
.services-directory-page .services-finder-search{
  grid-template-columns:minmax(0,1fr) 54px!important;
  width:min(760px,100%)!important;
  min-height:62px;
  padding:5px 7px 5px 18px!important;
  background:#fff!important;
}
.services-directory-page .services-finder-search input{height:50px!important;padding:0 10px!important}
.services-directory-page .services-finder-search button,
.services-directory-page .services-finder-search button:hover,
.services-directory-page .services-finder-search button:focus,
.services-directory-page .services-finder-search button:focus-visible{
  width:50px!important;
  min-width:50px!important;
  min-height:50px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#003b70!important;
  box-shadow:none!important;
}
.services-directory-page .services-finder-search button svg{width:25px;height:25px}
.services-directory-page .popular-services>strong{color:#fff!important}
@media(max-width:520px){
  .services-directory-page .services-finder-search{grid-template-columns:minmax(0,1fr) 48px!important;padding:5px 6px 5px 12px!important}
  .services-directory-page .services-finder-search button{grid-column:auto!important;width:46px!important;min-width:46px!important;min-height:46px!important}
}

/* Compact hero controls that leave the municipal façade visible. */
.services-directory-page .services-finder-content{width:min(1200px,calc(100% - 96px))!important}
.services-directory-page .services-finder-lead{max-width:720px!important;font-size:18px!important}
.services-directory-page .services-finder-search{width:min(640px,100%)!important;min-height:56px!important}
.services-directory-page .services-finder-search input{height:46px!important;font-size:14px!important}
.services-directory-page .services-finder-search button{width:46px!important;min-width:46px!important;min-height:46px!important}
.services-directory-page .services-finder-search button svg{width:22px;height:22px}
.services-directory-page .popular-services{width:min(900px,100%)!important;margin-top:18px!important}
.services-directory-page .popular-services-grid{gap:9px!important}
.services-directory-page .popular-services-grid a{min-height:50px!important;padding:9px 14px!important;font-size:12px!important}
.services-directory-page .popular-services-grid svg{width:21px!important;height:21px!important}
@media(max-width:900px){
  .services-directory-page .services-finder-content{width:min(100% - 40px,760px)!important}
  .services-directory-page .popular-services{width:100%!important}
}
@media(max-width:520px){
  .services-directory-page .services-finder-content{width:calc(100% - 24px)!important}
  .services-directory-page .services-finder-lead{font-size:15px!important}
}

/* Stationary service cards with a restrained button-only hover response. */
.services-directory-page .portal-service-card,
.services-directory-page .portal-service-card:hover,
.services-directory-page .portal-service-card:focus,
.services-directory-page .portal-service-card:focus-within,
.services-directory-page .portal-service-card:active,
.services-directory-page .popular-services-grid a,
.services-directory-page .popular-services-grid a:hover,
.services-directory-page .popular-services-grid a:focus,
.services-directory-page .popular-services-grid a:active{
  animation:none!important;
  transform:none!important;
}
.services-directory-page .portal-service-card,
.services-directory-page .popular-services-grid a{transition:none!important}
.services-directory-page .portal-service-card:hover,
.services-directory-page .portal-service-card:focus-within{box-shadow:0 8px 26px rgba(0,30,65,.065)!important}
.services-directory-page .portal-service-card>a,
.services-directory-page .portal-service-card>a:hover,
.services-directory-page .portal-service-card>a:focus,
.services-directory-page .portal-service-card>a:focus-visible,
.services-directory-page .portal-service-card>a:active{
  outline:0!important;
  box-shadow:none!important;
  transform:none!important;
  transition:background-color .14s ease,color .14s ease!important;
}
.services-directory-page .portal-service-card>a:hover,
.services-directory-page .portal-service-card>a:focus-visible{
  background:#003b70!important;
  color:#fff!important;
}
.services-directory-page .portal-service-card>a:active{background:#002d59!important;color:#fff!important}
.services-directory-page .support-card>a,
.services-directory-page .support-card>a:hover,
.services-directory-page .support-card>a:focus-visible,
.services-directory-page .support-card>a:active,
.services-directory-page .services-finder-search button,
.services-directory-page .services-finder-search button:hover,
.services-directory-page .services-finder-search button:focus-visible,
.services-directory-page .services-finder-search button:active{
  outline:0!important;
  box-shadow:none!important;
  transform:none!important;
  transition:background-color .14s ease,color .14s ease!important;
}
.services-directory-page .support-card>a:hover,
.services-directory-page .support-card>a:focus-visible{background:#003b70!important;color:#fff!important}
.services-directory-page .support-card>a:active{background:#002d59!important;color:#fff!important}
.services-directory-page .services-finder-search button:hover,
.services-directory-page .services-finder-search button:focus-visible{background:#edf3f7!important;color:#001e41!important}
.services-directory-page .services-finder-search button:active{background:#dce7ef!important;color:#001e41!important}
body:has(.services-directory-page) .lgu-scroll-top,
body:has(.services-directory-page) .lgu-scroll-top.is-visible{
  animation:none!important;
  transition:none!important;
  transform:none!important;
}

/* Refined, space-efficient citizen-services hero. */
.services-directory-page .services-finder-hero{min-height:500px!important}
.services-directory-page .services-finder-content{width:min(1200px,calc(100% - 96px))!important;padding-block:32px!important}
.services-directory-page .services-finder-kicker{margin-bottom:10px!important;font:700 11px/1.2 Manrope,sans-serif!important;letter-spacing:.16em!important}
.services-directory-page .services-finder-hero h1,
.services-directory-page .services-finder-hero h1 span{
  max-width:760px!important;
  font-family:"Satisfy","Segoe Script","Brush Script MT",cursive!important;
  font-size:clamp(46px,4.6vw,70px)!important;
  font-weight:400!important;
  line-height:1.04!important;
  letter-spacing:.005em!important;
  text-shadow:0 2px 16px rgba(0,12,30,.24)!important;
}
.services-directory-page .services-finder-hero h1 span{color:#f5cb55!important}
.services-directory-page .services-finder-lead{max-width:700px!important;margin:16px 0 18px!important;font-size:16px!important;line-height:1.55!important}
.services-directory-page .services-finder-search{width:min(620px,100%)!important;min-height:52px!important}
.services-directory-page .popular-services{width:min(780px,100%)!important;margin-top:14px!important}
.services-directory-page .popular-services>strong{margin-bottom:9px!important}
.services-directory-page .popular-services-grid{gap:8px!important}
.services-directory-page .popular-services-grid a{min-height:44px!important;padding:8px 12px!important}
@media(max-width:900px){
  .services-directory-page .services-finder-hero{min-height:auto!important}
  .services-directory-page .services-finder-content{width:min(100% - 40px,760px)!important;padding-block:32px!important}
}
@media(max-width:520px){
  .services-directory-page .services-finder-content{width:calc(100% - 24px)!important;padding-block:26px!important}
  .services-directory-page .services-finder-hero h1,
  .services-directory-page .services-finder-hero h1 span{font-size:36px!important}
  .services-directory-page .popular-services-grid{grid-template-columns:1fr!important}
}

/* Match the About page's quiet civic panels: thin rules, static surfaces. */
.services-directory-page main *,
.services-directory-page main *::before,
.services-directory-page main *::after{
  animation:none!important;
  transform:none!important;
  transition:none!important;
}
.services-directory-page .service-directory{
  padding-block:48px 64px!important;
  background:#fff!important;
}
.services-directory-page .service-directory>header{
  margin-bottom:28px!important;
  padding-bottom:18px!important;
  border-bottom:1px solid #cfdbdf!important;
}
.services-directory-page .service-card-grid{gap:18px!important}
.services-directory-page .portal-service-card,
.services-directory-page .portal-service-card:hover,
.services-directory-page .portal-service-card:focus,
.services-directory-page .portal-service-card:focus-within,
.services-directory-page .portal-service-card:active{
  min-height:250px!important;
  padding:28px!important;
  border:1px solid #cfdbdf!important;
  border-top:1px solid #cfdbdf!important;
  border-radius:5px!important;
  background:#fff!important;
  box-shadow:none!important;
  animation:none!important;
  transform:none!important;
  transition:none!important;
}
.services-directory-page .portal-service-card::before,
.services-directory-page .portal-service-card::after{display:none!important}
.services-directory-page .portal-service-icon,
.services-directory-page .tone-blue .portal-service-icon,
.services-directory-page .tone-orange .portal-service-icon,
.services-directory-page .tone-purple .portal-service-icon,
.services-directory-page .tone-teal .portal-service-icon{
  width:50px!important;
  height:50px!important;
  border:1px solid #d5e5ef!important;
  border-radius:5px!important;
  background:#eaf4fb!important;
  color:#087ac7!important;
}
.services-directory-page .portal-service-card h3{
  margin-top:20px!important;
  color:#002e5d!important;
  font:800 16px/1.35 Manrope,Arial,sans-serif!important;
}
.services-directory-page .portal-service-card p{color:#5f706f!important;line-height:1.7!important}
.services-directory-page .portal-service-card>a,
.services-directory-page .portal-service-card>a:hover,
.services-directory-page .portal-service-card>a:focus,
.services-directory-page .portal-service-card>a:active{
  border:1px solid #cfdbdf!important;
  border-radius:4px!important;
  background:#f7fafb!important;
  color:#002e5d!important;
  box-shadow:none!important;
  animation:none!important;
  transform:none!important;
  transition:none!important;
}
.services-directory-page .popular-services-grid a,
.services-directory-page .popular-services-grid a:hover,
.services-directory-page .popular-services-grid a:focus,
.services-directory-page .popular-services-grid a:active,
.services-directory-page .support-card,
.services-directory-page .support-card:hover,
.services-directory-page .support-card:focus-within{
  animation:none!important;
  transform:none!important;
  transition:none!important;
}

/* Fixed interaction geometry and restrained hover feedback. */
.services-directory-page .services-finder-search button,
.services-directory-page .services-finder-search button:hover,
.services-directory-page .services-finder-search button:focus,
.services-directory-page .services-finder-search button:focus-visible,
.services-directory-page .services-finder-search button:active{
  width:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  padding:0!important;
  background:transparent!important;
  color:#003b70!important;
  box-shadow:none!important;
}
.services-directory-page .popular-services-grid a:hover,
.services-directory-page .popular-services-grid a:focus-visible{
  border-color:#c7d7e2!important;
  background:#f4f8fb!important;
  color:#002e5d!important;
  box-shadow:none!important;
}
.services-directory-page .support-card>a,
.services-directory-page .support-card>a:hover,
.services-directory-page .support-card>a:focus,
.services-directory-page .support-card>a:focus-visible,
.services-directory-page .support-card>a:active{
  padding:10px 14px!important;
  border:1px solid #cfdbdf!important;
  border-radius:4px!important;
  background:#f7fafb!important;
  color:#002e5d!important;
  box-shadow:none!important;
}
.services-directory-page .support-card>a:hover,
.services-directory-page .support-card>a:focus-visible{background:#eaf4fb!important}

/* Borderless actions with calm, service-related hover tints. */
.services-directory-page .portal-service-card>a,
.services-directory-page .portal-service-card>a:hover,
.services-directory-page .portal-service-card>a:focus,
.services-directory-page .portal-service-card>a:focus-visible,
.services-directory-page .portal-service-card>a:active,
.services-directory-page .support-card>a,
.services-directory-page .support-card>a:hover,
.services-directory-page .support-card>a:focus,
.services-directory-page .support-card>a:focus-visible,
.services-directory-page .support-card>a:active{
  border:0!important;
}
.services-directory-page .portal-service-card>a{background:#eef6f2!important;color:#075c3e!important}
.services-directory-page .portal-service-card>a:hover,
.services-directory-page .portal-service-card>a:focus-visible{background:#e3f1e9!important;color:#075c3e!important}
.services-directory-page .portal-service-card.tone-blue>a{background:#edf3fb!important;color:#245b91!important}
.services-directory-page .portal-service-card.tone-blue>a:hover,
.services-directory-page .portal-service-card.tone-blue>a:focus-visible{background:#e1ecf8!important;color:#245b91!important}
.services-directory-page .portal-service-card.tone-orange>a{background:#fbf3e9!important;color:#9a571f!important}
.services-directory-page .portal-service-card.tone-orange>a:hover,
.services-directory-page .portal-service-card.tone-orange>a:focus-visible{background:#f6e9d9!important;color:#9a571f!important}
.services-directory-page .portal-service-card.tone-purple>a{background:#f4eff9!important;color:#68428a!important}
.services-directory-page .portal-service-card.tone-purple>a:hover,
.services-directory-page .portal-service-card.tone-purple>a:focus-visible{background:#ebe1f4!important;color:#68428a!important}
.services-directory-page .portal-service-card.tone-teal>a{background:#eaf6f5!important;color:#176d68!important}
.services-directory-page .portal-service-card.tone-teal>a:hover,
.services-directory-page .portal-service-card.tone-teal>a:focus-visible{background:#ddf0ee!important;color:#176d68!important}
.services-directory-page .support-card>a{background:#eef4f8!important;color:#002e5d!important}
.services-directory-page .support-card>a:hover,
.services-directory-page .support-card>a:focus-visible{background:#e2edf5!important;color:#002e5d!important}
@media(max-width:580px){
  .services-directory-page .service-directory{padding-block:34px 44px!important}
  .services-directory-page .portal-service-card{min-height:0!important;padding:24px!important}
}

/* Detailed municipal document request */
.document-request-page{background:#f4f7f9;color:#172b3f;font-family:"DM Sans",Arial,sans-serif}
.document-request-main{padding:34px 0 70px}
.document-request-page .form-back{display:inline-flex;margin-bottom:20px;color:#064979;font:700 14px/1.4 Manrope,Arial,sans-serif}
.document-request-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:start}
.document-request-page .service-form-card{width:100%;margin:0;padding:38px;border:1px solid #d7e1e8;border-radius:8px;box-shadow:0 12px 34px rgba(0,35,68,.06)}
.request-form-header{padding-bottom:24px;border-bottom:1px solid #dce5ea}
.request-form-header .section-label,.request-guide .section-label{color:#9a6700;font:800 12px/1.2 Manrope,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.document-request-page .service-form-card h1{margin:8px 0 10px;color:#002e5d;font:800 clamp(28px,3vw,40px)/1.15 Manrope,Arial,sans-serif}
.request-form-header>p{max-width:720px;margin:0;color:#607080;font-size:16px;line-height:1.65}
.document-request-page .service-form-card form{gap:0;margin-top:0}
.document-request-page fieldset{min-width:0;margin:0;padding:28px 0;border:0;border-bottom:1px solid #dce5ea}
.document-request-page legend{display:flex;align-items:center;gap:10px;width:100%;margin-bottom:18px;color:#002e5d;font:800 17px/1.3 Manrope,Arial,sans-serif}
.document-request-page legend span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e7f1f8;color:#075c91;font-size:13px}
.document-request-page .form-two{gap:18px;margin-bottom:18px}
.document-request-page .form-two:last-child{margin-bottom:0}
.document-request-page .service-form-card label{gap:8px;color:#24384b;font-size:14px;font-weight:700}
.document-request-page .service-form-card input:not([type=checkbox]),.document-request-page .service-form-card select,.document-request-page .service-form-card textarea{width:100%;padding:12px 14px;border:1px solid #cbd7df;border-radius:5px;background:#fff;color:#172b3f;font:500 15px/1.45 "DM Sans",Arial,sans-serif;outline:0}
.document-request-page .service-form-card input:focus,.document-request-page .service-form-card select:focus,.document-request-page .service-form-card textarea:focus{border-color:#739ab7;box-shadow:0 0 0 3px rgba(7,92,145,.1)}
.field-help{margin:8px 0 0;color:#6b7986;font-size:12px}
.request-confirmation{display:grid!important;grid-template-columns:18px 1fr;align-items:start;gap:10px!important;margin:24px 0;color:#526372!important;font-weight:500!important;line-height:1.55}
.request-confirmation input{width:17px;height:17px;margin:2px 0 0;accent-color:#064979}
.request-submit-row{display:flex;align-items:center;justify-content:space-between;gap:24px}
.request-submit-row p{max-width:390px;margin:0;color:#687784;font-size:13px;line-height:1.5}
.document-request-page .service-form-card button{flex:0 0 auto;padding:13px 20px;border-radius:5px;background:#003e70;font:800 13px/1.2 Manrope,Arial,sans-serif;letter-spacing:.02em}
.document-request-page .service-form-card button:hover{background:#0b527f}
.request-guide{padding:30px;border:1px solid #d7e1e8;border-radius:8px;background:#fff;box-shadow:0 12px 34px rgba(0,35,68,.05)}
.request-guide h2{margin:8px 0 22px;color:#002e5d;font:800 23px/1.25 Manrope,Arial,sans-serif}
.request-guide ol{margin:0;padding:0;list-style:none;counter-reset:guide}
.request-guide li{position:relative;padding:0 0 20px 38px;counter-increment:guide}
.request-guide li::before{content:counter(guide);position:absolute;left:0;top:0;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e7f1f8;color:#075c91;font:800 12px Manrope,Arial,sans-serif}
.request-guide li:not(:last-child)::after{content:"";position:absolute;left:12px;top:28px;bottom:3px;width:1px;background:#d7e1e8}
.request-guide li strong,.request-guide li span{display:block}
.request-guide li strong{color:#1c344a;font:700 14px/1.4 Manrope,Arial,sans-serif}
.request-guide li span{margin-top:3px;color:#6b7986;font-size:13px;line-height:1.5}
.request-guide-note{margin-top:4px;padding:17px;border-left:3px solid #1c6f9f;background:#edf5fa}
.request-guide-note strong{color:#003e70;font:800 13px Manrope,Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em}
.request-guide-note p{margin:6px 0 0;color:#526677;font-size:13px;line-height:1.55}
.request-alert{margin-top:24px;padding:20px;border-left:4px solid #266f9c;background:#edf5fa;color:#304b60}
.request-alert strong{display:block;color:#003e70;font:800 16px Manrope,Arial,sans-serif}
.request-alert p{margin:6px 0 0;line-height:1.6}
.request-alert--error{border-left-color:#a83b3b;background:#fff1f1}
.request-alert--error strong{color:#8b2727}.request-alert--error ul{margin:8px 0 0;padding-left:20px}
.request-contact-options{display:grid;gap:0;margin-top:22px;border:1px solid #dce5ea}
.request-contact-options div{padding:18px 20px}.request-contact-options div+div{border-top:1px solid #dce5ea}
.request-contact-options span,.request-contact-options strong{display:block}.request-contact-options span{color:#6b7986;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.request-contact-options strong{margin-top:4px;color:#173b5a;font-size:14px}
@media(max-width:960px){.document-request-layout{grid-template-columns:1fr}.request-guide{order:-1}.request-guide ol{display:grid;grid-template-columns:1fr 1fr;gap:18px}.request-guide li{padding-bottom:0}.request-guide li::after{display:none}}
@media(max-width:640px){.document-request-main{padding-top:22px}.document-request-page .service-form-card,.request-guide{padding:22px}.document-request-page .form-two{grid-template-columns:1fr}.request-submit-row{align-items:stretch;flex-direction:column}.document-request-page .service-form-card button{width:100%}.request-guide ol{grid-template-columns:1fr}}

.document-request-page :is(input:not([type=checkbox]),select,textarea):is(:hover,:focus,:focus-visible,:active),
.service-form-page :is(input,select,textarea):is(:hover,:focus,:focus-visible,:active){border-color:#cbd7df!important;outline:0!important;box-shadow:none!important}
.services-directory-page :is(button,a):is(:hover,:focus,:focus-visible,:active),
.document-request-page :is(button,a):is(:hover,:focus,:focus-visible,:active),
.service-form-page :is(button,a):is(:hover,:focus,:focus-visible,:active){outline:0!important;box-shadow:none!important}

/* Refined civic service directory cards. */
.services-directory-page .service-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important}
.services-directory-page .portal-service-card,
.services-directory-page .portal-service-card:hover,
.services-directory-page .portal-service-card:focus-within,
.services-directory-page .portal-service-card:active{
  position:relative!important;
  min-height:265px!important;
  padding:27px 28px 25px!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:9px!important;
  background:linear-gradient(145deg,#fff 0%,#fff 72%,#f4f8fb 100%)!important;
  box-shadow:0 8px 26px rgba(0,30,65,.07)!important;
  transform:none!important;
  transition:background-color 180ms ease-out,box-shadow 180ms ease-out!important;
}
.services-directory-page .portal-service-card:hover,
.services-directory-page .portal-service-card:focus-within{background:linear-gradient(145deg,#fff 0%,#fbfdff 68%,#eaf3f9 100%)!important;box-shadow:0 8px 26px rgba(0,30,65,.07)!important}
.services-directory-page .portal-service-card::before{content:""!important;display:block!important;position:absolute!important;inset:0 auto 0 0!important;width:4px!important;height:auto!important;background:#087ac7!important}
.services-directory-page .portal-service-card::after{content:""!important;display:block!important;position:absolute!important;right:-35px!important;bottom:-42px!important;width:130px!important;height:130px!important;border-radius:50%!important;background:rgba(8,122,199,.045)!important;pointer-events:none!important}
.services-directory-page .portal-service-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.services-directory-page .portal-service-number{padding-top:3px;color:#8393a0;font:700 10px/1.2 Manrope,Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase}
.services-directory-page .portal-service-icon,
.services-directory-page .tone-blue .portal-service-icon,
.services-directory-page .tone-orange .portal-service-icon,
.services-directory-page .tone-purple .portal-service-icon,
.services-directory-page .tone-teal .portal-service-icon{
  width:52px!important;height:52px!important;border:0!important;border-radius:8px!important;background:#e8f3fa!important;color:#087ac7!important
}
.services-directory-page .portal-service-icon svg{width:27px!important;height:27px!important}
.services-directory-page .portal-service-card__content{padding-top:19px}
.services-directory-page .portal-service-card h3{margin:0 0 8px!important;color:#002e5d!important;font:800 18px/1.3 Manrope,Arial,sans-serif!important}
.services-directory-page .portal-service-card p{max-width:440px;margin:0!important;color:#637684!important;font-size:14px!important;line-height:1.65!important}
.services-directory-page .portal-service-card>a,
.services-directory-page .portal-service-card>a:hover,
.services-directory-page .portal-service-card>a:focus,
.services-directory-page .portal-service-card>a:focus-visible,
.services-directory-page .portal-service-card>a:active,
.services-directory-page .portal-service-card.tone-blue>a,
.services-directory-page .portal-service-card.tone-orange>a,
.services-directory-page .portal-service-card.tone-purple>a,
.services-directory-page .portal-service-card.tone-teal>a{
  position:relative!important;z-index:2!important;align-self:flex-start!important;width:auto!important;min-width:124px!important;margin-top:auto!important;padding:10px 14px!important;border:0!important;border-radius:5px!important;background:#e9f2f8!important;color:#003e70!important;font:800 11px/1.2 Manrope,Arial,sans-serif!important;letter-spacing:.035em!important;text-transform:uppercase!important;transition:background-color 160ms ease-out,color 160ms ease-out!important
}
.services-directory-page .portal-service-card>a:hover,
.services-directory-page .portal-service-card>a:focus-visible,
.services-directory-page .portal-service-card.tone-blue>a:hover,
.services-directory-page .portal-service-card.tone-orange>a:hover,
.services-directory-page .portal-service-card.tone-purple>a:hover,
.services-directory-page .portal-service-card.tone-teal>a:hover{background:#dceaf3!important;color:#002e5d!important}
@media(max-width:1050px){.services-directory-page .service-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){.services-directory-page .service-card-grid{grid-template-columns:1fr!important}.services-directory-page .portal-service-card{min-height:235px!important;padding:24px!important}}

/* Premium municipal service cards — navy and ceremonial gold. */
.services-directory-page .portal-service-card,
.services-directory-page .portal-service-card:hover,
.services-directory-page .portal-service-card:focus-within,
.services-directory-page .portal-service-card:active{
  padding:30px!important;
  border:0!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,#fff 0%,#fff 74%,#f3f7fa 100%)!important;
  box-shadow:0 12px 34px rgba(0,30,65,.07)!important;
  transform:none!important;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease!important;
}
.services-directory-page .portal-service-card:hover,
.services-directory-page .portal-service-card:focus-within{
  border-color:#b8cbd9!important;
  background:linear-gradient(145deg,#fff 0%,#fff 70%,#edf4f8 100%)!important;
  box-shadow:0 20px 48px rgba(0,30,65,.12)!important;
  transform:none!important;
}

/* Final service action alignment and restrained navy interaction. */
.services-directory-page .portal-service-card__content{
  display:block!important;
  flex:1 1 auto!important;
  min-height:0!important;
}
.services-directory-page .portal-service-card>a,
.services-directory-page .portal-service-card>a:hover,
.services-directory-page .portal-service-card>a:focus,
.services-directory-page .portal-service-card>a:focus-visible,
.services-directory-page .portal-service-card>a:active,
.services-directory-page .portal-service-card.tone-blue>a,
.services-directory-page .portal-service-card.tone-orange>a,
.services-directory-page .portal-service-card.tone-purple>a,
.services-directory-page .portal-service-card.tone-teal>a{
  align-self:flex-start!important;
  width:198px!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:44px!important;
  margin:24px 0 0!important;
  padding:0 16px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#001e41!important;
  color:#fff!important;
  transform:none!important;
  transition:background-color .18s ease,color .18s ease!important;
}
.services-directory-page .portal-service-card>a:hover,
.services-directory-page .portal-service-card>a:focus-visible,
.services-directory-page .portal-service-card.tone-blue>a:hover,
.services-directory-page .portal-service-card.tone-orange>a:hover,
.services-directory-page .portal-service-card.tone-purple>a:hover,
.services-directory-page .portal-service-card.tone-teal>a:hover{
  background:#0a416e!important;
  color:#fff!important;
}
.services-directory-page .portal-service-card>a:active{background:#123b61!important;color:#fff!important}

/* Final compact sizing. */
.services-directory-page .portal-service-card__content{padding-top:15px!important}
.services-directory-page .portal-service-card>a,
.services-directory-page .portal-service-card>a:hover,
.services-directory-page .portal-service-card>a:focus,
.services-directory-page .portal-service-card>a:focus-visible,
.services-directory-page .portal-service-card>a:active,
.services-directory-page .portal-service-card.tone-blue>a,
.services-directory-page .portal-service-card.tone-orange>a,
.services-directory-page .portal-service-card.tone-purple>a,
.services-directory-page .portal-service-card.tone-teal>a{width:auto!important;min-width:138px!important;min-height:36px!important;margin-top:17px!important;padding:0 14px!important;font-size:10px!important}

/* Premium service cards: clean corners and a quiet, trustworthy hover state. */
.services-directory-page .portal-service-card,
.services-directory-page .portal-service-card:active{
  overflow:hidden!important;
  border:1px solid #e1e6eb!important;
  border-radius:6px!important;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(0,30,65,.055)!important;
  transform:none!important;
  transition:none!important;
}
.services-directory-page .portal-service-card::before,
.services-directory-page .portal-service-card::after{
  display:none!important;
  content:none!important;
}
.services-directory-page .portal-service-card:hover,
.services-directory-page .portal-service-card:focus-within{
  border-color:#d2d9e0!important;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(0,30,65,.055)!important;
  transform:none!important;
}
.services-directory-page .portal-service-card,
.services-directory-page .portal-service-card *{
  animation:none!important;
  transition:none!important;
}
@media(prefers-reduced-motion:reduce){
  .services-directory-page .portal-service-card,
  .services-directory-page .portal-service-card:hover,
  .services-directory-page .portal-service-card:focus-within{transform:none!important;transition:none!important}
}

/* Authoritative static interaction: service content never floats, zooms, or shifts. */
.services-directory-page main :is(
  .portal-service-card,
  .service-resource-list>article,
  .service-resource-empty,
  .service-faq-list details,
  .support-card,
  .service-note,
  .faq-note
),
.services-directory-page main :is(
  .portal-service-card,
  .service-resource-list>article,
  .service-resource-empty,
  .service-faq-list details,
  .support-card,
  .service-note,
  .faq-note
):is(:hover,:focus,:focus-within,:active),
.services-directory-page main :is(
  .portal-service-card,
  .service-resource-list>article,
  .service-resource-empty,
  .service-faq-list details,
  .support-card,
  .service-note,
  .faq-note
) *{
  animation:none!important;
  transition:none!important;
  transform:none!important;
  translate:none!important;
  scale:none!important;
  filter:none!important;
}
.services-directory-page main :is(
  .portal-service-card,
  .service-resource-list>article,
  .service-resource-empty,
  .service-faq-list details,
  .support-card,
  .service-note,
  .faq-note
)::before,
.services-directory-page main :is(
  .portal-service-card,
  .service-resource-list>article,
  .service-resource-empty,
  .service-faq-list details,
  .support-card,
  .service-note,
  .faq-note
)::after{
  animation:none!important;
  transition:none!important;
  transform:none!important;
}

/* Trusted municipal directory: restrained geometry, navy hierarchy, gold detail. */
.services-directory-page .directory-count{padding:8px 12px!important;border:1px solid #cbd7df!important;border-radius:3px!important;background:#fff!important;color:#40586d!important;box-shadow:none!important}
.services-directory-page .portal-service-card,
.services-directory-page .portal-service-card:hover,
.services-directory-page .portal-service-card:focus-within,
.services-directory-page .portal-service-card:active{
  overflow:hidden!important;
  border:1px solid #d8e1e7!important;
  border-top:3px solid #d5a928!important;
  border-radius:3px!important;
  background:#fff!important;
  box-shadow:0 7px 20px rgba(0,30,65,.055)!important;
  transform:none!important;
}
.services-directory-page .portal-service-card::before,
.services-directory-page .portal-service-card::after{content:none!important;display:none!important}
.services-directory-page .portal-service-icon,
.services-directory-page .tone-blue .portal-service-icon,
.services-directory-page .tone-orange .portal-service-icon,
.services-directory-page .tone-purple .portal-service-icon,
.services-directory-page .tone-teal .portal-service-icon{
  width:52px!important;height:52px!important;
  border:1px solid #cbd9e3!important;
  border-radius:3px!important;
  background:#edf3f7!important;
  color:#003e70!important;
  box-shadow:0 7px 22px rgba(0,30,65,.07)!important;
}
.services-directory-page .portal-service-number{color:#5f7588!important;font-weight:800!important}
.services-directory-page .portal-service-card h3{color:#001e41!important}
.services-directory-page .portal-service-card p{color:#5e7283!important}
.services-directory-page .portal-service-card>a,
.services-directory-page .portal-service-card>a:hover,
.services-directory-page .portal-service-card>a:focus-visible{
  border-radius:3px!important;
  background:#001e41!important;
  color:#fff!important;
}
.services-directory-page .portal-service-card>a:hover,
.services-directory-page .portal-service-card>a:focus-visible{background:#0a416e!important}
.services-directory-page .lgu-scroll-top{border-radius:3px!important;box-shadow:0 5px 16px rgba(0,30,65,.14)!important}

/* Compact premium service directory. */
.services-directory-page .service-directory{padding-top:38px!important;padding-bottom:42px!important}
.services-directory-page .service-directory>header{margin-bottom:18px!important;padding-bottom:14px!important}
.services-directory-page .service-directory>header h2{font-size:clamp(22px,2vw,28px)!important}
.services-directory-page .service-card-grid{gap:14px!important}
.services-directory-page .portal-service-card,
.services-directory-page .portal-service-card:hover,
.services-directory-page .portal-service-card:focus-within,
.services-directory-page .portal-service-card:active{
  min-height:218px!important;
  padding:21px 22px!important;
  border:0!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 10px 30px rgba(0,30,65,.065)!important;
}
.services-directory-page .portal-service-card::after{display:none!important;content:none!important}
.services-directory-page .portal-service-card__top{align-items:center!important}
.services-directory-page .portal-service-icon,
.services-directory-page .tone-blue .portal-service-icon,
.services-directory-page .tone-orange .portal-service-icon,
.services-directory-page .tone-purple .portal-service-icon,
.services-directory-page .tone-teal .portal-service-icon{
  width:44px!important;height:44px!important;border:0!important;border-radius:9px!important;background:#edf3f7!important;box-shadow:none!important
}
.services-directory-page .portal-service-icon svg{width:23px!important;height:23px!important}
.services-directory-page .portal-service-number{padding:0!important;color:#708397!important;font-size:9px!important;letter-spacing:.12em!important}
.services-directory-page .portal-service-card__content{padding-top:15px!important}
.services-directory-page .portal-service-card h3{margin-bottom:6px!important;font-size:16px!important;line-height:1.25!important}
.services-directory-page .portal-service-card p{font-size:12px!important;line-height:1.55!important}
.services-directory-page .portal-service-card>a,
.services-directory-page .portal-service-card>a:hover,
.services-directory-page .portal-service-card>a:focus,
.services-directory-page .portal-service-card>a:focus-visible,
.services-directory-page .portal-service-card>a:active,
.services-directory-page .portal-service-card.tone-blue>a,
.services-directory-page .portal-service-card.tone-orange>a,
.services-directory-page .portal-service-card.tone-purple>a,
.services-directory-page .portal-service-card.tone-teal>a{
  width:auto!important;min-width:138px!important;min-height:36px!important;margin-top:17px!important;padding:0 14px!important;border-radius:5px!important;font-size:10px!important
}
@media(max-width:650px){.services-directory-page .portal-service-card{min-height:205px!important;padding:20px!important}}
.services-directory-page .portal-service-card::before{display:none!important;content:none!important}
.services-directory-page .portal-service-card::after{
  content:""!important;
  display:block!important;
  right:-52px!important;
  bottom:-58px!important;
  width:155px!important;
  height:155px!important;
  border:1px solid rgba(0,59,112,.12)!important;
  background:rgba(0,59,112,.035)!important;
}
.services-directory-page .portal-service-icon,
.services-directory-page .tone-blue .portal-service-icon,
.services-directory-page .tone-orange .portal-service-icon,
.services-directory-page .tone-purple .portal-service-icon,
.services-directory-page .tone-teal .portal-service-icon{
  width:54px!important;
  height:54px!important;
  border:1px solid #c8d8e3!important;
  border-radius:10px!important;
  background:#edf4f8!important;
  color:#003b70!important;
  box-shadow:0 6px 18px rgba(0,30,65,.045)!important;
}
.services-directory-page .portal-service-number{color:#536f86!important;font-weight:800!important;letter-spacing:.13em!important}

/* Published forms and FAQs linked from the Government Services cards. */
.services-directory-page .service-resource-section{margin-top:42px;padding-top:8px;scroll-margin-top:120px}
.services-directory-page .service-resource-section>header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid #dce5ec}
.services-directory-page .service-resource-section>header h2{margin:5px 0 3px;color:#001e41;font:800 26px/1.2 Manrope,Arial,sans-serif}
.services-directory-page .service-resource-section>header p{margin:0;color:#65788a;font-size:14px}
.services-directory-page .service-resource-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.services-directory-page .service-resource-list>article{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:15px;min-height:112px;padding:18px 20px;border:1px solid #dbe4eb;border-radius:10px;background:#fff}
.services-directory-page .service-resource-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:8px;background:#edf4f8;color:#003b70}
.services-directory-page .service-resource-icon svg{width:24px;height:24px}
.services-directory-page .service-resource-list h3{margin:0 0 4px;color:#001e41;font:800 15px/1.35 Manrope,Arial,sans-serif}
.services-directory-page .service-resource-list p{margin:0;color:#65788a;font-size:12px;line-height:1.5}
.services-directory-page .service-resource-list small{display:block;margin-top:5px;color:#536f86;font-size:10px;font-weight:700}
.services-directory-page .service-resource-list a,.services-directory-page .service-resource-empty a{display:inline-grid;place-items:center;min-height:36px;padding:0 13px;border-radius:5px;background:#003b70;color:#fff;font-size:10px;font-weight:800;text-decoration:none}
.services-directory-page .service-resource-list a:hover,.services-directory-page .service-resource-list a:focus-visible,.services-directory-page .service-resource-empty a:hover,.services-directory-page .service-resource-empty a:focus-visible{background:#0a416e;outline:0}
.services-directory-page .resource-unavailable{color:#718496;font-size:10px;font-weight:800;text-transform:uppercase}
.services-directory-page .service-resource-empty{grid-column:1/-1;padding:25px;border:1px solid #dbe4eb;border-radius:10px;background:#f7fafc;color:#607487}
.services-directory-page .service-resource-empty strong{display:block;color:#001e41;font-size:15px}.services-directory-page .service-resource-empty p{margin:6px 0 15px}
.services-directory-page .service-faq-list{border-top:1px solid #dce5ec}
.services-directory-page .service-faq-list details{border-bottom:1px solid #dce5ec;background:#fff}
.services-directory-page .service-faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 4px;cursor:pointer;color:#001e41;font:750 14px/1.45 Manrope,Arial,sans-serif;list-style:none}
.services-directory-page .service-faq-list summary::-webkit-details-marker{display:none}.services-directory-page .service-faq-list summary i{font-style:normal;font-size:20px;font-weight:400}
.services-directory-page .service-faq-list details[open] summary i{transform:rotate(45deg)}
.services-directory-page .service-faq-list details>div{padding:0 34px 20px 4px;color:#607487;font-size:13px;line-height:1.65}.services-directory-page .service-faq-list details p{margin:0}.services-directory-page .service-faq-list details small{display:block;margin-top:9px;color:#536f86;font-weight:700}
.tracking-success{margin-top:18px;padding:13px 15px;border-radius:8px;background:#edf4f8;color:#003b70;font-size:12px;font-weight:700}

/* Application tracking page and supporting guidance. */
.service-tracking-page{background:#fff;color:#20364b}
.service-tracking-page #programs-content,
.service-tracking-page main{background:#fff}
.service-tracking-page .service-form-page{padding-block:34px 56px}
.service-tracking-page .form-back{display:inline-flex;margin-bottom:18px;text-decoration:none}
.service-tracking-page .track-card{margin:0 auto;padding:34px 38px;border-color:#d4e0e5;border-radius:14px;box-shadow:0 12px 34px rgba(0,30,65,.08)}
.service-tracking-page .track-card h1{color:#001e41;font-size:clamp(2rem,4vw,2.8rem)}
.service-tracking-page .tracking-form{gap:14px}
.service-tracking-page .tracking-form input{min-width:0}
.service-tracking-page .section-label{color:#003b70}
.service-tracking-page .tracking-form button{min-width:132px;background:#001e41}
.service-tracking-page .tracking-form button:hover{background:#0a416e}
.tracking-help{width:min(980px,100%);margin:28px auto 0}
.tracking-help>header{text-align:center;margin-bottom:16px}
.tracking-help>header h2{margin:5px 0 0;color:#001e41;font:800 1.45rem/1.25 Manrope,Arial,sans-serif}
.tracking-help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.tracking-help-grid article{display:flex;gap:13px;padding:20px;border:1px solid #d6e2e7;border-radius:10px;background:#fff}
.tracking-help-grid svg{flex:0 0 auto;width:29px;height:29px;color:#003b70;fill:none;stroke:currentColor;stroke-width:1.8}
.tracking-help-grid h3{margin:1px 0 6px;color:#001e41;font:800 .87rem/1.3 Manrope,Arial,sans-serif}
.tracking-help-grid p,.tracking-privacy{margin:0;color:#62747a;font-size:.72rem;line-height:1.6}
.tracking-privacy{margin-top:14px;padding:13px 16px;border:1px solid #d6e2e7;background:#fff}
@media(max-width:760px){.tracking-help-grid{grid-template-columns:1fr}.service-tracking-page .track-card{padding:26px 22px}}

/* Trusted municipal request-tracking experience. */
.service-tracking-page{--track-navy:#001e41;--track-blue:#003b70;--track-gold:#c99a24;--track-ink:#20364b;--track-muted:#687b8c;--track-line:#d9e3eb;background:#f3f6f8!important;font-family:"DM Sans","Segoe UI",Arial,sans-serif}.service-tracking-page main{background:transparent!important}.service-tracking-page .service-form-page{padding:28px 0 62px}.service-tracking-page .form-back{align-items:center;margin:0 0 16px;color:var(--track-blue)!important;font-size:12px;font-weight:700}.service-tracking-page .form-back:before{width:18px;height:1px;margin-right:8px;background:var(--track-gold);content:""}.service-tracking-page .track-card{width:min(980px,100%);margin:0 auto;padding:0!important;overflow:hidden;border:0!important;border-radius:12px!important;background:#fff;box-shadow:0 16px 44px rgba(0,30,65,.1)!important}.track-card-header{display:grid;grid-template-columns:78px 1fr;gap:22px;align-items:center;padding:30px 36px;background:linear-gradient(110deg,var(--track-navy),#073d70);color:#fff}.track-seal{display:grid;width:72px;height:72px;border-radius:50%;background:#fff;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.2)}.track-seal img{display:block;width:64px;height:64px;object-fit:contain}.service-tracking-page .track-card-header .section-label{color:#f0c54b!important;font-size:11px!important;letter-spacing:.14em}.service-tracking-page .track-card-header h1{margin:5px 0 5px;color:#fff!important;font:750 clamp(1.8rem,3.5vw,2.55rem)/1.12 Manrope,"DM Sans",sans-serif!important;letter-spacing:-.035em}.service-tracking-page .track-card-header p{margin:0;color:#dce7f0;font-size:13px;line-height:1.5}.track-entry-panel{padding:28px 36px 32px}.track-entry-copy strong,.track-entry-copy span{display:block}.track-entry-copy strong{color:var(--track-navy);font:700 14px/1.4 Manrope,"DM Sans",sans-serif}.track-entry-copy span{margin-top:3px;color:var(--track-muted);font-size:12px}.service-tracking-page .tracking-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:16px!important}.service-tracking-page .tracking-form input{height:48px;padding:0 16px!important;border:1px solid #cbd8e2!important;border-radius:6px!important;color:var(--track-ink);font:650 13px/1 "DM Sans",sans-serif;letter-spacing:.04em}.service-tracking-page .tracking-form input:focus{border-color:#8caabe!important}.service-tracking-page .tracking-form button{min-width:150px;height:48px;padding:0 20px!important;border:0!important;border-radius:6px!important;background:var(--track-navy)!important;color:#fff;font:700 12px/1 "DM Sans",sans-serif;box-shadow:none}.service-tracking-page .tracking-form button:hover{background:#073d70!important}.track-security{display:flex;align-items:center;gap:8px;margin-top:13px;color:#758696;font-size:11px}.track-security svg{width:17px;height:17px;color:var(--track-gold);fill:none;stroke:currentColor;stroke-width:1.8}.service-tracking-page .tracking-result{margin:0 36px 32px;padding:22px;border:1px solid var(--track-line);border-radius:8px;background:#f5f8fa}.service-tracking-page .tracking-result>span{color:var(--track-blue)}.service-tracking-page .setup-alert{margin:0 36px 32px;border:1px solid #e7d6a8;border-radius:7px;background:#fff9e9}
.service-tracking-page .tracking-help{width:min(980px,100%);margin:34px auto 0}.service-tracking-page .tracking-help>header{margin-bottom:18px;text-align:left}.service-tracking-page .tracking-help>header .section-label{color:#8e690d!important;font-size:10px!important;letter-spacing:.13em}.service-tracking-page .tracking-help>header h2{margin-top:6px;font-size:1.4rem;letter-spacing:-.025em}.service-tracking-page .tracking-help-grid{gap:13px}.service-tracking-page .tracking-help-grid article{min-height:145px;padding:22px;border:0;border-top:3px solid var(--track-navy);border-radius:8px;box-shadow:0 9px 28px rgba(0,30,65,.065)}.service-tracking-page .tracking-help-grid svg{width:26px;height:26px;color:var(--track-blue)}.service-tracking-page .tracking-help-grid h3{font-size:14px}.service-tracking-page .tracking-help-grid p{font-size:12px}.service-tracking-page .tracking-privacy{margin-top:13px;padding:12px 15px;border:0;border-radius:6px;background:#eaf0f5;color:#526a7e;font-size:11px}.service-tracking-page .tracking-privacy strong{color:var(--track-navy)}
@media(max-width:760px){.service-tracking-page .service-form-page{padding-inline:14px}.track-card-header{grid-template-columns:58px 1fr;padding:24px 22px;gap:15px}.track-seal{width:56px;height:56px}.track-seal img{width:50px;height:50px}.track-entry-panel{padding:24px 22px}.service-tracking-page .tracking-form{grid-template-columns:1fr}.service-tracking-page .tracking-form button{width:100%}.service-tracking-page .tracking-result,.service-tracking-page .setup-alert{margin-inline:22px}.service-tracking-page .tracking-help-grid article{min-height:0}}
@media(max-width:800px){.services-directory-page .service-resource-list{grid-template-columns:1fr}}
@media(max-width:560px){.services-directory-page .service-resource-section>header{align-items:flex-start}.services-directory-page .service-resource-list>article{grid-template-columns:44px 1fr}.services-directory-page .service-resource-list>article>a,.services-directory-page .resource-unavailable{grid-column:1/-1}.services-directory-page .service-resource-list>article>a{justify-self:start}.services-directory-page .service-resource-section>header .directory-count{display:none}}
.services-directory-page .portal-service-card__content{padding-top:25px!important}
.services-directory-page .portal-service-card h3{color:#001e41!important;font-size:19px!important}
.services-directory-page .portal-service-card p{color:#627384!important}
.services-directory-page .portal-service-card>a,
.services-directory-page .portal-service-card>a:hover,
.services-directory-page .portal-service-card>a:focus,
.services-directory-page .portal-service-card>a:focus-visible,
.services-directory-page .portal-service-card>a:active,
.services-directory-page .portal-service-card.tone-blue>a,
.services-directory-page .portal-service-card.tone-orange>a,
.services-directory-page .portal-service-card.tone-purple>a,
.services-directory-page .portal-service-card.tone-teal>a{
  min-width:132px!important;
  padding:11px 16px!important;
  border:0!important;
  border-radius:6px!important;
  background:#001e41!important;
  color:#fff!important;
  box-shadow:none!important;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease!important;
}
.services-directory-page .portal-service-card>a:hover,
.services-directory-page .portal-service-card>a:focus-visible,
.services-directory-page .portal-service-card.tone-blue>a:hover,
.services-directory-page .portal-service-card.tone-orange>a:hover,
.services-directory-page .portal-service-card.tone-purple>a:hover,
.services-directory-page .portal-service-card.tone-teal>a:hover{
  background:#dcecf6!important;
  color:#001e41!important;
  transform:none!important;
}

/* Authoritative service button placement. */
.services-directory-page .portal-service-card__content{display:block!important;flex:1 1 auto!important;min-height:0!important}
.services-directory-page .portal-service-card>a,
.services-directory-page .portal-service-card>a:hover,
.services-directory-page .portal-service-card>a:focus,
.services-directory-page .portal-service-card>a:focus-visible,
.services-directory-page .portal-service-card>a:active,
.services-directory-page .portal-service-card.tone-blue>a,
.services-directory-page .portal-service-card.tone-orange>a,
.services-directory-page .portal-service-card.tone-purple>a,
.services-directory-page .portal-service-card.tone-teal>a{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  align-self:flex-start!important;width:198px!important;min-width:0!important;max-width:100%!important;min-height:44px!important;
  margin:24px 0 0!important;padding:0 16px!important;background:#001e41!important;color:#fff!important;
  transform:none!important;box-shadow:none!important;transition:background-color .18s ease,color .18s ease!important
}
.services-directory-page .portal-service-card>a:hover,
.services-directory-page .portal-service-card>a:focus-visible,
.services-directory-page .portal-service-card.tone-blue>a:hover,
.services-directory-page .portal-service-card.tone-orange>a:hover,
.services-directory-page .portal-service-card.tone-purple>a:hover,
.services-directory-page .portal-service-card.tone-teal>a:hover{background:#0a416e!important;color:#fff!important;transform:none!important}
.services-directory-page .portal-service-card>a:active{background:#123b61!important;color:#fff!important}

/* Final compact dimensions override legacy placement rules. */
.services-directory-page .portal-service-card__content{padding-top:15px!important}
.services-directory-page .portal-service-card>a,
.services-directory-page .portal-service-card>a:hover,
.services-directory-page .portal-service-card>a:focus,
.services-directory-page .portal-service-card>a:focus-visible,
.services-directory-page .portal-service-card>a:active,
.services-directory-page .portal-service-card.tone-blue>a,
.services-directory-page .portal-service-card.tone-orange>a,
.services-directory-page .portal-service-card.tone-purple>a,
.services-directory-page .portal-service-card.tone-teal>a{width:auto!important;min-width:138px!important;min-height:36px!important;margin-top:17px!important;padding:0 14px!important;font-size:10px!important}

/* Final service-card surface treatment. */
.services-directory-page .portal-service-card,
.services-directory-page .portal-service-card:active{
  overflow:hidden!important;
  border:0!important;
  border-radius:6px!important;
  background:#fff!important;
  box-shadow:0 7px 22px rgba(0,30,65,.07)!important;
  transform:none!important;
  transition:none!important;
}
.services-directory-page .portal-service-card::before,
.services-directory-page .portal-service-card::after{display:none!important;content:none!important}
.services-directory-page .portal-service-card:hover,
.services-directory-page .portal-service-card:focus-within{
  border:0!important;
  background:#fff!important;
  box-shadow:0 7px 22px rgba(0,30,65,.07)!important;
  transform:none!important;
}
.services-directory-page .portal-service-card,
.services-directory-page .portal-service-card *{
  animation:none!important;
  transition:none!important;
}
@media(prefers-reduced-motion:reduce){
  .services-directory-page .portal-service-card,
  .services-directory-page .portal-service-card:hover,
  .services-directory-page .portal-service-card:focus-within{transform:none!important;transition:none!important}
}

/* Service panels remain visually unchanged in every interaction state. */
.services-directory-page main :is(
  .portal-service-card,
  .service-resource-list>article,
  .service-resource-empty,
  .service-faq-list details,
  .support-card,
  .service-note,
  .faq-note
),
.services-directory-page main :is(
  .portal-service-card,
  .service-resource-list>article,
  .service-resource-empty,
  .service-faq-list details,
  .support-card,
  .service-note,
  .faq-note
):is(:hover,:focus,:focus-within,:active){
  position:relative!important;
  inset:auto!important;
  border:0!important;
  box-shadow:0 7px 22px rgba(0,30,65,.07)!important;
  animation:none!important;
  transition:none!important;
  transform:none!important;
  translate:none!important;
  scale:none!important;
  filter:none!important;
}
.services-directory-page main :is(
  .portal-service-card,
  .service-resource-list>article,
  .service-resource-empty,
  .service-faq-list details,
  .support-card,
  .service-note,
  .faq-note
):is(:hover,:focus-within){background:#fff!important}

/* Popular service shortcuts: fixed geometry with no hover surface change. */
.services-directory-page .services-finder-hero .popular-services-grid a,
.services-directory-page .services-finder-hero .popular-services-grid a:is(:hover,:focus,:focus-visible,:active){
  position:relative!important;
  inset:auto!important;
  border:1px solid transparent!important;
  background:#fff!important;
  box-shadow:none!important;
  animation:none!important;
  transition:none!important;
  transform:none!important;
  translate:none!important;
  scale:none!important;
  filter:none!important;
}
.services-directory-page .services-finder-hero .popular-services-grid a:is(:hover,:focus-visible){
  border-color:transparent!important;
  background:#fff!important;
  color:#001e41!important;
  box-shadow:none!important;
}
.services-directory-page .services-finder-hero .popular-services-grid a *,
.services-directory-page .services-finder-hero .popular-services-grid a::before,
.services-directory-page .services-finder-hero .popular-services-grid a::after{
  animation:none!important;
  transition:none!important;
  transform:none!important;
}