/* Glory Edit posts generated by tools/build_blog.py (video + carousel + CTA + email box).
   Loaded only on generated pages. Uses the same variables and fonts as the rest of /edit. */
.article-prose .ep-video { position: relative; aspect-ratio: 16 / 9; margin: 0 0 28px; background: var(--burgundy-dark); border-radius: 4px; overflow: hidden; box-shadow: 0 14px 36px rgba(50,2,2,.16); }
.article-prose .ep-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

.ep-label { font-family: var(--sans); font-size: 11px; font-weight: 700; letter-spacing: .3em; text-transform: uppercase; color: var(--copper); margin: 34px 0 12px; }
.ep-eyebrow { font-family: var(--display); font-size: 11px; font-weight: 700; letter-spacing: .3em; text-transform: uppercase; color: var(--gold); margin-bottom: 10px; }

.ep-chapters { list-style: none; margin: 0 0 36px; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 28px; border-top: 1px solid var(--rule); }
.ep-chapters li { border-bottom: 1px solid var(--rule); }
.ep-chapters a { display: flex; gap: 14px; align-items: baseline; padding: 10px 2px; text-decoration: none; color: var(--ink); font-family: var(--sans); font-size: 15px; line-height: 1.35; }
.ep-chapters a:hover span { color: var(--copper); }
.ep-chapters b { font-family: var(--display); font-weight: 600; font-size: 13px; letter-spacing: .06em; color: var(--burgundy-dark); flex: 0 0 auto; min-width: 3.2em; }

.article-prose .article-h3.ep-sub { font-size: clamp(20px, 2vw, 26px); margin-top: 30px; }
.article-prose .ep-list { font-family: var(--serif); font-size: clamp(19px, 1.4vw, 22px); line-height: 1.65; color: var(--ink); margin: 0 0 24px; padding-left: 1.3em; }
.article-prose .ep-list li { margin-bottom: 8px; }
.article-prose a { color: var(--copper); }
.article-prose .ep-fig { margin: 34px 0; }
.article-prose .ep-fig img { width: 100%; height: auto; display: block; }
.article-prose .ep-fig figcaption { font-family: var(--sans); font-size: 13px; color: var(--ink-faint); margin-top: 8px; }

.ep-car { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 4px 2px 14px; -webkit-overflow-scrolling: touch; outline-offset: 4px; }
.ep-car figure { flex: 0 0 min(78%, 340px); margin: 0; scroll-snap-align: start; }
.ep-car img { width: 100%; height: auto; display: block; border-radius: 6px; box-shadow: 0 8px 22px rgba(50,2,2,.18); }
.ep-car figcaption { font-family: var(--sans); font-size: 12px; color: var(--ink-faint); margin-top: 6px; }
.ep-dl { display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: center; font-family: var(--sans); font-size: 13px; color: var(--ink-faint); margin: 4px 0 8px; }
.ep-dl a { color: var(--copper); text-decoration: none; border-bottom: 1px solid var(--copper); }

.ep-credit { font-family: var(--sans); font-size: 13px; line-height: 1.55; color: var(--ink-faint); margin: 34px 0 20px; padding-top: 14px; border-top: 1px solid var(--rule); }
.article-prose .ep-sign { font-family: var(--serif); font-style: italic; font-weight: 500; font-size: clamp(20px, 1.8vw, 24px); line-height: 1.45; color: var(--burgundy); margin: 0 0 34px; }

.ep-cta, .ep-mail { margin: 34px 0; padding: clamp(26px, 4vw, 40px); border-radius: 4px; }
.ep-cta { background: linear-gradient(135deg, #320202 0%, #4A0404 100%); color: var(--ivory); }
.ep-cta h3, .ep-mail h3 { font-family: var(--display); font-weight: 600; font-size: clamp(24px, 2.8vw, 34px); line-height: 1.08; margin: 0 0 12px; }
.ep-cta h3 { color: var(--ivory); }
.article-prose .ep-cta p, .article-prose .ep-mail p { font-family: var(--serif); font-size: 18px; line-height: 1.55; margin: 0 0 20px; }
.article-prose .ep-cta p { color: rgba(239,226,212,.82); }
.ep-mail { background: var(--paper-soft); border: 1px solid var(--rule); border-left: 3px solid var(--copper); }
.ep-mail h3 { color: var(--burgundy-dark); }
.ep-mail form { display: flex; gap: 10px; flex-wrap: wrap; }
.ep-mail input { flex: 1 1 220px; min-width: 0; padding: 14px 16px; font-family: var(--sans); font-size: 16px; color: var(--ink); background: #fff; border: 1px solid var(--rule); border-radius: 999px; outline: none; }
.ep-mail input:focus { border-color: var(--gold); }
.article-prose .ep-mail .ep-fine { font-family: var(--sans); font-size: 12.5px; color: var(--ink-faint); margin: 12px 0 0; }
.ep-msg { flex: 1 1 100%; min-height: 18px; font-family: var(--sans); font-size: 13.5px; color: var(--ink-soft); }
.ep-btn { display: inline-block; font-family: var(--display); font-size: 13px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; text-decoration: none; padding: 15px 26px; background: var(--gold); color: var(--burgundy-dark); border: 1px solid var(--gold); border-radius: 999px; cursor: pointer; transition: background .2s, border-color .2s; }
.ep-btn:hover { background: var(--ivory); border-color: var(--ivory); }
.ep-mail .ep-btn:hover { background: var(--burgundy-dark); border-color: var(--burgundy-dark); color: var(--ivory); }
.ep-btn[disabled] { opacity: .6; cursor: default; }

@media (max-width: 640px) {
  .ep-chapters { grid-template-columns: 1fr; }
  .ep-car figure { flex-basis: 82%; }
}