/* Read Full Text theme demo — aligns the editorial page with the Project page. */
.official-call-page .official-call-hero { min-height: 92svh; }

.official-call-page .official-call-hero .hero__content {
  max-width: 920px;
  margin-bottom: clamp(190px, 23vh, 260px);
}

.official-call-page .official-call-section {
  grid-template-columns: minmax(110px, 1fr) minmax(0, 5fr);
  align-items: start;
}

.official-call-page .official-call-copy {
  width: min(100%, 1040px);
}

.official-call-page .official-call-copy h2 {
  max-width: 960px;
  margin: 0 0 clamp(2rem, 4vw, 3.4rem);
  font-family: var(--serif);
  font-size: clamp(3rem, 6.8vw, 7rem);
  font-weight: 400;
  line-height: .9;
  letter-spacing: -.045em;
}

.official-call-page .official-call-copy h3 {
  margin: 0 0 1rem;
  font-family: var(--serif);
  font-size: clamp(1.8rem, 3vw, 3.2rem);
  font-weight: 400;
  line-height: 1;
  letter-spacing: -.025em;
}

.official-call-page .official-call-copy p,
.official-call-page .official-call-copy li {
  font-family: var(--serif);
  font-size: clamp(1.05rem, 1.45vw, 1.3rem);
  line-height: 1.58;
}

.official-call-page .official-call-copy > p { max-width: 820px; }
.official-call-page .official-call-copy > p + p { margin-top: 1.35rem; }
.official-call-page .official-call-copy ul { margin: 0; padding-left: 1.25rem; }
.official-call-page .official-call-copy li + li { margin-top: .5rem; }
.official-call-page .two-column-list { columns: 2; column-gap: clamp(2rem, 5vw, 5rem); }

.official-call-page .official-call-pillar {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: clamp(1.25rem, 3vw, 3rem);
  margin-top: clamp(2.5rem, 5vw, 5rem);
  padding-top: clamp(1.5rem, 2vw, 2.25rem);
  border-top: 1px solid rgba(255,255,255,.28);
}

.official-call-page .official-call-pillar > span {
  color: #c6b89e;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .18em;
}

.official-call-page .programme .official-call-copy p { max-width: 780px; }
.official-call-page .materials .official-call-copy { color: #fff; }

.official-call-page .official-call-copy .official-call-emphasis {
  margin-top: clamp(2rem, 4vw, 3.5rem);
  padding-left: 1.25rem;
  border-left: 2px solid currentColor;
  font-size: clamp(1.35rem, 2vw, 1.9rem);
  font-style: italic;
}

.official-call-page .official-call-copy h3:not(:first-child) {
  margin-top: clamp(2.5rem, 5vw, 4.5rem);
}

.official-call-steps {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin-top: clamp(2rem, 4vw, 3.5rem);
  background: rgba(28, 22, 16, .2);
  border: 1px solid rgba(28, 22, 16, .2);
}

.official-call-steps > div {
  padding: clamp(1.35rem, 3vw, 2.5rem);
  background: #f4efe6;
}

.official-call-steps > div > span {
  display: block;
  margin-bottom: 1.75rem;
  font: 800 .72rem/1 var(--sans);
  letter-spacing: .16em;
}

.official-call-steps h3,
.official-call-page .official-call-steps h3:not(:first-child) { margin-top: 0; }

.official-call-final-actions--dark a {
  color: #17130f;
  border-color: rgba(23, 19, 15, .5);
}

.official-call-final-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .7rem;
  margin-top: 2.5rem;
}

.official-call-final-actions a {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  padding: .85rem 1.2rem;
  border: 1px solid rgba(255,255,255,.5);
  border-radius: 999px;
  color: #fff;
  font: 700 .7rem/1 var(--sans);
  letter-spacing: .12em;
  text-decoration: none;
  text-transform: uppercase;
}

.official-call-final-actions a:last-child {
  color: #17130f;
  border-color: rgba(255,225,190,.84);
  background: linear-gradient(145deg, #f7b36f, #e8883f);
}

@media (max-width: 760px) {
  .official-call-page .official-call-hero { min-height: 100svh; }
  .official-call-page .official-call-section { grid-template-columns: 1fr; }
  .official-call-page .official-call-section .section-index { margin-bottom: 2rem; }
  .official-call-page .two-column-list { columns: 1; }
  .official-call-page .official-call-pillar { grid-template-columns: 36px minmax(0, 1fr); }
  .official-call-steps { grid-template-columns: 1fr; }
  .official-call-final-actions a { width: 100%; }
}