/* ============================================================
   limbo-and-the-harrowing-of-hell.css — rules from styles.css used by one page, /limbo-and-the-harrowing-of-hell.
   They were moved here so that no other page downloads them; their
   order, and the comments that went with them, are as they were.
   Linked straight after styles.css (and any family sheet).
   ============================================================ */

/* Limbo, Abraham's Bosom, and the Harrowing of Hell. Two Descents into Limbo
   take turns behind the title, as the two pictures do on /sacraments: Duccio's
   panel from the Maestà is the essay's own picture (data-image, so it is also
   the thumbnail and the share card), and Mantegna's is a layer of its own that
   fades in over it every seven seconds — the script is on the page. Both are
   near-square, so cover keeps a horizontal strip; the positions keep Christ's
   head and the patriarchs' faces in it. On a phone the strip narrows to Christ:
   left of centre in Duccio, right of centre in Mantegna. */
.article-hero-limbo{
  --article-hero-position:center 30%;
  --article-hero-position-mobile:30% 32%;
  --slide-position:center 18%;
  --slide-position-mobile:60% 20%;
}
/* A real child, so with no z-index it paints over the hero's ::before and
   under its ::after and the text — exactly where the first picture sits.
   Generic so a second essay can take two pictures the same way. */
.article-hero-slide{
  position:absolute;inset:-2%;pointer-events:none;opacity:0;
  background:
    linear-gradient(180deg,rgba(26,18,11,.64) 0%,rgba(26,18,11,.78) 70%,rgba(26,18,11,.93) 100%),
    radial-gradient(ellipse at 50% 28%,rgba(201,168,90,.08),rgba(26,18,11,.34) 68%),
    var(--slide-image,none) var(--slide-position,center) / cover no-repeat;
  filter:saturate(.72) sepia(.12) contrast(1.08);transform:scale(1.025);
  transition:opacity 1.6s ease-in-out;
}
/* Both credits share one grid cell so the hero does not change height when
   they change places. */
.article-hero-credits{display:grid;}
.article-hero-credits .article-hero-credit{grid-area:1/1;opacity:0;transition:opacity 1.6s ease-in-out;}
@media(max-width:640px){
  .article-hero-slide{background-position:var(--slide-position-mobile,center);}
}
@media(prefers-reduced-motion:reduce){
  .article-hero-slide,.article-hero-credits .article-hero-credit{transition:none;}
}
@media print{.article-hero-slide{display:none;}}

/* The essay itself is a numbered study — eleven sections, most with numbered
   subsections, a five-column comparison and two appendices — so it carries a
   contents box like the Beatitudes' and numbered headings in the same voice.
   Scoped to this essay so no other essay's headings or tables change. */
.limbo-prose .limbo-provenance{
  margin:0 0 28px;font-size:16px;line-height:1.55;font-style:italic;
  color:var(--muted);text-align:left;hyphens:none;
}
.limbo-contents{
  margin:0 0 40px;padding:22px 26px;border:1px solid var(--rule);
  border-left:3px solid var(--gold);background:var(--paper-card);
}
.limbo-prose .limbo-contents-head{
  margin:0 0 12px;font-family:var(--display);font-size:12px;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep);text-align:left;
}
.limbo-contents ol{margin:0;padding-left:30px;font-family:var(--head);font-size:19px;line-height:1.45;}
.limbo-contents li{margin:0 0 4px;}
.limbo-contents li::marker{font-family:var(--display);font-size:13px;color:var(--gold-deep);}
.limbo-prose .limbo-contents-coda{margin:12px 0 0;font-family:var(--head);font-size:18px;font-style:italic;text-align:left;hyphens:none;}
.limbo-contents a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:3px;}
.limbo-prose a:focus-visible{outline:2px solid var(--gold-deep);outline-offset:2px;border-radius:2px;}
.limbo-prose > h2{
  margin:52px 0 16px;padding-top:30px;border-top:1px solid var(--rule);
  font-family:var(--head);font-size:clamp(25px,3.4vw,32px);font-weight:600;
  letter-spacing:0;line-height:1.22;color:var(--ink);
}
.limbo-prose h3{
  margin:34px 0 12px;font-family:var(--head);font-size:clamp(20px,2.4vw,23px);
  font-weight:600;line-height:1.3;color:var(--gold-deep);text-align:left;
}
.limbo-prose h2,.limbo-prose h3{scroll-margin-top:84px;}
.limbo-prose .limbo-aside{
  margin:22px 0;font-family:var(--head);font-style:italic;font-size:22px;
  line-height:1.4;color:var(--ink);text-align:center;hyphens:none;
}
.limbo-prose .limbo-verse{font-size:20px;line-height:1.5;margin:20px auto 22px;text-align:center;hyphens:none;}
.limbo-verse-ref{display:block;margin-top:8px;font-style:normal;font-size:15px;color:var(--muted);}
.limbo-table-wrap{margin:22px 0 8px;overflow-x:auto;border:1px solid var(--rule);background:var(--paper-card);}
.limbo-table-wrap:focus-visible{outline:2px solid var(--gold-deep);outline-offset:2px;}
.limbo-table{width:100%;min-width:720px;border-collapse:collapse;font-size:16px;line-height:1.45;}
.limbo-table caption{
  caption-side:top;padding:14px 14px 4px;font-family:var(--head);font-style:italic;
  font-size:17px;color:var(--muted);text-align:left;
}
.limbo-table thead th{
  padding:10px 12px;font-family:var(--display);font-size:11px;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;color:var(--gold-deep);
  text-align:left;vertical-align:bottom;border-bottom:2px solid var(--rule);
}
.limbo-table tbody th{
  padding:11px 12px;font-family:var(--head);font-size:17px;font-weight:600;
  color:var(--ink);text-align:left;vertical-align:top;border-bottom:1px solid var(--rule);
}
.limbo-table td{padding:11px 12px;border-bottom:1px solid var(--rule);vertical-align:top;}
.limbo-table tbody tr:last-child th,.limbo-table tbody tr:last-child td{border-bottom:none;}
/* The Limbo of the Fathers is the column the essay is about. */
.limbo-table thead th:nth-child(4),.limbo-table td:nth-child(4){background:rgba(201,162,75,.10);}
.limbo-prose .notes-block p{font-size:16px;line-height:1.55;color:var(--muted);text-align:left;hyphens:none;}
@media(max-width:640px){
  .limbo-contents{padding:18px 18px;}
  .limbo-contents ol{font-size:18px;}
  .limbo-prose > h2{margin-top:42px;padding-top:24px;}
  .limbo-prose .limbo-aside{font-size:20px;}
  .limbo-prose .limbo-verse{font-size:18px;}
}