/* Keep the cross-division link available in the existing navigation. */
header:has(.tf-division-switch){position:sticky;top:0;z-index:30}
header .tf-division-switch{white-space:nowrap}
header .tf-division-switch:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(min-width:701px) and (max-width:1000px){
 header:has(#navlinks) .nav{height:auto;min-height:88px;flex-wrap:wrap;padding:8px 0 12px;gap:4px 16px}
 header:has(#navlinks) .links{width:100%;flex-wrap:wrap;gap:4px 12px}
}
/* Success stays inside the form and requires no dismissal. */
#contact #tf-contact-status[data-state="success"]{display:block;position:relative;margin:16px 0 0;padding:14px 16px 14px 46px;border:1px solid #a8d5b7;border-radius:8px;background:#eaf6ee;color:#145c3c;font-size:14px;line-height:1.6;animation:tf-confirm-enter .25s ease-out}
#contact #tf-contact-status[data-state="success"]::before{content:"✓";position:absolute;left:15px;top:13px;font-size:20px;font-weight:700;line-height:1.3}
#contact #tf-contact-form[data-state="success"]{animation:tf-confirm-glow 1.3s ease-out}
#contact #tf-submit[disabled]{cursor:wait;opacity:.75}
#contact #tf-contact-status[data-state="sending"]{color:#526d60}
@keyframes tf-confirm-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes tf-confirm-glow{0%{box-shadow:0 0 0 0 #4baf704d}45%{box-shadow:0 0 0 7px #4baf7026}100%{box-shadow:0 0 0 0 #4baf7000}}
@media(prefers-reduced-motion:reduce){#contact #tf-contact-status[data-state="success"],#contact #tf-contact-form[data-state="success"]{animation:none}}