/* One mobile header system for every public THINKTOKI page. */
@media (max-width: 900px) {
  html,
  body {
    max-width: 100%;
    overflow-x: hidden;
  }

  .header,
  .portal-header,
  .inquiry-header {
    position: sticky !important;
    top: 0;
    z-index: 100;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 44px;
    align-items: center;
    gap: 10px 12px !important;
    width: 100%;
    height: auto !important;
    min-height: 64px !important;
    padding: 10px 16px !important;
    border-bottom: 1px solid #d9e2e8;
    background: rgba(255, 255, 255, .97) !important;
    box-shadow: 0 4px 18px rgba(16, 36, 58, .05);
    backdrop-filter: blur(14px);
  }

  .header > .wordmark,
  .portal-header > .wordmark,
  .inquiry-header > .wordmark {
    grid-column: 1;
    grid-row: 1;
    display: flex !important;
    align-items: center;
    min-width: 0;
    gap: 10px;
    margin: 0 !important;
    color: #10243a;
    font-size: 10px;
    font-weight: 900;
    line-height: 1.08;
    letter-spacing: .08em;
  }

  .header > .wordmark > .mark,
  .portal-header > .wordmark > .mark,
  .inquiry-header > .wordmark > .mark,
  .portal-header > .wordmark > span:first-child,
  .inquiry-header > .wordmark > span:first-child {
    display: grid !important;
    flex: 0 0 38px;
    width: 38px !important;
    height: 38px !important;
    place-items: center;
    border-radius: 10px !important;
    background: #10243a !important;
    color: #fff !important;
    font: 900 19px/1 Georgia, serif !important;
  }

  .header > .wordmark > span:last-child,
  .portal-header > .wordmark > span:last-child,
  .inquiry-header > .wordmark > span:last-child,
  .portal-header > .wordmark > b,
  .inquiry-header > .wordmark > b {
    display: none !important;
  }

  .header > .mobile-menu-toggle,
  .portal-header > .mobile-menu-toggle,
  .inquiry-header > .mobile-menu-toggle {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    width: 44px;
    height: 44px;
    margin: 0 !important;
    padding: 10px;
    border-color: #d9e2e8;
    background: #fff;
  }

  .header > .header-cta,
  .portal-header > .home-link,
  .inquiry-header > .journal-link {
    display: none !important;
  }

  .header > .mobile-quick-menu,
  .portal-header > .mobile-quick-menu,
  .inquiry-header > .mobile-quick-menu {
    display: none !important;
  }
}

@media (max-width: 359px) {
  .header,
  .portal-header,
  .inquiry-header {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }

}