/* Header dropdown (Services). Uses the site's tokens; loaded after site.css. */
.has-sub{position:relative;display:flex;align-items:center;gap:2px}
.sub-toggle{background:none;border:0;padding:6px 4px;cursor:pointer;color:var(--ink);line-height:1}
.sub-toggle::after{content:"";display:inline-block;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.sub{display:none;position:absolute;top:100%;left:-16px;min-width:220px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 0;box-shadow:0 8px 24px rgba(0,0,0,.08);z-index:10}
.sub a{display:block;padding:10px 16px;white-space:nowrap}
.sub a:hover,.sub a:focus-visible{background:var(--soft);color:var(--accent)}
.has-sub:hover .sub,.has-sub:focus-within .sub,.has-sub.open .sub{display:block}
.has-sub.open .sub-toggle::after{transform:translateY(2px) rotate(-135deg)}
@media(max-width:860px){
 .has-sub{display:none}
 .nav.open .has-sub{display:block;width:100%;text-align:center}
 .nav.open .has-sub>a{display:inline-block!important}
 .nav.open .sub-toggle{display:inline-block;margin-left:2px;min-width:44px;min-height:44px;vertical-align:middle}
 .nav.open .sub{position:static;box-shadow:none;border:0;padding:0;min-width:0;background:var(--soft);border-radius:8px;margin:4px 0}
 .nav.open .sub a{font-size:15px}
 .nav.open .has-sub:hover .sub,.nav.open .has-sub:focus-within .sub{display:none}
 .nav.open .has-sub.open .sub{display:block}
}