/* THE TECHNOLOGY OF BODY — shared essay & commentary page styling
   One canonical type scale across every cover, essay, and Sacred Commentary
   so the whole codex reads as one cohesive volume. */

.essay-cover{ margin: clamp(30px,5vh,56px) auto clamp(30px,5vh,56px); padding: 0; }
.essay-cover img{ width: 100%; display: block; border: 1px solid var(--line);
  box-shadow: 0 30px 70px -28px rgba(40,26,10,0.62), 0 2px 0 rgba(255,255,255,0.18) inset; }

.essay-wrap{ max-width: 44rem; margin: 0 auto; padding: clamp(30px,5vh,60px) clamp(24px,5vw,40px) clamp(80px,14vh,160px); }

.essay-back{ display:inline-flex; align-items:center; gap:8px; font-family:var(--fell-sc);
  text-transform:uppercase; letter-spacing:0.22em; font-size:12px; color:var(--ink-3);
  text-decoration:none; margin-bottom: clamp(40px,7vh,72px); }
.essay-back:hover{ color:var(--sanguine-2); }

.essay-head{ margin-bottom: clamp(38px,6vh,64px); }
.essay-kicker{ font-family:var(--fell-sc); text-transform:uppercase; letter-spacing:0.3em;
  font-size:13px; color:var(--sanguine-2); }

/* Canonical title scale — identical on every page, regardless of title length. */
.essay-title{ font-family:var(--display); font-weight:500; font-size:clamp(2.4rem,5.4vw,3.9rem);
  line-height:1.06; letter-spacing:-0.01em; margin:14px 0 0; padding-bottom:0.12em; color:var(--ink); }

.essay-head .essay-sub{ font-family:var(--display); font-style:italic; font-weight:300;
  font-size:clamp(1.2rem,2.4vw,1.6rem); color:var(--ink-2); margin:26px 0 0; line-height:1.35; max-width:34rem; }

.essay-meta{ display:flex; gap:18px; align-items:center; margin-top:22px;
  font-family:var(--fell-sc); text-transform:uppercase; letter-spacing:0.18em; font-size:11px; color:var(--ink-3); }
.essay-meta .dot{ width:5px;height:5px;background:var(--sanguine);transform:rotate(45deg); }

.essay-rule{ display:flex; align-items:center; gap:16px; margin:0 0 clamp(34px,5vh,56px); color:var(--line); }
.essay-rule::before,.essay-rule::after{ content:""; height:1px; background:currentColor; flex:1; }
.essay-rule .lz{ width:7px;height:7px;border:1px solid var(--ink-3);transform:rotate(45deg);flex:none; }

.essay-wrap p{ font-family:var(--serif); font-size:1.22rem; line-height:1.72; color:var(--ink);
  margin:0 0 1.45em; text-wrap:pretty; }
.essay-wrap p.drop::first-letter{ font-family:var(--display); font-weight:600; float:left;
  font-size:4.6em; line-height:0.72; padding:0.05em 0.12em 0 0; margin-top:0.02em; color:var(--sanguine); }

.essay-next{ text-align:center; margin-top:34px; }
.essay-next a{ font-family:var(--fell-sc); text-transform:uppercase; letter-spacing:0.22em;
  font-size:12px; color:var(--ink-3); text-decoration:none; border-bottom:1px solid rgba(58,44,24,0.25); padding-bottom:3px; }
.essay-next a:hover{ color:var(--sanguine-2); border-color:var(--sanguine-2); }
.essay-next .sep{ font-family:var(--fell-sc); color:var(--ink-4); font-size:12px; }

.essay-explicit{ text-align:center; margin-top: clamp(50px,8vh,90px); }
.essay-explicit .lozenge{ width:8px;height:8px;border:1px solid var(--ink-3);transform:rotate(45deg);display:inline-block; }
.essay-explicit .ex{ font-family:var(--fell-sc); text-transform:uppercase; letter-spacing:0.28em;
  font-size:12px; color:var(--sanguine-2); margin-top:22px; }
.essay-finis{ text-align:center; margin-top: 8px; font-family:var(--display); font-style:italic;
  font-weight:300; font-size:clamp(1.2rem,2.2vw,1.5rem); color:var(--ink-2); }

/* Verse / litany treatment — for essays written in single-beat lines.
   Each beat is its own line; thematic stanzas are separated by a larger gap. */
.essay-verse .stanza{ margin:0 0 1.7em; }
.essay-verse .stanza:last-of-type{ margin-bottom:0; }
.essay-verse p.verse{ font-family:var(--serif); font-size:1.24rem; line-height:1.5;
  color:var(--ink); margin:0 0 0.2em; text-wrap:pretty; }
.essay-verse p.verse:last-child{ margin-bottom:0; }
.essay-verse p.verse.drop::first-letter{ font-family:var(--display); font-weight:600; float:left;
  font-size:4.2em; line-height:0.72; padding:0.04em 0.1em 0 0; margin-top:0.02em; color:var(--sanguine); }
