.page-shell {
  min-height: 100vh;
  padding-top: 92px;
  background: var(--ivory);
}

.page-hero {
  padding: clamp(82px, 10vw, 138px) var(--page-gutter) clamp(72px, 8vw, 112px);
  color: var(--ivory);
  background:
    linear-gradient(110deg, rgba(7, 17, 29, .96), rgba(11, 24, 39, .84)),
    url('/assets/avera-2026/avera-background-mood-16x9.jpg') center / cover;
}

.page-hero__inner,
.page-content,
.legal-shell {
  width: min(var(--page-max), 100%);
  margin-inline: auto;
}

.page-hero h1 {
  max-width: 850px;
  margin-bottom: 28px;
  font-size: clamp(52px, 7vw, 92px);
  line-height: .94;
}

.page-hero .lead {
  max-width: 650px;
  margin-bottom: 0;
  color: rgba(242, 237, 227, .78);
  font-family: var(--serif);
  font-size: clamp(20px, 2vw, 29px);
  line-height: 1.42;
}

.page-content {
  padding: clamp(72px, 9vw, 126px) var(--page-gutter);
}

.page-content h2,
.legal-shell h2 {
  margin: 56px 0 20px;
  color: var(--navy);
  font-size: clamp(31px, 4vw, 50px);
  line-height: 1.02;
}

.page-content > h2:first-child,
.legal-shell > h2:first-child {
  margin-top: 0;
}

.page-content p,
.page-content li,
.legal-shell p,
.legal-shell li {
  max-width: 760px;
  color: #47515c;
  font-size: 16px;
  line-height: 1.78;
}

.page-content .lead,
.legal-shell .lead {
  color: var(--navy);
  font-family: var(--serif);
  font-size: clamp(21px, 2.2vw, 30px);
  line-height: 1.46;
}

.page-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  margin: 48px 0;
  background: rgba(11, 24, 39, .15);
  border: 1px solid rgba(11, 24, 39, .15);
}

.page-card {
  min-height: 220px;
  padding: 34px;
  background: #f7f2e9;
}

.page-card h3 {
  margin-bottom: 16px;
  color: var(--navy);
  font-size: 28px;
}

.page-card p {
  margin-bottom: 0;
  font-size: 14px;
}

.page-callout {
  margin: 48px 0;
  padding: 30px 34px;
  border-left: 2px solid var(--gold);
  background: #e9e0d2;
}

.page-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 38px;
}

.button--outline {
  color: var(--navy);
  border-color: rgba(11, 24, 39, .45);
  background: transparent;
}

.button--outline:hover {
  border-color: var(--navy);
  background: rgba(11, 24, 39, .05);
}

.legal-shell {
  min-height: 68vh;
  padding: clamp(78px, 10vw, 132px) var(--page-gutter);
}

.legal-shell h1 {
  margin-bottom: 28px;
  color: var(--navy);
  font-size: clamp(48px, 7vw, 82px);
  line-height: .96;
}

.legal-status {
  max-width: 760px;
  margin: 34px 0;
  padding: 24px 28px;
  border: 1px solid rgba(170, 137, 84, .5);
  background: #f8f3eb;
}

.legal-status p:last-child {
  margin-bottom: 0;
}

.discipline-stage {
  border: 1px solid rgba(170, 137, 84, .45);
  background: #f8f3eb;
}

.consideration-page .page-content {
  width: min(980px, 100%);
}

.consideration-page .form-panel {
  max-width: 860px;
  margin-inline: auto;
}

@media (max-width: 900px) {
  .page-grid { grid-template-columns: 1fr; }
  .page-card { min-height: 0; }
}

@media (max-width: 760px) {
  .page-shell { padding-top: 72px; }
  .page-hero,
  .page-content,
  .legal-shell { padding-inline: 24px; }
  .page-card { padding: 26px; }
  .page-actions { align-items: stretch; flex-direction: column; }
  .page-actions .button { width: 100%; }
}