/* The publication's five destinations and its complete secondary directory. */
.masthead{position:relative;z-index:20;gap:32px;background:var(--paper)}
.masthead .site-nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(18px,2.3vw,32px);max-width:none;flex-wrap:nowrap;font-size:15px;line-height:1.2}
.masthead .site-nav>a{white-space:nowrap;padding:12px 0;border-bottom:2px solid transparent}
.masthead .site-nav>a:hover,.masthead .site-nav>a[aria-current=page]{color:var(--red);border-color:var(--red)}
.masthead .site-nav button{appearance:none;background:none;border:0;color:var(--ink);font:700 15px/1.2 Arial,Helvetica,sans-serif;cursor:pointer}
.masthead .more-toggle{display:flex;align-items:center;gap:9px;padding:12px 0;border-bottom:2px solid transparent!important;white-space:nowrap}
.masthead .more-toggle:hover,.masthead .more-toggle[aria-expanded=true]{color:var(--red);border-color:var(--red)!important}
.masthead .more-toggle span{font-size:21px;font-weight:400;line-height:.6}
.masthead .nav-toggle{display:none}
.masthead button:focus-visible{outline:3px solid var(--red);outline-offset:5px}
.masthead .more-panel{position:absolute;top:calc(100% + 1px);left:5vw;right:5vw;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(25px,4vw,70px);padding:35px clamp(25px,4vw,60px) 45px;background:#fbf8f3;border:1px solid var(--line);box-shadow:0 18px 36px rgba(32,33,36,.12);max-height:min(75vh,720px);overflow:auto}
.masthead .more-group{min-width:0}
.masthead .more-group h2{font:700 12px/1.4 Arial,Helvetica,sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:var(--red);margin:0 0 17px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.masthead .more-group a{display:block;width:fit-content;max-width:100%;padding:6px 0;line-height:1.4;font-size:15px;font-weight:500;text-decoration:none}
.masthead .more-group a:hover,.masthead .more-group a[aria-current=page]{color:var(--red);text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){
  .masthead{padding:21px 6vw;align-items:center;flex-wrap:wrap;gap:0}
  .masthead .brand{font-size:34px}
  .masthead .nav-toggle{display:flex;align-items:center;gap:11px;margin-left:auto;padding:10px 0 10px 12px;min-height:44px}
  .masthead .nav-bars{font-size:21px;line-height:1}
  .masthead .site-nav{display:none;order:3;width:100%;max-width:none;flex-direction:column;align-items:stretch;gap:0;margin:19px 0 0;padding:8px 0 0;border-top:1px solid var(--line);font-size:17px}
  .masthead .site-nav.is-open{display:flex}
  .masthead .site-nav>a{display:block;min-height:48px;padding:13px 2px;border-bottom:1px solid var(--line)}
  .masthead .site-nav>a:hover,.masthead .site-nav>a[aria-current=page]{border-color:var(--line)}
  .masthead .more-toggle{width:100%;min-height:48px;justify-content:space-between;padding:13px 2px;border-bottom:1px solid var(--line)!important;text-align:left;font-size:17px}
  .masthead .more-toggle:hover,.masthead .more-toggle[aria-expanded=true]{border-color:var(--line)!important}
  .masthead .more-panel{position:static;display:block;width:100%;max-height:none;overflow:visible;margin:0;padding:7px 0 24px;background:transparent;border:0;box-shadow:none}
  .masthead .more-group{padding-top:24px}
  .masthead .more-group h2{margin-bottom:7px}
  .masthead .more-group a{width:100%;min-height:44px;padding:11px 2px;font-size:16px}
}