/* Shared site navigation: page links above, section links on the left. */
body:has(.article-topbar) .article-brand span {
  color: #bc3230;
}
body:has(.article-topbar) .article-topbar .article-site-links a[aria-current="page"] {
  color: #bc3230;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 7px;
  background: transparent;
}
body:has(.article-topbar) .page-cover__contents {
  visibility: hidden;
  pointer-events: none;
}
body:has(.article-topbar) .article-calendar a {
  font-size: 14px;
}
body:has(.article-topbar) .page-cover--text {
  background-image: repeating-linear-gradient(
    125deg,
    transparent 0 100px,
    #ffffff06 101px 102px,
    transparent 103px 200px
  );
}
body:has(.article-topbar) .briefing-page {
  margin-left: 0;
  container-type: inline-size;
}
body:has(.article-topbar) .briefing-page__content {
  margin-inline: 0;
  max-width: none;
}
body:has(.article-topbar) .briefing-page__section {
  padding-top: 32px;
}
body:has(.article-topbar) .briefing-page__intro {
  margin-bottom: 32px;
}
body:has(.article-topbar) .briefing-page .brief-form {
  gap: 20px;
}
body:has(.article-topbar) :is(.sp-page, .service-directory, .service-detail) > .page-cover {
  background-image: repeating-linear-gradient(
    125deg,
    transparent 0 100px,
    #ffffff06 101px 102px,
    transparent 103px 200px
  );
}
body:has(.article-topbar) :is(.sp-blog, .sp-surveys) .page-cover__image img {
  object-fit: contain;
  object-position: center;
  padding: 8%;
}
@media (min-width: 1024px) {
  body:has(.article-topbar) .page-cover__image:has(img[src*="crow-"]) img {
    top: 90px;
    height: calc(100% - 90px);
    object-position: left top;
  }
  body:has(.article-topbar) {
    --article-offset: 0px;
    padding-top: 0;
  }
  body:has(.article-topbar) .article-topbar {
    top: 10px;
    left: calc(
      var(--layout-rail, 225px) +
        clamp(1.25rem, (100% - var(--layout-rail, 225px)) * 0.035357, 4rem)
    );
    right: clamp(1.25rem, (100% - var(--layout-rail, 225px)) * 0.035357, 4rem);
    width: auto;
    max-width: none;
    min-height: 64px;
    height: auto;
    padding: 12px 20px;
    gap: 16px;
    border: 1px solid #e5e5e5;
    background: #fff;
    border-radius: 0;
    box-shadow: none;
    flex-wrap: nowrap;
    transform: none;
  }
  body:has(.article-topbar) .article-brand {
    flex: 0 0 auto;
    font-size: 14px;
    line-height: 1.3;
    margin-right: auto;
  }
  body:has(.article-topbar) .article-topbar .article-site-links {
    display: flex;
    flex: 0 1 auto;
    width: auto;
    gap: clamp(10px, 1vw, 20px);
    order: 0;
  }
  body:has(.article-topbar) .article-topbar .article-site-links a {
    display: block;
    padding: 8px 0;
    font-size: 15px;
    white-space: nowrap;
  }
  body:has(.article-topbar) .article-card-link,
  body:has(.article-topbar) .article-search-toggle {
    font-size: 15px;
    padding: 8px 0;
  }
  body:has(.article-topbar) .article-mobile-menu {
    display: none;
  }
  body:has(.article-topbar) .article-rail {
    padding-top: 32px;
    overflow: visible;
    gap: 20px;
  }
  body:has(.article-topbar) .article-rail > nav {
    gap: clamp(3px, 1.1vh, 12px);
  }
  body:has(.article-topbar) .article-rail > nav a {
    padding-block: 10px;
    font-size: 15px;
    line-height: 1.4;
  }
  body:has(.article-topbar) .article-calendar {
    padding-top: 20px;
  }
  body:has(.article-topbar) .article-calendar span {
    font-size: 13px;
    line-height: 1.5;
  }
  body:has(.article-topbar) .briefing-page {
    margin-left: 0;
    padding-top: 110px;
  }
  body:has(.article-topbar) .page-cover {
    scroll-margin-top: 95px;
  }
  body:has(.article-topbar) main :is(section[id], article[id], h2[id]) {
    scroll-margin-top: 110px;
  }
}
@media (min-width: 1024px) and (max-width: 1099px) {
  body:has(.article-topbar) .article-topbar {
    flex-wrap: wrap;
    gap: 4px 18px;
    padding: 10px 16px;
  }
  body:has(.article-topbar) .article-topbar .article-site-links {
    order: 5;
    flex-basis: 100%;
    justify-content: space-between;
    gap: 10px;
  }
  body:has(.article-topbar) .article-topbar .article-site-links a {
    font-size: 12px;
    padding-block: 5px;
  }
  body:has(.article-topbar) .briefing-page {
    padding-top: 125px;
  }
}
@media (min-width: 1024px) and (max-height: 850px) {
  body:has(.article-topbar) .article-rail {
    padding-block: 20px;
    gap: 12px;
  }
  body:has(.article-topbar) .article-rail > nav {
    gap: 2px;
  }
  body:has(.article-topbar) .article-rail > nav a {
    padding-block: 7px;
    font-size: 14px;
  }
  body:has(.article-topbar) .article-calendar {
    padding-top: 12px;
  }
  body:has(.article-topbar) .article-calendar span {
    font-size: 12px;
  }
}
@media (max-width: 1023px) {
  body:has(.briefing-page) {
    padding-top: var(--article-header, 4rem);
  }
  body:has(.article-topbar) .article-topbar {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    border-radius: 0;
  }
  body:has(.article-topbar) .article-mobile-contents {
    background: #fff;
  }
  body:has(.article-topbar) .article-mobile-contents summary strong {
    color: #bc3230;
  }
}
body:has(.briefing-page) .footer__cta {
  display: none;
}
.brief-form ::selection {
  background: #f3d4d3;
  color: #111;
}