/* 1.2 usability: preserve the atelier composition; improve small-screen controls. */
.brand-lockup{min-height:48px}
.text-link{min-height:44px}
.search-disclosure summary{min-width:44px;min-height:44px;justify-content:center}
.menu-toggle{min-width:64px;min-height:44px}
.search-form input,.search-form button{min-height:44px}
.back-top{display:inline-flex;align-items:center;min-height:44px}
.breadcrumbs{font-size:12px;align-items:center;line-height:1.6}
.breadcrumbs>a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:900px){.primary-navigation a{min-height:44px;padding-inline:5px}}
@media(max-width:650px){
  .header-top{position:relative}
  .search-disclosure{position:static}
  .search-panel{right:0;top:100%;width:min(440px,calc(100vw - 36px));padding:22px}
  .search-form input{font-size:16px}
  .search-form button{min-width:74px}
  .brand-lockup .brand-note{font-size:8px;letter-spacing:.04em;line-height:1.25}
  .primary-navigation{gap:4px 18px}
  .footer-main nav{gap:3px}
  .footer-main nav a{display:flex;align-items:center;min-height:44px}
  .breadcrumbs{font-size:12px;gap:4px 7px}
  .article-meta{font-size:12px;line-height:1.6}
  .stories-grid .story .eyebrow{font-size:10px;line-height:1.5}
  .stories-grid .story-bottom{font-size:11px;line-height:1.6}
  .editorial-photo figcaption{font-size:11px;line-height:1.6}
  .topic-links a{min-height:48px}
}
@media(max-width:380px){.brand-lockup .brand-note{font-size:7px;letter-spacing:0}.header-top{gap:8px}}

/* Load after the atelier skin so controls keep their accessible hit areas. */
.brand-lockup,.brand-lockup .wordmark{min-width:0}
.primary-navigation a{min-height:44px}
@media(max-width:650px){
  .brand-lockup .brand-note{font-size:8px;line-height:1.35;letter-spacing:.02em}
  .article-meta{font-size:12px}
}
@media(max-width:360px){
  .brand-lockup{gap:6px}.brand-emblem{width:36px;height:36px}
  .brand-lockup .wordmark{font-size:20px}.brand-lockup .brand-note{font-size:7px}
}