.page-hero .historical-icon img { object-fit: contain; height: 430px; background: #eeeae2; padding: 18px; }
.page-hero .historical-photo img { object-position: center; height: 390px; }
.page-hero .publication-image img { object-fit: contain; padding: 16px; background: #eeeae2; }
.depth-article .page-lead { font-size: 18px; line-height: 1.85; }
.page-hero > div, .page-hero > figure { min-width: 0; }
.page-hero .eyebrow-line { white-space: normal; }
.depth-meta { margin: 20px 0 0; color: #697278; font: 400 11px/1.6 var(--sans); }
.article-contents { border-block: 1px solid var(--line); padding: 20px 0; margin: 5px 0 32px; }
.article-contents summary { font: 600 12px/1.6 var(--sans); cursor: pointer; color: var(--gold-dark); }
.article-contents ol { columns: 2; column-gap: 36px; margin: 15px 0 0; padding-left: 22px; }
.article-contents li { break-inside: avoid; padding: 5px 0; font: 400 13px/1.6 var(--sans); }
.article-contents a { text-decoration: underline; text-underline-offset: 3px; }
.depth-section { scroll-margin-top: 24px; }
.depth-section + .depth-section { margin-top: 38px; padding-top: 8px; }
.depth-section > p, .depth-section > ul, .depth-section > ol { font: 400 17px/1.95 var(--serif); max-width: 800px; }
.depth-section p { margin-bottom: 20px; }
.depth-section .section-sources { font: 400 11px/1.7 var(--sans); color: #657078; margin-top: -3px; }
.section-sources a { color: var(--gold-dark); text-decoration: underline; text-underline-offset: 3px; }
.historical-figure { margin: 30px 0; background: #f0ece3; padding: 20px; }
.historical-figure img { width: 100%; max-height: 440px; object-fit: contain; }
.historical-figure.is-photo img { object-fit: cover; }
.historical-figure figcaption { margin-top: 12px; font: 400 11px/1.7 var(--sans); color: #5f6a70; }
.historical-figure a { text-decoration: underline; text-underline-offset: 3px; }
.illustration-pair { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; margin-block: 30px; }
.illustration-pair .historical-figure { margin: 0; }
.illustration-pair img { height: 300px; }
.source-reading { border-top: 1px solid var(--line); margin-top: 40px; padding-top: 25px; }
.source-reading ul { padding-left: 20px; }
.source-reading li { margin: 0 0 12px; font: 400 13px/1.8 var(--sans); }
.source-reading a { text-decoration: underline; text-underline-offset: 3px; }
.succession-toolbar { display: flex; align-items: end; gap: 20px; padding: 18px; background: #eeeae2; margin: 25px 0; }
.succession-toolbar label { flex: 1; font: 600 12px/1.6 var(--sans); }
.succession-toolbar input { width: 100%; margin-top: 7px; border: 1px solid #c7c4b9; border-radius: 2px; padding: 11px 12px; background: var(--paper); color: var(--ink); font: 400 15px/1.4 var(--sans); }
.succession-count { font: 400 11px/1.6 var(--sans); margin: 0; }
.succession-table { width: 100%; border-collapse: collapse; font: 400 14px/1.7 var(--sans); }
.succession-table th { text-align: left; font-weight: 650; color: var(--gold-dark); background: #eeeae2; }
.succession-table th, .succession-table td { padding: 14px 16px; border-bottom: 1px solid var(--line); vertical-align: top; }
.succession-table td:first-child { width: 31%; font-family: var(--serif); font-weight: 600; }
.succession-table td:nth-child(2) { width: 21%; }
.succession-table td small { display: block; margin-top: 6px; font: 400 11px/1.6 var(--sans); color: #697278; }
.succession-table td { overflow-wrap: anywhere; }
.source-profile-context { border-top: 1px solid var(--line); margin-top: 30px; padding-top: 25px; }
@media (max-width: 900px) {
  .depth-article .reading-layout { grid-template-columns: minmax(0,1fr); gap: 0; }
  .depth-article .section-navigation { position: static; padding-bottom: 25px; margin-bottom: 28px; border-bottom: 1px solid var(--line); }
  .depth-article .section-navigation nav { display: flex; flex-wrap: wrap; gap: 5px 20px; }
  .depth-article .section-navigation a { padding: 5px 0; }
}
@media (max-width: 760px) {
  .page-hero .historical-icon img, .page-hero .historical-photo img { height: 330px; }
  .depth-article .page-lead { font-size: 16px; }
  .depth-section > p, .depth-section > ul, .depth-section > ol { font-size: 16px; line-height: 1.9; }
  .article-contents ol { columns: 1; }
  .illustration-pair { grid-template-columns: 1fr; }
  .historical-figure { padding: 14px; }
  .succession-table th, .succession-table td { padding: 11px 8px; font-size: 12px; }
  .succession-table td:first-child { width: 36%; }
  .succession-table td:nth-child(2) { width: 26%; }
  .succession-toolbar { flex-wrap: wrap; }
  .succession-table, .succession-table tbody, .succession-table tr, .succession-table td { display: block; }
  .succession-table thead { display: none; }
  .succession-table tr { padding: 12px; border: 1px solid var(--line); margin-bottom: 14px; background: #f5f2eb; }
  .succession-table td, .succession-table td:first-child, .succession-table td:nth-child(2) { width: 100%; padding: 8px 0; border: 0; font-size: 14px; }
  .succession-table td::before { content: attr(data-label); display: block; font: 600 10px/1.5 var(--sans); color: var(--gold-dark); text-transform: uppercase; letter-spacing: .06em; margin-bottom: 5px; }
}