/* Specialties dropdown — shared by the specialty pages that load styles.css + modern.css.
   Mirrors the approved homepage dropdown (homepage-v2.css). */
.nav-item{ position:relative; display:flex; align-items:center; }
.drop-toggle{ display:inline-flex; align-items:center; gap:.4rem; background:none; border:none; cursor:pointer;
  font-family:"Work Sans",sans-serif; font-size:.94rem; font-weight:500; color:var(--ink); opacity:.82;
  padding:6px 0; line-height:1.4; transition:opacity .15s, color .15s; }
.drop-toggle:hover{ opacity:1; color:var(--accent); }
.drop-toggle .chev{ width:11px; height:11px; border-right:1.6px solid currentColor; border-bottom:1.6px solid currentColor;
  transform:rotate(45deg) translate(-2px,-2px); transition:transform .2s ease; }
.drop-toggle[aria-expanded="true"] .chev{ transform:rotate(225deg) translate(-2px,-2px); }
.drop-menu{ position:absolute; top:calc(100% + 14px); left:-18px; min-width:262px; margin:0; padding:8px;
  list-style:none; background:var(--card); border:1px solid var(--line); border-radius:var(--r);
  box-shadow:0 18px 44px -22px rgba(60,55,50,.5); display:none; z-index:60; }
.drop-menu.open{ display:block; }
.drop-menu a{ display:block; padding:11px 14px; border-radius:12px; font-size:.96rem; opacity:1;
  color:var(--ink); text-decoration:none; }
.drop-menu a:hover, .drop-menu a:focus-visible{ background:color-mix(in srgb,var(--panel) 70%, transparent); color:var(--accent); }
.drop-menu a::after{ display:none; }
@media (max-width:1040px){
  .nav-item{ display:block; }
  .drop-toggle{ font-size:1rem; padding:2px 0; }
  .drop-menu{ position:static; min-width:0; margin:.5rem 0 .2rem; padding:0 0 0 4px;
    background:none; border:none; box-shadow:none; border-left:2px solid var(--line); border-radius:0; }
  .drop-menu a{ padding:9px 12px; }
}
/* brand lockup: match the approved homepage header (one continuous subtitle line) */
.brand-sub{ font-size:11px; line-height:1.35; letter-spacing:.01em; word-spacing:normal;
  text-align:left; text-align-last:auto; white-space:nowrap; }
@media (max-width:640px){
  .brand{ flex-shrink:1; min-width:0; }
  .brand-name{ font-size:1.22rem; white-space:nowrap; }
  .brand-sub{ font-size:9px; white-space:normal; text-align:justify; text-align-last:justify; }
}
@media (max-width:360px){
  .brand-name{ font-size:1.08rem; }
  .brand-sub{ font-size:8px; }
}
@media (max-width:400px){
  .brand-sub .sub-full{ display:none; }
  .brand-sub .sub-short{ display:inline; }
}
/* the sticky header must never cover an anchored heading */
#is-this-you{ scroll-margin-top:96px; }