/* ============================================================
   First Temple — article (prose) pages
   Scoped to .page--first-temple-page so it never touches other guides.
   Uses the CFM design tokens (sage / gold / terracotta).
   ============================================================ */

.page--first-temple-page .page-intro--article {
  max-width: 760px;
  margin: 0 auto;
  padding: 4px 24px 96px;
}

/* ---- Body typography ---- */
.page--first-temple-page .prose {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.13rem;
  line-height: 1.85;
  color: var(--text-dark);
}
.page--first-temple-page .prose p { margin: 0; }
.page--first-temple-page .prose > * + * { margin-top: 1.7rem; }
.page--first-temple-page .prose > p:not(:first-child) { margin-top: 1.7rem; }

/* Lead paragraph + drop cap */
.page--first-temple-page .prose > p:first-of-type {
  font-size: 1.27rem;
  line-height: 1.7;
  color: var(--text-primary);
}
.page--first-temple-page .prose > p:first-of-type::first-letter {
  float: left;
  font-family: Georgia, serif;
  font-size: 3.6rem;
  line-height: 0.8;
  font-weight: 700;
  color: var(--gold);
  margin: 0.06em 0.1em 0 0;
}

/* ---- Section headings ---- */
.page--first-temple-page .prose h2 {
  font-family: Georgia, serif;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.2;
  color: var(--sage-dark);
  margin-top: 2.9rem;
  padding-top: 1.7rem;
  border-top: 1px solid var(--sage-pale);
  position: relative;
  text-wrap: balance;
}
.page--first-temple-page .prose h2::before {
  content: "";
  position: absolute;
  top: -2px; left: 0;
  width: 54px; height: 3px;
  background: var(--gold);
  border-radius: 2px;
}

/* ---- Inline emphasis ---- */
.page--first-temple-page .prose strong { color: var(--text-dark); font-weight: 700; }
.page--first-temple-page .prose em { color: var(--copper); }

/* ---- Links (but leave scripture-ref styling to the global popup layer) ---- */
/* Navigation links: gold underline ("go somewhere").
   Term/scripture links keep the global green "hover for definition" styling. */
.page--first-temple-page .prose a:not(.scripture-ref):not(.term-ref) {
  color: var(--sage-dark);
  text-decoration: none;
  border-bottom: 2px solid var(--gold-light);
  transition: border-color .15s ease, background .15s ease;
}
.page--first-temple-page .prose a:not(.scripture-ref):not(.term-ref):hover {
  border-bottom-color: var(--gold);
  background: var(--gold-pale);
}
/* Hebrew lexicon terms: green dotted underline + help cursor */
.page--first-temple-page .prose a.term-ref {
  color: var(--sage-dark);
  text-decoration: none;
  border-bottom: 1px dotted var(--sage-mid);
  cursor: help;
}
.page--first-temple-page .prose a.term-ref:hover { border-bottom-style: solid; }
.page--first-temple-page .prose a.term-ref em { font-style: italic; color: inherit; }

/* ---- Lists ---- */
.page--first-temple-page .prose ul { padding-left: 1.25em; margin: 0; }
.page--first-temple-page .prose li { margin: 0.55rem 0; padding-left: 0.2em; }
.page--first-temple-page .prose li::marker { color: var(--gold); }

/* ---- Callouts (blockquote → aside card) ---- */
.page--first-temple-page .prose blockquote {
  margin: 2.1rem 0;
  padding: 1.05rem 1.4rem;
  background: var(--gold-pale);
  border-left: 4px solid var(--gold);
  border-radius: 10px;
  font-size: 1rem;
  line-height: 1.7;
  color: var(--text-secondary);
}
.page--first-temple-page .prose blockquote p { margin: 0; }
.page--first-temple-page .prose blockquote p + p { margin-top: 0.7rem; }
.page--first-temple-page .prose blockquote strong { color: var(--sage-dark); }

/* ---- Figures ---- */
.page--first-temple-page .ft-figure { margin: 2.3rem 0; }
.page--first-temple-page .ft-figure img {
  width: 100%; height: auto; display: block;
  border-radius: 12px;
  border: 1px solid var(--border);
  box-shadow: 0 8px 26px rgba(56, 55, 49, 0.12);
  background: #fffdf6; /* clean backing for transparent prop PNGs */
}
.page--first-temple-page .ft-figure figcaption {
  margin-top: 0.7rem;
  font-family: -apple-system, system-ui, sans-serif;
  font-size: 0.82rem;
  line-height: 1.5;
  font-style: normal;
  color: var(--text-muted);
  text-align: center;
}
/* Self-framed maps (SVG carries its own parchment border) — no extra border/box, just a lift */
.page--first-temple-page .ft-figure--map img {
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  filter: drop-shadow(0 14px 32px rgba(58, 48, 28, 0.22)) drop-shadow(0 2px 5px rgba(0,0,0,.12));
}

/* ---- Interactive Jerusalem map (period toggle + info card) ---- */
.page--first-temple-page .jmap-figure { margin: 2.4rem 0; }
.page--first-temple-page .jmap__stage svg {
  width: 100%; height: auto; display: block;
  filter: drop-shadow(0 14px 32px rgba(58, 48, 28, 0.22)) drop-shadow(0 2px 5px rgba(0,0,0,.12));
}
/* period visibility — hide later walls in earlier periods */
.page--first-temple-page .jmap[data-period="david"] #Hezekiah_s_Expansion,
.page--first-temple-page .jmap[data-period="david"] #Modern_Wall,
.page--first-temple-page .jmap[data-period="hezekiah"] #Modern_Wall { display: none; }
/* hide the matching hover hit-strokes too */
.page--first-temple-page .jmap[data-period="david"] .jmap-hit[data-period="hezekiah"],
.page--first-temple-page .jmap[data-period="david"] .jmap-hit[data-period="today"],
.page--first-temple-page .jmap[data-period="hezekiah"] .jmap-hit[data-period="today"] { display: none; }
.page--first-temple-page .jmap-hit { fill: none; stroke: transparent; stroke-width: 16px; pointer-events: stroke; cursor: pointer; }
/* hover highlight of the live wall */
.page--first-temple-page .jmap--hover-david #Old_City_Wall_David_,
.page--first-temple-page .jmap--hover-hezekiah #Hezekiah_s_Expansion,
.page--first-temple-page .jmap--hover-today #Modern_Wall { filter: drop-shadow(0 0 2.5px rgba(40,30,10,.6)); }
/* controls */
.page--first-temple-page .jmap__controls { display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: center; margin: 1.1rem 0 0.5rem; }
.page--first-temple-page .jmap__btn {
  font-family: Georgia, serif; font-size: 0.94rem; line-height: 1.15;
  background: var(--gold-pale); color: var(--sage-dark);
  border: 1px solid var(--border); border-radius: 9px; padding: 0.45rem 0.85rem;
  cursor: pointer; display: flex; flex-direction: column; align-items: center;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.page--first-temple-page .jmap__btn small { font-size: 0.72rem; color: var(--text-muted); margin-top: 1px; font-family: -apple-system, system-ui, sans-serif; }
.page--first-temple-page .jmap__btn:hover { border-color: var(--gold); }
.page--first-temple-page .jmap__btn.is-active { background: var(--sage-dark); color: #fff; border-color: var(--sage-dark); }
.page--first-temple-page .jmap__btn.is-active small { color: rgba(255,255,255,0.82); }
/* info card */
.page--first-temple-page .jmap__info {
  max-width: 620px; margin: 0.5rem auto 0; padding: 0.75rem 1.05rem;
  background: var(--gold-pale); border-left: 4px solid var(--gold); border-radius: 8px;
  font-size: 0.94rem; line-height: 1.55; color: var(--text-secondary);
}
.page--first-temple-page .jmap__date { color: var(--copper); font-style: italic; }
.page--first-temple-page .jmap__cap {
  margin-top: 0.8rem; font-family: -apple-system, system-ui, sans-serif;
  font-size: 0.82rem; line-height: 1.5; color: var(--text-muted); text-align: center;
}
/* ---- Interactive temple-interior scenes (clickable furnishings) ---- */
.page--first-temple-page .tscene { margin: 2.4rem 0; }
.page--first-temple-page .tscene__stage {
  position: relative; line-height: 0; border-radius: 12px; overflow: hidden;
  box-shadow: 0 12px 32px rgba(40, 30, 10, 0.30);
}
.page--first-temple-page .tscene__img { width: 100%; height: auto; display: block; }
.page--first-temple-page .tscene__svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.page--first-temple-page .tscene__hot { cursor: pointer; outline: none; }
.page--first-temple-page .tscene__rect {
  fill: rgba(255, 240, 200, 0); stroke: rgba(255, 236, 180, 0); stroke-width: 3;
  transition: fill .15s ease, stroke .15s ease;
}
.page--first-temple-page .tscene__hot:hover .tscene__rect,
.page--first-temple-page .tscene__hot:focus .tscene__rect,
.page--first-temple-page .tscene__hot.is-active .tscene__rect {
  fill: rgba(255, 242, 205, 0.16); stroke: rgba(255, 236, 180, 0.95);
}
.page--first-temple-page .tscene__dot {
  fill: #ffe9a8; stroke: #7a5c2e; stroke-width: 2; r: 17px;
  animation: tscene-pulse 2.1s ease-in-out infinite;
}
.page--first-temple-page .tscene__hot:hover .tscene__dot,
.page--first-temple-page .tscene__hot:focus .tscene__dot,
.page--first-temple-page .tscene__hot.is-active .tscene__dot { fill: #ffffff; animation: none; }
@keyframes tscene-pulse { 0%, 100% { r: 15px; opacity: .8; } 50% { r: 19px; opacity: 1; } }
/* number sitting inside each marker */
.page--first-temple-page .tscene__num {
  fill: #5a3d10; font-family: Georgia, serif; font-weight: 700; font-size: 22px;
  pointer-events: none; user-select: none;
}
.page--first-temple-page .tscene__hot.is-active .tscene__num { fill: #2f2208; }
/* step badge in the open description's title */
.page--first-temple-page .tscene__step {
  display: inline-flex; align-items: center; justify-content: center;
  width: 1.55em; height: 1.55em; margin-right: 0.5em; vertical-align: -0.18em;
  background: var(--gold); color: #fff; border-radius: 50%;
  font-size: 0.82em; font-weight: 700;
}
.page--first-temple-page .tscene__panel {
  margin-top: 0.9rem; padding: 0.85rem 1.1rem; min-height: 3.4rem;
  background: var(--gold-pale); border-left: 4px solid var(--gold); border-radius: 8px;
  font-size: 0.95rem; line-height: 1.6; color: var(--text-secondary);
}
.page--first-temple-page .tscene__desc { overflow: hidden; }
.page--first-temple-page .tscene__pic {
  float: left; width: 132px; height: auto; margin: 0.15rem 1rem 0.4rem 0;
  background: #fffdf6; border: 1px solid var(--border); border-radius: 8px;
  box-shadow: 0 4px 12px rgba(56, 55, 49, 0.12);
}
.page--first-temple-page .tscene__title { margin: 0 0 0.3rem; font-family: Georgia, serif; font-size: 1.08rem; color: var(--sage-dark); }
.page--first-temple-page .tscene__panel p { margin: 0; }
/* folded insights: space successive paragraphs, and set off the bold lead-ins */
.page--first-temple-page .tscene__desc p + p { margin-top: 0.7rem; }
.page--first-temple-page .tscene__desc strong { color: var(--sage-dark); }
.page--first-temple-page .tscene__desc a { color: var(--sage-dark); border-bottom: 1px solid var(--gold-light); text-decoration: none; }
/* embedded archaeological-evidence photo inside a popup */
.page--first-temple-page .tscene__evidence { clear: both; margin: 1rem auto 0.2rem; max-width: 320px; }
.page--first-temple-page .tscene__evidence img {
  width: 100%; height: auto; display: block; border-radius: 8px;
  border: 1px solid var(--border); background: #fffdf6;
  box-shadow: 0 4px 14px rgba(56, 55, 49, 0.16);
}
.page--first-temple-page .tscene__evidence figcaption {
  margin-top: 0.5rem; font-family: -apple-system, system-ui, sans-serif;
  font-size: 0.74rem; line-height: 1.45; color: var(--text-muted); text-align: center;
}
.page--first-temple-page .tscene__evidence figcaption a { border-bottom: 1px dotted var(--text-muted); }
@media (max-width: 520px) {
  .page--first-temple-page .tscene__pic { width: 96px; margin-right: 0.7rem; }
}
.page--first-temple-page .tscene__hint { font-style: italic; color: var(--text-muted); margin: 0; }
.page--first-temple-page .tscene__cap {
  margin-top: 0.7rem; font-family: -apple-system, system-ui, sans-serif;
  font-size: 0.82rem; line-height: 1.5; color: var(--text-muted); text-align: center;
}
.page--first-temple-page .ft-figure--lead { margin: 0.4rem 0 2.6rem; }
.page--first-temple-page .ft-figure--right {
  float: right; width: 44%;
  margin: 0.5rem 0 1.4rem 1.9rem;
}
.page--first-temple-page .ft-figure--left {
  float: left; width: 44%;
  margin: 0.5rem 1.9rem 1.4rem 0;
}

@media (max-width: 640px) {
  .page--first-temple-page .ft-figure--right,
  .page--first-temple-page .ft-figure--left { float: none; width: 100%; margin: 2rem 0; }
  .page--first-temple-page .prose { font-size: 1.06rem; line-height: 1.8; }
  .page--first-temple-page .prose > p:first-of-type { font-size: 1.16rem; }
  .page--first-temple-page .prose h2 { font-size: 1.42rem; }
  .page--first-temple-page .page-intro--article { padding: 4px 18px 72px; }
}

/* ============================================================
   Temple Mount — "dig-down" strata timeline
   ============================================================ */
.page--first-temple-page .tmln { margin: 2.4rem 0 1.6rem; --ev-standing: #5b7553; --ev-excavated: #9c6638; --ev-reconstructed: #b07a3c; --ev-believed: #5a6b86; }

.page--first-temple-page .tmln__legend { display:flex; flex-wrap:wrap; gap:0.4rem 1.1rem; justify-content:center; margin-bottom:0.9rem; font-family:-apple-system,system-ui,sans-serif; font-size:0.78rem; color:var(--text-muted); }
.page--first-temple-page .tmln__key { display:inline-flex; align-items:center; }
.page--first-temple-page .tmln__key::before { content:""; width:12px; height:12px; border-radius:50%; margin-right:0.4rem; }
.page--first-temple-page .tmln__key[data-evidence="standing"]::before { background: var(--ev-standing); }
.page--first-temple-page .tmln__key[data-evidence="excavated"]::before { background: var(--ev-excavated); }
.page--first-temple-page .tmln__key[data-evidence="reconstructed"]::before { background:#fff; border:2px dashed var(--ev-reconstructed); }
.page--first-temple-page .tmln__key[data-evidence="believed"]::before { background:#fff; border:2px dotted var(--ev-believed); }

.page--first-temple-page .tmln__hint { text-align:center; font-style:italic; color:var(--text-secondary); margin:0 0 0.5rem; font-size:0.95rem; }
.page--first-temple-page .tmln__hint strong { font-style:normal; color:var(--sage-dark); }
.page--first-temple-page .tmln__controls { text-align:center; margin:0 0 0.8rem; }
.page--first-temple-page .tmln__toggle-all { font-family:-apple-system,system-ui,sans-serif; font-size:0.8rem; color:var(--sage-dark); background:var(--gold-pale); border:1px solid var(--border); border-radius:8px; padding:0.35rem 0.9rem; cursor:pointer; transition:border-color .15s ease, background .15s ease; }
.page--first-temple-page .tmln__toggle-all:hover { border-color:var(--gold); background:var(--gold-light); }
.page--first-temple-page .tmln__toggle-all:focus-visible { outline:2px solid var(--gold); outline-offset:2px; }
/* scroll-reveal (only active once JS adds .tmln--reveal; no-JS shows all).
   Slide only — opacity is never touched, so an era can NEVER be stuck invisible;
   worst case is a harmless few-pixel offset. Not-yet-revealed eras sit slightly low
   and rise into place as they scroll in. */
.page--first-temple-page .tmln--reveal .tmln__era { transition:transform .55s ease; }
.page--first-temple-page .tmln--reveal .tmln__era:not(.is-revealed) { transform:translateY(18px); }
@media (prefers-reduced-motion: reduce) {
  .page--first-temple-page .tmln--reveal .tmln__era { transition:none; transform:none; }
}

.page--first-temple-page .tmln__list {
  list-style:none; margin:0; padding:0; position:relative; border-radius:12px; overflow:hidden;
  background: linear-gradient(180deg, #f7f1e4 0%, #efe6d2 45%, #e4d8bf 80%, #d8c9aa 100%);
  border:1px solid var(--border);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.5), 0 10px 28px rgba(58,48,28,.12);
}
.page--first-temple-page .tmln__list::before { content:""; position:absolute; top:0; bottom:0; left:30px; width:2px; background: rgba(90,70,40,.26); }

.page--first-temple-page .tmln__era { position:relative; border-top:1px solid rgba(120,95,55,.16); }
.page--first-temple-page .tmln__era:first-child { border-top:none; }

.page--first-temple-page .tmln__head {
  display:grid; grid-template-columns:60px 1fr auto; align-items:center; gap:0.15rem 0.9rem;
  width:100%; text-align:left; background:none; border:none; cursor:pointer;
  padding:0.95rem 1.1rem 0.95rem 0; font-family:Georgia,serif; color:var(--text-dark);
}
.page--first-temple-page .tmln__head:hover { background: rgba(255,255,255,.34); }
.page--first-temple-page .tmln__head:focus-visible { outline:2px solid var(--gold); outline-offset:-2px; }
.page--first-temple-page .tmln__era.is-open .tmln__head { background: rgba(255,255,255,.42); }

.page--first-temple-page .tmln__marker { grid-column:1; grid-row:1 / span 2; justify-self:center; width:16px; height:16px; border-radius:50%; background:#fff; box-shadow:0 0 0 3px #f3ecdc; }
.page--first-temple-page .tmln__era[data-evidence="standing"] .tmln__marker { background: var(--ev-standing); }
.page--first-temple-page .tmln__era[data-evidence="excavated"] .tmln__marker { background: var(--ev-excavated); }
.page--first-temple-page .tmln__era[data-evidence="reconstructed"] .tmln__marker { background:#fff; border:2.5px dashed var(--ev-reconstructed); }
.page--first-temple-page .tmln__era[data-evidence="believed"] .tmln__marker { background:#fff; border:2.5px dotted var(--ev-believed); }

.page--first-temple-page .tmln__when { grid-column:2; grid-row:1; font-family:-apple-system,system-ui,sans-serif; font-size:0.72rem; letter-spacing:.03em; text-transform:uppercase; color:var(--copper); }
.page--first-temple-page .tmln__title { grid-column:2; grid-row:2; font-size:1.12rem; font-weight:700; color:var(--sage-dark); line-height:1.25; text-wrap:balance; }
.page--first-temple-page .tmln__tag { grid-column:3; grid-row:1 / span 2; align-self:center; justify-self:end; font-family:-apple-system,system-ui,sans-serif; font-size:0.66rem; font-weight:700; padding:0.22rem 0.55rem; border-radius:999px; white-space:nowrap; }
.page--first-temple-page .tmln__era[data-evidence="standing"] .tmln__tag { background: rgba(91,117,83,.16); color:#3f5639; }
.page--first-temple-page .tmln__era[data-evidence="excavated"] .tmln__tag { background: rgba(156,102,56,.17); color:#7a4f24; }
.page--first-temple-page .tmln__era[data-evidence="reconstructed"] .tmln__tag { background: rgba(176,122,60,.18); color:#855423; }
.page--first-temple-page .tmln__era[data-evidence="believed"] .tmln__tag { background: rgba(90,107,134,.18); color:#41506a; }

.page--first-temple-page .tmln__panel { padding:0.2rem 1.2rem 1.4rem 4rem; }
.page--first-temple-page .tmln__body { font-size:1.02rem; line-height:1.75; color:var(--text-dark); }
.page--first-temple-page .tmln__body p { margin:0; }
.page--first-temple-page .tmln__fig { margin:0 0 1rem; max-width:340px; }
.page--first-temple-page .tmln__fig img { width:100%; height:auto; display:block; border-radius:8px; border:1px solid var(--border); background:#fffdf6; box-shadow:0 6px 18px rgba(56,55,49,.16); }
.page--first-temple-page .tmln__fig figcaption { margin-top:0.45rem; font-family:-apple-system,system-ui,sans-serif; font-size:0.76rem; line-height:1.45; color:var(--text-muted); text-align:center; }
.page--first-temple-page .tmln__note { margin-top:0.95rem; padding:0.7rem 0.95rem; background: rgba(255,253,246,.72); border-left:3px solid var(--gold); border-radius:8px; font-size:0.92rem; line-height:1.6; color:var(--text-secondary); }
.page--first-temple-page .tmln__note p { margin:0; }
.page--first-temple-page .tmln__era[data-evidence="reconstructed"] .tmln__note { border-left-color: var(--ev-reconstructed); }
.page--first-temple-page .tmln__era[data-evidence="believed"] .tmln__note { border-left-color: var(--ev-believed); }

.page--first-temple-page .tmln__floor { text-align:center; margin:0.65rem 0 0; font-family:-apple-system,system-ui,sans-serif; font-size:0.72rem; letter-spacing:.1em; text-transform:uppercase; color:var(--text-muted); }
.page--first-temple-page .tmln__floor em { font-style:italic; letter-spacing:0; text-transform:none; }

@media (max-width: 560px) {
  .page--first-temple-page .tmln__head { grid-template-columns:46px 1fr; padding-right:0.6rem; }
  .page--first-temple-page .tmln__tag { grid-column:2; grid-row:3; justify-self:start; margin-top:0.35rem; }
  .page--first-temple-page .tmln__panel { padding-left:2.7rem; padding-right:0.9rem; }
  .page--first-temple-page .tmln__list::before { left:22px; }
}

/* ============================================================
   Scripture Echoes — side-by-side parallel passages, shared
   phrases cross-highlight on hover/tap.
   ============================================================ */
.page--first-temple-page .secho { margin: 2.4rem 0; }
.page--first-temple-page .secho__eyebrow { font-family:-apple-system,system-ui,sans-serif; font-size:0.72rem; letter-spacing:.08em; text-transform:uppercase; color:var(--copper); text-align:center; margin:0 0 0.35rem; }
.page--first-temple-page .secho__lead { text-align:center; font-size:0.98rem; line-height:1.6; color:var(--text-secondary); max-width:660px; margin:0 auto 1.25rem; }
.page--first-temple-page .secho__lead em { color:var(--sage-dark); }
.page--first-temple-page .secho__cols { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.page--first-temple-page .secho__cols--three { grid-template-columns:repeat(3, 1fr); gap:0.8rem; }
.page--first-temple-page .secho__col { background:var(--gold-pale); border:1px solid var(--border); border-radius:10px; padding:1rem 1.1rem; }
.page--first-temple-page .secho__label { font-family:-apple-system,system-ui,sans-serif; font-size:0.76rem; font-weight:700; letter-spacing:.02em; color:var(--sage-dark); margin:0 0 0.6rem; padding-bottom:0.45rem; border-bottom:1px solid var(--border); }
.page--first-temple-page .secho__text { font-family:Georgia,serif; font-size:1.04rem; line-height:1.75; color:var(--text-dark); }
.page--first-temple-page .secho__text p { margin:0; }
.page--first-temple-page .secho__text p + p { margin-top:0.7rem; }
.page--first-temple-page mark.echo {
  background:transparent; color:inherit; border-bottom:2px solid var(--gold-light);
  border-radius:3px; padding:0 1px; cursor:pointer;
}
.page--first-temple-page mark.echo:hover,
.page--first-temple-page mark.echo:focus,
.page--first-temple-page mark.echo.is-lit { background:var(--gold); color:#3a2f14; border-bottom-color:var(--gold); outline:none; }
.page--first-temple-page .secho__note { margin-top:1rem; font-size:0.92rem; line-height:1.6; color:var(--text-secondary); background:rgba(255,253,246,.72); border-left:3px solid var(--gold); border-radius:8px; padding:0.7rem 0.95rem; }
.page--first-temple-page .secho__note p { margin:0; }
/* image-pair echoes (e.g. the Gathering) */
.page--first-temple-page .secho__fig { margin:0; }
.page--first-temple-page .secho__fig img { width:100%; height:auto; display:block; border-radius:8px; border:1px solid var(--border); background:#fffdf6; box-shadow:0 6px 18px rgba(56,55,49,.18); }
.page--first-temple-page .secho__fig figcaption { margin-top:0.55rem; font-family:Georgia,serif; font-size:0.94rem; line-height:1.6; color:var(--text-secondary); }
@media (max-width:560px) {
  .page--first-temple-page .secho__cols { grid-template-columns:1fr; }
}