header{position:relative;z-index:30}
.nav-group{position:relative}
.nav-group>summary{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 0;border-bottom:2px solid transparent;cursor:pointer;list-style:none;white-space:nowrap}
.nav-group>summary::-webkit-details-marker{display:none}
.nav-group.current>summary,.nav-group[open]>summary{border-bottom-color:var(--orange)}
.nav-chevron{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-4px;transition:transform .16s}
.nav-group[open] .nav-chevron{transform:rotate(225deg);margin-top:4px}
.nav-submenu{position:absolute;right:-18px;top:calc(100% + 10px);min-width:230px;padding:8px;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 35px #08253a18;z-index:40}
.nav-submenu a{display:block;padding:12px 14px;border-radius:6px;line-height:1.6;font-weight:500;white-space:nowrap}
.nav-submenu a:hover,.nav-submenu a[aria-current="page"]{background:#f5e7dc;color:#09253a}
.nav-submenu a[aria-current="page"]{font-weight:700}
.nav-group summary:focus-visible,.nav-submenu a:focus-visible{outline:3px solid #df5733;outline-offset:3px}
.service-process-link h2{font-family:Anuphan,sans-serif;font-size:clamp(28px,3vw,40px);letter-spacing:0;line-height:1.5}
.service-process-link p{max-width:680px}
@media(max-width:900px){
 #navlinks{flex-direction:column;align-items:stretch;gap:4px;width:100%}
 #navlinks>a:not(.button),.nav-group>summary{padding:13px 4px;min-height:48px}
 .nav-group>summary{justify-content:space-between}
 .nav-chevron{margin-right:8px}
 .nav-submenu{position:static;min-width:0;margin:0 0 8px 12px;padding:4px 8px;border:0;border-left:2px solid #e8bba1;border-radius:0;box-shadow:none;background:transparent}
 .nav-submenu a{white-space:normal;padding:13px 12px;min-height:48px}
 #navlinks>.button{align-self:flex-start;margin-top:10px}
}
@media(prefers-reduced-motion:reduce){.nav-chevron{transition:none}}