/* Content pages: a single editorial column that inherits the concept-3 palette. */
.page-header { padding-block: 60px 0; border-bottom: 1px solid var(--line); }
.page-header .eyebrow { margin-bottom: 22px; }
.page-header h1 { font-size: clamp(44px, 5vw, 76px); max-width: 15ch; }
.page-header .standfirst { font-size: 18px; max-width: 58ch; margin: 28px 0 60px; line-height: 1.55; }

.page-body { padding-block: 70px 100px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 54px; }
.page-body > section { max-width: 72ch; }
.page-body h2 { font-size: clamp(28px, 2.6vw, 38px); margin-bottom: 22px; }
.page-body h3 { font-family: 'DM Serif Display', Georgia, serif; font-weight: 400; font-size: 23px; letter-spacing: -.02em; margin-bottom: 10px; }
.page-body p { font-size: 15px; margin-bottom: 18px; }
.page-body p:last-child { margin-bottom: 0; }
.page-body a:not(.button) { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1px; text-decoration-color: var(--line); }
.page-body a:not(.button):hover { text-decoration-color: currentColor; }

.page-list { list-style: none; padding: 0; margin: 0; }
.page-list li { display: flex; gap: 18px; padding: 16px 0; border-top: 1px solid var(--line); font-size: 15px; color: var(--muted); line-height: 1.6; }
.page-list li::before { content: '✳'; color: var(--accent); flex-shrink: 0; line-height: 1.4; }
.page-list li:last-child { border-bottom: 1px solid var(--line); }

/* Crisis information leads the Resources page and must not read as body copy. */
.urgent { background: var(--ink); color: var(--paper); border-radius: 10px; padding: 34px 38px; max-width: none; }
.urgent h2 { color: inherit; margin-bottom: 16px; }
.urgent p { color: inherit; opacity: .85; font-size: 15px; }
.urgent a { color: inherit; font-weight: 600; }
.urgent .lines { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 18px; margin-top: 26px; }
.urgent .lines div { background: #ffffff14; border-radius: 7px; padding: 18px 20px; }
.urgent .lines strong { display: block; font-family: 'DM Serif Display', Georgia, serif; font-weight: 400; font-size: 27px; letter-spacing: -.02em; margin-bottom: 5px; }
.urgent .lines span { font-size: 12px; opacity: .8; line-height: 1.5; display: block; }

.source-note { font-size: 12px; color: var(--muted); margin-top: 14px; }
.embed-frame { width: 100%; min-height: 1100px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.embed-fallback { font-size: 13px; margin-top: 16px; }

@media (max-width: 800px) {
  .page-header { padding-block: 34px 0; }
  .page-header h1 { font-size: 42px; }
  .page-header .standfirst { font-size: 16px; margin-bottom: 40px; }
  .page-body { padding-block: 46px 64px; gap: 40px; }
  .urgent { padding: 26px 22px; }
  .urgent .lines { grid-template-columns: 1fr; }
  .embed-frame { min-height: 1400px; }
}