/*
 * Shared public header for the three Extremes and Moderations archives.
 * The structure is constant; each site's paper color identifies its masthead and tabs.
 */
:root {
  --extremes-ink: rgb(25, 25, 26);
  --extremes-paper: rgb(255, 225, 77);
  --extremes-frame: 944px;
}

body.extremes-site-poets {
  --extremes-paper: rgb(255, 225, 77);
  font-weight: 400;
}

body.extremes-site-journals {
  --extremes-paper: rgb(255, 138, 112);
}

body.extremes-site-documents {
  --extremes-paper: rgb(138, 203, 255);
}

body.extremes-network-shell {
  overflow-x: clip;
}

.extremes-network-header,
.extremes-network-header * {
  box-sizing: border-box;
}

.extremes-network-header {
  position: relative;
  z-index: 40;
  width: 100%;
  font-family: "Neutral Sans Variable", sans-serif;
}

.extremes-network-masthead {
  width: 100%;
  background: var(--extremes-ink);
  color: var(--extremes-paper);
}

.extremes-network-masthead__inner {
  width: min(var(--extremes-frame), calc(100% - 32px));
  margin-inline: auto;
  padding: 22px 0 20px;
}

.extremes-network-title {
  margin: 0;
  color: inherit;
  font-family: "Neutral Sans Variable", sans-serif;
}

.extremes-network-title strong,
.extremes-network-title span {
  display: block;
}

.extremes-network-title strong {
  font-size: 30px;
  font-weight: 600;
  line-height: 1.04;
  letter-spacing: -.025em;
}

.extremes-network-title span {
  max-width: 780px;
  margin-top: 6px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.3;
}

.extremes-site-tabs {
  width: 100%;
  background: var(--extremes-paper);
  color: var(--extremes-ink);
}

.extremes-site-tabs__inner {
  display: grid;
  grid-template-columns: .72fr .82fr 1.55fr;
  width: min(var(--extremes-frame), calc(100% - 32px));
  min-height: 54px;
  margin-inline: auto;
  border-bottom: 1px solid rgba(25, 25, 26, .3);
}

.extremes-site-tabs__link,
.extremes-site-tabs__link:visited {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 54px;
  padding: 8px 14px;
  border-left: 1px solid rgba(25, 25, 26, .28);
  background: transparent;
  color: var(--extremes-ink) !important;
  font-family: "Neutral Sans Variable", sans-serif !important;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.15;
  text-align: center;
  text-decoration: none !important;
  text-wrap: balance;
}

.extremes-site-tabs__link:last-child {
  border-right: 1px solid rgba(25, 25, 26, .28);
}

.extremes-site-tabs__link:hover {
  background: rgba(25, 25, 26, .08);
}

.extremes-site-tabs__link[aria-current="page"],
.extremes-site-tabs__link[aria-current="page"]:visited {
  background: var(--extremes-ink);
  color: var(--extremes-paper) !important;
  font-size: 16px;
  font-weight: 600;
}

body.extremes-site-documents .extremes-site-tabs__link[aria-current="page"],
body.extremes-site-documents .extremes-site-tabs__link[aria-current="page"]:visited {
  font-size: 14px;
}

.extremes-site-tabs__link:focus-visible {
  outline: 3px solid currentColor;
  outline-offset: -4px;
}

/* The active network tab replaces every former local brand tab. */
body.extremes-network-shell .ttp-tab,
body.extremes-network-shell .ttj-home-brand-tab,
body.extremes-network-shell .ttd-home-brand-tab {
  display: none !important;
}

body.extremes-network-shell .ttj-home-header,
body.extremes-network-shell .ttd-home-header {
  height: auto !important;
  min-height: 65px;
}

/* Keep the three homepages on the same measured frame and hero rhythm. */
body.extremes-site-poets.home .ttp-wide {
  gap: 0 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 max(20px, calc((100% - var(--extremes-frame)) / 2)) !important;
}

/* Elementor's tablet breakpoint must not collapse the Poets menu on desktop. */
body.extremes-site-poets .ttp-nav {
  position: relative;
  justify-content: center !important;
  width: 100% !important;
  height: auto !important;
  min-height: 65px !important;
  padding: 18px 0 16px !important;
}

body.extremes-site-poets .ttp-nav > .elementor-widget-nav-menu {
  width: 100% !important;
  max-width: none !important;
}

body.extremes-site-poets .ttp-nav .elementor-menu-toggle,
body.extremes-site-poets .ttp-nav .elementor-nav-menu--dropdown {
  display: none !important;
}

body.extremes-site-poets .ttp-nav .elementor-nav-menu--main {
  display: block !important;
  width: 100% !important;
}

body.extremes-site-poets .ttp-nav .elementor-nav-menu--main > ul {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

body.extremes-site-poets.home .ttp-hero,
body.extremes-site-journals.home .ttj-home-hero,
body.extremes-site-documents.home .ttd-home-hero {
  height: auto !important;
  min-height: 340px !important;
  box-sizing: border-box;
  margin-top: 13px !important;
  padding: 56px 32px 48px !important;
  border-radius: 16px 0 0 16px !important;
}

body.extremes-site-poets.home .ttp-hero h1 {
  text-align: center !important;
}

body.extremes-site-journals.home .ttj-home-hero-mark strong,
body.extremes-site-documents.home .ttd-home-hero-mark strong {
  flex-shrink: 0;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .extremes-network-masthead__inner {
    width: 100%;
    padding: 18px 16px 16px;
  }

  .extremes-network-title strong {
    font-size: 24px;
    line-height: 1.02;
  }

  .extremes-network-title span {
    max-width: 340px;
    margin-top: 7px;
    font-size: 13px;
    line-height: 1.25;
  }

  .extremes-site-tabs__inner {
    width: 100%;
    min-height: 58px;
  }

  .extremes-site-tabs__link,
  .extremes-site-tabs__link:visited {
    min-height: 58px;
    padding: 7px 5px;
    font-size: 10px;
    line-height: 1.1;
  }

  .extremes-site-tabs__link[aria-current="page"],
  .extremes-site-tabs__link[aria-current="page"]:visited,
  body.extremes-site-documents .extremes-site-tabs__link[aria-current="page"],
  body.extremes-site-documents .extremes-site-tabs__link[aria-current="page"]:visited {
    font-size: 11px;
  }

  /* Local site navigation stays visible; the intersite row needs no menu. */
  body.extremes-site-poets.home .ttp-wide {
    width: calc(100% - 32px) !important;
    max-width: none !important;
    margin: 0 16px !important;
    padding: 0 !important;
    gap: 0 !important;
  }

  .elementor-location-header .ttp-nav,
  body.extremes-site-poets.home .ttp-nav {
    position: relative;
    justify-content: flex-start !important;
    width: 100% !important;
    height: auto !important;
    min-height: 72px !important;
    margin: 0 !important;
    padding: 12px 0 !important;
  }

  .elementor-location-header .ttp-nav > .elementor-widget-nav-menu,
  body.extremes-site-poets.home .ttp-nav > .elementor-widget-nav-menu {
    position: static !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
  }

  .elementor-location-header .ttp-nav .elementor-menu-toggle,
  .elementor-location-header .ttp-nav .elementor-nav-menu--dropdown,
  body.extremes-site-poets.home .ttp-nav .elementor-menu-toggle,
  body.extremes-site-poets.home .ttp-nav .elementor-nav-menu--dropdown {
    display: none !important;
  }

  .elementor-location-header .ttp-nav .elementor-nav-menu--main,
  body.extremes-site-poets.home .ttp-nav .elementor-nav-menu--main {
    display: block !important;
    width: 100% !important;
  }

  .elementor-location-header .ttp-nav .elementor-nav-menu--main ul,
  body.extremes-site-poets.home .ttp-nav .elementor-nav-menu--main ul {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 0 18px !important;
    width: 100%;
  }

  .elementor-location-header .ttp-nav .elementor-nav-menu--main li,
  body.extremes-site-poets.home .ttp-nav .elementor-nav-menu--main li {
    display: flex;
    align-items: center;
    min-height: 32px;
  }

  .elementor-location-header .ttp-nav .elementor-nav-menu--main a,
  body.extremes-site-poets.home .ttp-nav .elementor-nav-menu--main a {
    min-height: 32px;
    padding: 8px 0 !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
  }

  body.extremes-site-journals.home .ttj-home-header,
  body.extremes-site-documents.home .ttd-home-header {
    height: auto !important;
    min-height: 72px !important;
  }

  body.extremes-site-journals.home .ttj-home-nav,
  body.extremes-site-documents.home .ttd-home-nav {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 0 18px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 72px !important;
    padding: 12px 0 !important;
  }

  body.extremes-site-journals.home .ttj-home-nav a,
  body.extremes-site-documents.home .ttd-home-nav a {
    display: flex;
    align-items: center;
    min-height: 32px;
    padding: 8px 0 !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
  }

  body.extremes-site-journals.home .ttj-home-mobile-nav,
  body.extremes-site-documents.home .ttd-home-mobile-nav {
    display: none !important;
  }

  body.extremes-site-poets.home .ttp-hero,
  body.extremes-site-journals.home .ttj-home-hero,
  body.extremes-site-documents.home .ttd-home-hero {
    height: auto !important;
    min-height: 440px !important;
    margin-top: 13px !important;
    padding: 52px 18px 46px !important;
    border-radius: 16px 0 0 16px !important;
  }

  body.extremes-site-poets.home .ttp-subsite-mark {
    margin-top: 10px !important;
  }

  body.extremes-site-poets.home .elementor-element-39c9110 {
    padding: 36px 16px 0 !important;
  }

  body.extremes-site-poets.home .elementor-element-39c9110 > .e-con-inner {
    padding: 0 0 20px !important;
  }
}

@media (max-width: 380px) {
  .extremes-network-title strong {
    font-size: 22px;
  }

  .extremes-network-title span {
    font-size: 12px;
  }

  .extremes-site-tabs__link,
  .extremes-site-tabs__link:visited,
  .extremes-site-tabs__link[aria-current="page"],
  .extremes-site-tabs__link[aria-current="page"]:visited {
    font-size: 9.5px;
  }
}