/* AWT shared styles: layout/awt-page.css
   Moved from awt-common.css; values and selector scope preserved, 2026-09-22. */

body.page .c-pageTitle {
  color: var(--awt-navy);
}

body.page .c-pageTitle,
body.page .c-pageTitle__inner {
  float: none;
}

body.page .c-pageTitle {
  font-size: clamp(30px, 3.1vw, 42px);
  font-weight: 800;
  line-height: 1.35;
  letter-spacing: -.02em;
}

body.page .p-breadcrumb {
  color: var(--awt-muted);
  font-size: 12px;
}

.awt-page {
  --awt-guide-accent: var(--awt-green);
  width: 100%;
}

.awt-page__inner {
  width: min(var(--awt-reading), calc(100% - 40px));
  margin-inline: auto;
  padding: 10px 0 64px;
}

.awt-page__inner--wide {
  width: min(var(--awt-container), calc(100% - 40px));
}

.awt-page__lead {
  margin: 0 0 30px;
  color: #48606d;
  font-size: 18px;
  line-height: 1.9;
}

.awt-page__lead > :last-child {
  margin-bottom: 0;
}

.awt-page__eyebrow {
  margin: 0 0 8px;
  color: var(--awt-guide-accent, var(--awt-green));
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .06em;
}

.awt-page__section {
  margin: 0 0 42px;
}

.awt-page__section:last-child {
  margin-bottom: 0;
}

.awt-page__section--separated {
  padding-top: 34px;
  border-top: 1px solid var(--awt-border-soft);
}

@media (max-width: 959px) {
.awt-page__inner,
  .awt-page__inner--wide {
    width: min(100% - 32px, var(--awt-reading));
  }
}

@media (max-width: 600px) {
body.page .c-pageTitle {
    font-size: 28px;
    line-height: 1.4;
  }
}

@media (max-width: 600px) {
body.page .p-breadcrumb {
    font-size: 11px;
  }
}

@media (max-width: 600px) {
.awt-page__inner,
  .awt-page__inner--wide {
    width: calc(100% - 32px);
    padding-bottom: 48px;
  }
}

@media (max-width: 600px) {
.awt-page__lead {
    margin-bottom: 24px;
    font-size: 16.5px;
    line-height: 1.85;
  }
}