/* Stage 2 public-candidate shell compatibility. */
body[data-page="topic-centre-review-candidate"] > .skip-link,
body[data-page="topic-directory-review-candidate"] > .skip-link {
  background: #fff;
  border: 2px solid var(--brand-dark, #163238);
  color: var(--brand-dark, #163238);
  font-weight: 800;
  left: 16px;
  padding: 10px 14px;
  position: fixed;
  top: -120px;
  z-index: 200;
}

body[data-page="topic-centre-review-candidate"] > .skip-link:focus,
body[data-page="topic-directory-review-candidate"] > .skip-link:focus {
  top: 12px;
}

body[data-page="topic-centre-review-candidate"],
body[data-page="topic-directory-review-candidate"] {
  --ob2-shell-inset: clamp(32px, 2.5vw, 40px);
}

body[data-page="topic-centre-review-candidate"] > .site-header,
body[data-page="topic-directory-review-candidate"] > .site-header {
  box-sizing: border-box;
  max-width: none;
  padding-left: var(--ob2-shell-inset);
  padding-right: var(--ob2-shell-inset);
  width: 100%;
}

@media (max-width: 1120px) {
  body[data-page="topic-centre-review-candidate"] > .site-header {
    align-items: center;
  }
}

@media (max-width: 340px) {
  body[data-page="topic-centre-review-candidate"] > .site-header > .brand {
    flex: 0 0 100%;
    max-width: none;
    width: 100%;
  }

  body[data-page="topic-centre-review-candidate"] > .site-header > .nav-toggle {
    margin-left: auto;
    order: 2;
  }

  body[data-page="topic-centre-review-candidate"] > .site-header > .site-language-menu {
    margin-left: 0;
    margin-right: auto;
    order: 3;
  }
}

@media (min-width: 980px) {
  body[data-page="topic-centre-review-candidate"] .ob-centre-landscape .ob2-stage {
    margin-left: var(--ob2-shell-inset);
    margin-right: var(--ob2-shell-inset);
    width: auto;
  }
}

@media (max-width: 760px) {
  body[data-page="topic-centre-review-candidate"],
  body[data-page="topic-directory-review-candidate"] {
    --ob2-shell-inset: clamp(16px, 4.6vw, 20px);
  }
}