/* 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}
}

/* A visible search field, without another item in the section menu. */
.search-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.masthead .site-search{display:flex;align-items:center;flex:0 0 190px;min-width:0;border:1px solid var(--line);border-radius:3px;background:rgba(255,255,255,.45);margin:0}
.site-search input{min-width:0;width:100%;margin:0;padding:11px 4px 11px 13px;border:0;background:transparent;font:400 15px/1.4 Arial,Helvetica,sans-serif}
.site-search:focus-within{outline:2px solid var(--red);outline-offset:3px}
.site-search input:focus{outline:none}
.masthead .site-search button{display:flex;align-items:center;justify-content:center;flex:0 0 44px;min-height:44px;border:0;background:none;color:var(--ink);padding:0}
.site-search button:hover{color:var(--red)}
.search-page{max-width:1000px;border-top:0}
.search-page h1{font-size:clamp(37px,4.8vw,62px)}
.search-summary{font-size:19px;color:var(--muted);margin:0 0 32px}
.search-result{padding:27px 0;border-top:1px solid var(--line)}
.search-result .eyebrow{font-size:11px;color:var(--red);margin:0 0 8px}
.search-result h2{font:400 clamp(25px,3vw,34px)/1.2 Georgia,serif;margin:0 0 12px}
.search-result h2 a{text-decoration:none}
.search-result h2 a:hover{text-decoration:underline}
.search-result>p:last-child{font-size:16px;max-width:760px;color:var(--muted);margin:0}
.search-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding-top:32px;border-top:1px solid var(--line);font-size:16px}



/* A restrained second row keeps the core screen and stage sections prominent. */
.secondary-nav{max-width:1440px;margin:auto;padding:13px 5vw;display:flex;justify-content:center;gap:clamp(20px,4vw,56px);border-bottom:1px solid var(--line);font-size:14px;line-height:1.5;overflow-x:auto;white-space:nowrap}
.secondary-nav a{text-decoration:none;padding:4px 0}
.secondary-nav .mobile-priority{display:none}
.secondary-nav a:hover,.secondary-nav a[aria-current=page]{color:var(--red);text-decoration:underline;text-underline-offset:5px}
@media(max-width:600px){.secondary-nav{justify-content:flex-start;padding:10px 6vw;gap:25px;font-size:14px}.secondary-nav .mobile-priority{display:inline}}

/* Compact search and a visible language choice stay beside the masthead. */
.masthead{gap:clamp(16px,2.2vw,32px);flex-wrap:nowrap}
.masthead .site-nav{margin-left:auto;gap:clamp(14px,1.7vw,25px)}
.header-tools{display:flex;align-items:center;gap:12px;flex:0 0 auto;position:relative}
.header-tools details{position:relative}
.header-tools summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;min-height:42px;color:var(--ink)}
.header-tools summary::-webkit-details-marker{display:none}
.header-tools summary:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.language-picker summary{font:600 13px/1.2 Arial,Helvetica,sans-serif;gap:6px;white-space:nowrap}
.language-options{position:absolute;right:0;top:calc(100% + 9px);min-width:145px;padding:8px;background:var(--paper);border:1px solid var(--line);box-shadow:0 8px 22px #20212418;z-index:25}
.language-options a{display:block;padding:12px;text-decoration:none;font-size:15px}
.language-options a:hover,.language-options a[aria-current]{color:var(--red);background:#a8332a09}
.search-picker summary{width:38px}
.search-picker[open]>summary{color:var(--red)}
.masthead .search-picker .site-search{position:absolute;right:0;top:calc(100% + 9px);width:min(320px,calc(100vw - 40px));background:var(--paper);box-shadow:0 8px 22px #20212418;z-index:25;flex-basis:auto;margin:0}
@media(max-width:1050px){.masthead .site-nav{gap:13px;font-size:14px}.masthead{gap:17px}.header-tools{gap:7px}}
@media(max-width:900px){.masthead{flex-wrap:wrap;gap:0}.header-tools{order:1;margin-left:auto;gap:9px}.masthead .nav-toggle{order:2;margin-left:12px;padding:8px;gap:0;min-width:38px}.nav-text{display:none}.masthead .site-nav{order:3;margin-left:0}.search-picker .site-search input{font-size:16px}.search-page{padding-top:38px}}
@media(max-width:420px){.masthead .brand{font-size:31px}.header-tools{gap:3px}.language-picker summary{font-size:12px}.masthead .nav-toggle{margin-left:5px}.search-picker summary{width:35px}}

/* azul. remains visible alongside the scrollable section links. */
.secondary-nav{overflow:visible;gap:24px;align-items:center}
.secondary-links{display:flex;align-items:center;justify-content:center;gap:clamp(20px,4vw,56px);min-width:0;overflow-x:auto;white-space:nowrap}
.secondary-nav .azul-nav{flex:0 0 auto;border-left:1px solid var(--line);padding:4px 0 4px 24px;font:800 23px/1.15 Arial,Helvetica,sans-serif;letter-spacing:-1px;color:var(--ink);text-decoration:none}
.secondary-nav .azul-nav span{color:#2039f6}
.secondary-nav .azul-nav:hover{color:var(--ink);text-decoration:underline;text-underline-offset:5px}
.secondary-nav .azul-nav:focus-visible{outline:2px solid var(--red);outline-offset:5px}
@media(max-width:600px){.secondary-nav{gap:14px}.secondary-links{justify-content:flex-start;gap:25px;flex:1 1 auto}.secondary-nav .azul-nav{font-size:22px;padding-left:14px}}