/* Evidence-led editorial layouts; inherit the shared light/dark palette. */
.silence-page .silence-jump { display: flex; flex-wrap: wrap; gap: 10px 20px; padding-block: 20px; border-block: 1px solid var(--rule); }
.silence-page .silence-jump a { min-height: 44px; display: inline-flex; align-items: center; }
.silence-page .silence-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-block: 32px; }
.silence-page .silence-fact { border-block-start: 3px solid var(--crimson); padding-block: 16px; min-width: 0; }
.silence-page .silence-fact strong { display: block; font-family: var(--font-display); font-size: 2rem; line-height: 1.2; margin-block-end: 10px; color: var(--crimson); }
.silence-page .silence-fact p { font-size: .95rem; }
.silence-page .silence-note { padding: 24px; margin-block: 28px; background: var(--paper); border: 1px solid var(--rule); border-inline-start: 4px solid var(--teal); border-radius: var(--r-sm); }
.silence-page .silence-note h3 { margin-block-start: 0; }
.silence-page .silence-note p:last-child { margin-block-end: 0; }
.silence-page .silence-quote { margin: 32px 0; padding: 22px 0 22px 24px; border-inline-start: 3px solid var(--crimson); }
.silence-page .silence-quote blockquote { font-size: 1.6rem; line-height: 1.45; color: var(--ink); margin: 0 0 16px; }
.silence-page .silence-quote figcaption { font-family: var(--font-meta); font-size: .9rem; color: var(--muted); }
.silence-page .silence-portrait { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 28px; margin-block: 28px; align-items: start; }
.silence-page .silence-portrait figure { margin: 0; }
.silence-page .silence-portrait img { width: 100%; height: auto; border-radius: var(--r-sm); }
.silence-page .silence-portrait figcaption { margin-block-start: 12px; font-size: .85rem; line-height: 1.55; color: var(--muted); }
.silence-page .silence-portrait h3 { margin-block-start: 0; }
.silence-page .silence-timeline { list-style: none; padding-inline-start: 0; border-inline-start: 1px solid var(--rule); margin-block: 28px; }
.silence-page .silence-timeline li { position: relative; margin: 0; padding: 0 0 28px 24px; }
.silence-page .silence-timeline li::before { content: ''; position: absolute; inset-inline-start: -5px; top: 8px; width: 9px; height: 9px; background: var(--crimson); }
.silence-page .silence-timeline time { display: block; font-weight: 600; color: var(--teal); margin-block-end: 6px; }
.silence-page .silence-timeline p { margin: 0; }
.silence-page .silence-flow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-block: 24px; list-style: none; padding-inline-start: 0; counter-reset: evidence; }
.silence-page .silence-flow li { counter-increment: evidence; border-block-start: 2px solid var(--teal); padding-block: 16px; min-width: 0; }
.silence-page .silence-flow li::before { content: '0' counter(evidence); display: block; color: var(--teal); font-family: var(--font-meta); font-size: 1.5rem; margin-block-end: 10px; }
.silence-page .silence-flow strong { display: block; }
.silence-page .silence-flow span { display: block; font-size: .9rem; margin-block-start: 8px; color: var(--ink-soft); }
.silence-page .silence-video { border-block-start: 1px solid var(--rule); padding-block: 28px; }
.silence-page .silence-video h3 { margin-block-start: 0; }
.silence-page .silence-video lite-youtube { width: 100%; aspect-ratio: 16 / 9; background-color: var(--ink); }
.silence-page .silence-video lite-youtube::after { padding-bottom: 0; }
.silence-page .silence-video .video-caption { margin-block-start: 14px; font-size: .95rem; }
.silence-page .silence-checklist li { margin-block-end: 16px; }
.silence-page .silence-checklist strong { color: var(--teal); }
.silence-page .silence-equal { border-block: 2px solid var(--crimson); padding-block: 24px; margin-block: 32px; text-align: center; }
.silence-page .silence-equal strong { display: block; font-family: var(--font-display); font-size: 1.8rem; line-height: 1.35; margin-block-end: 12px; }
@media (max-width: 600px) {
  .silence-page .silence-facts, .silence-page .silence-portrait { grid-template-columns: minmax(0, 1fr); }
  .silence-page .silence-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .silence-page .silence-portrait figure { max-width: 320px; }
  .silence-page .silence-note { padding: 18px; }
  .silence-page .silence-quote { padding-inline-start: 18px; }
  .silence-page .silence-quote blockquote { font-size: 1.35rem; }
}