/* Main Tab headings follow the current Days page; detail headings keep their own styles. */
:root {
  --tab-heading-font: Newsreader, Georgia, serif;
  --tab-heading-size: 28px;
  --tab-heading-weight: 400;
  --tab-heading-leading: 1.2;
  --tab-heading-tracking: -.3px;
  --tab-heading-ink: #1f2412;
  --tab-heading-ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", "PingFang SC", sans-serif;
  --tab-description-size: 16px;
  --tab-description-leading: 1.55;
  --tab-description-ink: #6b7159;
  --tab-heading-copy-gap: 6px;
  --tab-heading-content-gap: 22px;
  --tab-heading-region: 860px;
  --tab-heading-inset: clamp(18px, 4vw, 40px);
  --tab-heading-top: clamp(24px, 5vh, 44px);
}
.lb-overview,
.page.playbook-home,
.main[data-route="peers"] {
  padding-top: var(--tab-heading-top);
}
:is(.lb-page-heading, .playbook-home > .page-head, .main[data-route="peers"] > .page-head) {
  box-sizing: border-box;
  width: 100%;
  max-width: calc(var(--tab-heading-region) - 2 * var(--tab-heading-inset));
  margin: 0 auto var(--tab-heading-content-gap);
  text-align: left;
  --od-gap: var(--tab-heading-copy-gap);
}
:is(.playbook-home > .page-head, .main[data-route="peers"] > .page-head) {
  align-items: flex-start;
}
:is(.playbook-home > .page-head, .main[data-route="peers"] > .page-head) > .od-field {
  --od-gap: var(--tab-heading-copy-gap);
  min-width: 0;
}
:is(.lb-page-heading, .playbook-home > .page-head, .main[data-route="peers"] > .page-head) h1 {
  margin: 0;
  font-family: var(--tab-heading-font);
  font-size: var(--tab-heading-size);
  font-style: normal;
  font-weight: var(--tab-heading-weight);
  line-height: var(--tab-heading-leading);
  letter-spacing: var(--tab-heading-tracking);
  color: var(--tab-heading-ink);
  overflow-wrap: anywhere;
}
:is(.lb-page-heading, .playbook-home > .page-head, .main[data-route="peers"] > .page-head) p {
  margin: 0;
  max-width: none;
  font-family: var(--tab-heading-ui);
  font-size: var(--tab-description-size);
  font-style: normal;
  font-weight: 400;
  line-height: var(--tab-description-leading);
  letter-spacing: normal;
  color: var(--tab-description-ink);
}