/* Responsive content layout for the desktop navigation rail. */
/* Outer page regions are separated by their surfaces, without framing rules. */
html[data-dafa-layout="sidebar"] body .site-footer { border-top: 0; }
html[data-dafa-layout="sidebar"] body .archive-hero { border-bottom: 0; }
/* Local search is part of the browsing task, not the optional sidebar. */
html[data-dafa-layout="sidebar"] .archive-page .content-column > .archive-search {
  width: min(460px, 100%);
  margin: 0 0 20px;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
html[data-dafa-layout="sidebar"] .archive-page .content-column > .archive-search .archive-hero__search {
  width: 100%;
  max-width: none;
  margin: 0;
}

@media (min-width: 1024px) {
  /* Hidden button text must not create a second grid row for the chevron. */
  #site-navigation .submenu-toggle { position: relative; }
  #site-navigation .submenu-toggle::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, calc(-50% - 2px)) rotate(45deg);
  }
  #site-navigation .submenu-toggle[aria-expanded="true"]::after {
    transform: translate(-50%, calc(-50% + 2px)) rotate(225deg);
  }
  html[data-dafa-layout="sidebar"] .site-header .dafa-navigation-rail { border-right: 0; }
  /* The content canvas now has two navigation widths; protect its primary column. */
  html[data-dafa-layout="sidebar"] .content-shell.has-sidebar { gap: 28px; }
  html[data-dafa-layout="sidebar"] .content-shell.has-sidebar > .content-column { flex-basis: 42rem; }
  html[data-dafa-layout="sidebar"] .content-shell.has-sidebar > .sidebar { flex-basis: 16rem; min-width: min(100%, 16rem); }
  html[data-dafa-layout="sidebar"] .archive-page .content-shell.has-sidebar > .sidebar { flex-basis: 15rem; min-width: min(100%, 15rem); }

  /* A compact introduction leaves the first useful task within the initial viewport. */
  html[data-dafa-layout="sidebar"] .editorial-home .editorial-hero {
    grid-template-columns: minmax(0, 1.65fr) minmax(260px, 1fr);
    gap: 32px;
    padding-block: 32px;
  }
  html[data-dafa-layout="sidebar"] .editorial-home .editorial-eyebrow { margin-bottom: 12px; }
  html[data-dafa-layout="sidebar"] .editorial-home .editorial-hero h1 {
    font-size: clamp(36px, 3.2vw, 48px);
    line-height: 1.3;
    letter-spacing: -.03em;
    margin-bottom: 20px;
  }
  html[data-dafa-layout="sidebar"] .editorial-home .editorial-hero__intro { font-size: 15px; line-height: 1.85; margin-bottom: 20px; }
  html[data-dafa-layout="sidebar"] .editorial-home .editorial-hero .scope-search { min-height: 52px; }
  html[data-dafa-layout="sidebar"] .editorial-home .editorial-hero .scope-search__submit { min-height: 40px; }
  html[data-dafa-layout="sidebar"] .editorial-home .discovery-carousel--files { padding: 20px; }
  html[data-dafa-layout="sidebar"] .editorial-home .discovery-carousel--files .discovery-heading { margin-bottom: 12px; }
  html[data-dafa-layout="sidebar"] .editorial-home .discovery-carousel--files .editorial-feature__image { height: 140px; margin-bottom: 12px; }
  html[data-dafa-layout="sidebar"] .editorial-home .discovery-carousel--files h3 { font-size: 17px; line-height: 1.55; margin-bottom: 8px; }
  html[data-dafa-layout="sidebar"] .editorial-home .discovery-carousel--files .discovery-reason { margin-bottom: 6px; }
  html[data-dafa-layout="sidebar"] .editorial-home .resource-tasks { margin-block: 8px 32px; }
  html[data-dafa-layout="sidebar"] .editorial-home .resource-tasks__heading { margin-bottom: 16px; }
  html[data-dafa-layout="sidebar"] .editorial-home .resource-tasks__heading h2 { font-size: 24px; }
  html[data-dafa-layout="sidebar"] .editorial-home .resource-tasks__heading p { margin-top: 6px; font-size: 13px; }
  html[data-dafa-layout="sidebar"] .editorial-home .resource-tasks__choices > a { min-height: 44px; padding-bottom: 10px; }
  html[data-dafa-layout="sidebar"] .editorial-home .resource-tasks__panel { gap: 20px 32px; padding-top: 20px; }
  html[data-dafa-layout="sidebar"] .editorial-home .resource-tasks__intro > p { font-size: 15px; }
  html[data-dafa-layout="sidebar"] .editorial-home .resource-tasks__resources li { min-height: 64px; padding-block: 10px; }
  html[data-dafa-layout="sidebar"] .editorial-home .resource-tasks__tools { padding-left: 24px; }
  html[data-dafa-layout="sidebar"] .editorial-home .editorial-section { padding-top: 32px; }
  html[data-dafa-layout="sidebar"] .editorial-home .editorial-heading { padding-bottom: 16px; }
  html[data-dafa-layout="sidebar"] .editorial-home .editorial-heading h2 { font-size: 23px; }

  /* Browsing rows use their available column, rather than scaling type with the viewport. */
  html[data-dafa-layout="sidebar"] .archive-page .archive-hero { padding-block: 20px; }
  html[data-dafa-layout="sidebar"] .archive-page .archive-title { font-size: 34px; }
  html[data-dafa-layout="sidebar"] .archive-page .archive-description { margin-top: 10px; font-size: 14px; }
  html[data-dafa-layout="sidebar"] .archive-page .content-shell { padding-top: 24px; }
  html[data-dafa-layout="sidebar"] .archive-results[data-dafa-archive-view="list"] .entry-grid { padding-inline: 20px; }
  html[data-dafa-layout="sidebar"] body .archive-results[data-dafa-archive-view="list"] .entry-card {
    grid-template-columns: minmax(144px, 25%) minmax(0, 1fr);
    gap: 20px;
    padding-block: 18px;
  }
  html[data-dafa-layout="sidebar"] body .archive-results[data-dafa-archive-view="list"] .entry-card__title { font-size: 20px; line-height: 1.45; }
  html[data-dafa-layout="sidebar"] body.tax-blogs .archive-results[data-dafa-archive-view="list"] .entry-card--news .entry-card__title { font-size: 20px; line-height: 1.45; }
  html[data-dafa-layout="sidebar"] body.tax-blogs .archive-results[data-dafa-archive-view="list"] .entry-card--news { padding-block: 16px; }
  html[data-dafa-layout="sidebar"] body.tax-blogs .archive-results[data-dafa-archive-view="list"] .entry-card--news .entry-card__body { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-content: start; column-gap: 12px; }
  html[data-dafa-layout="sidebar"] body.tax-blogs .archive-results[data-dafa-archive-view="list"] .entry-card--news .entry-card__kicker { grid-column: 1; grid-row: 1; align-self: center; margin-bottom: 8px; }
  html[data-dafa-layout="sidebar"] body.tax-blogs .archive-results[data-dafa-archive-view="list"] .entry-card--news .news-flags { grid-column: 2; grid-row: 1; justify-self: end; margin-bottom: 8px; }
  html[data-dafa-layout="sidebar"] body.tax-blogs .archive-results[data-dafa-archive-view="list"] .entry-card--news .entry-card__title { grid-column: 1 / -1; grid-row: 2; }
  html[data-dafa-layout="sidebar"] body.tax-blogs .archive-results[data-dafa-archive-view="list"] .entry-card--news .entry-card__excerpt { grid-column: 1 / -1; grid-row: 3; }
  html[data-dafa-layout="sidebar"] body.tax-blogs .archive-results[data-dafa-archive-view="list"] .entry-card--news .entry-meta { grid-column: 1 / -1; grid-row: 4; padding-top: 8px; }
  html[data-dafa-layout="sidebar"] body .archive-results[data-dafa-archive-view="list"] .entry-card__excerpt { margin-top: 8px; font-size: 14px; line-height: 1.7; }
  html[data-dafa-layout="sidebar"] body .archive-results[data-dafa-archive-view="list"] .entry-card__footer { padding-top: 10px; }

  /* Side widgets may wrap below, but the reading measure remains stable. */
  html[data-dafa-layout="sidebar"] .single-page { --dafa-reading: 720px; }
  html[data-dafa-layout="sidebar"] .single-page .entry { padding: 28px; }
  html[data-dafa-layout="sidebar"] .single-page .entry-content { max-width: 720px; margin-inline: auto; }
  html[data-dafa-layout="sidebar"] body .single-page .entry-header--center .entry-title {
    max-width: 720px;
    margin-inline: auto;
    font-size: clamp(26px, 2.4vw, 32px);
  }
  html[data-dafa-layout="sidebar"] .single-page .entry-header { padding-bottom: 20px; margin-bottom: 20px; }
  html[data-dafa-layout="sidebar"] body .single-page .entry-header--center .entry-deck { max-width: 720px; margin-inline: auto; font-size: 16px; }
  html[data-dafa-layout="sidebar"] .search-hero { padding-block: 24px; }
  html[data-dafa-layout="sidebar"] .search-hero h1 { font-size: 34px; line-height: 1.4; }
}