/* ============================================================
   bitter-cup-theological-analysis.css — bitter-cup-theological-analysis's own styles, moved out of the <style>
   block that followed styles.css in bitter-cup-theological-analysis.html.
   Linked from the same place in the page, so the order is unchanged.
   ============================================================ */

/* The page's own paper is set on its content rather than :root: the header's
   cream is the site's --paper, and a page --paper on :root was tinting it. */
:root{--ink:#251d18;--soft:#5f5145;--panel:#ede3d1;--rule:rgba(37,29,24,.18);--claret:#6e2230;--gold:#a9802f;}
:where(main, footer){--paper:#f5efe4;}
*{box-sizing:border-box} html{-webkit-text-size-adjust:100%;scroll-behavior:smooth} body{margin:0;background:#f5efe4;color:var(--ink);font-family:"Spectral",Georgia,serif;font-size:1.08rem;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;}
:where(main, footer) a{color:var(--claret);text-decoration:none;border-bottom:1px solid rgba(110,34,48,.3)} :where(main, footer) a:hover{border-bottom-color:var(--claret)}
/* The header is /bitter-cup-meditation's, so the two halves of the pair read
   as one: the same El Greco under the same darkening, the chalice emblem, and
   a centred Cinzel title in light text. */
.mast{position:relative;overflow:hidden;padding:48px 1.25rem 4.25rem;border-bottom:1px solid rgba(201,162,75,.28);background:linear-gradient(180deg,var(--espresso) 0%,#251910 60%,var(--espresso) 100%);color:var(--paper);text-align:center}
.mast::before{content:"";position:absolute;inset:-2%;display:block;pointer-events:none;background:linear-gradient(180deg,rgba(26,18,11,.6) 0%,rgba(26,18,11,.76) 70%,rgba(26,18,11,.93) 100%),radial-gradient(ellipse at 50% 28%,rgba(201,168,90,.08),rgba(26,18,11,.34) 68%),url("/.netlify/images?url=/images/bitter-cup/agony-in-the-garden.webp&w=1600&q=78") center 32% / cover no-repeat;filter:saturate(.72) sepia(.12) contrast(1.08);transform:scale(1.025)}
.mast::after{content:"";position:absolute;inset:0;display:block;pointer-events:none;background:linear-gradient(90deg,rgba(18,11,6,.54),transparent 25%,transparent 75%,rgba(18,11,6,.54))}
.mast-inner{position:relative;z-index:2;max-width:var(--measure);margin:0 auto;padding:0 32px}
.crumb{font-family:var(--display);font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--champagne);border-bottom-color:rgba(232,213,160,.45)}
.crumb:hover,.crumb:focus-visible{color:#f5ecd6;border-bottom-color:#f5ecd6}
.mast :focus-visible{outline:2px solid var(--champagne);outline-offset:3px}
.mast-emblem{display:block;width:84px;height:auto;margin:26px auto 14px;filter:drop-shadow(0 0 30px rgba(201,168,90,.44)) brightness(1.08)}
.kicker{font-family:var(--display);font-weight:600;margin:0 0 12px;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--champagne)}
.mast h1{font-family:var(--display);font-size:clamp(30px,5.2vw,52px);line-height:1.08;letter-spacing:.04em;margin:0 0 10px;font-weight:600;color:#f5ecd6;text-shadow:0 3px 24px rgba(0,0,0,.36)}
.dek{max-width:620px;margin:14px auto 0;color:var(--muted-dark);font-family:var(--body);font-size:19px;line-height:1.6}
.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.5rem}.button{appearance:none;border:1px solid rgba(198,162,92,.55);background:#c6a25c;color:#1b120f;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:2.8rem;padding:.6rem 1rem;font:600 .78rem/1 "Spectral",Georgia,serif;letter-spacing:.11em;text-transform:uppercase;cursor:pointer}.button:hover{filter:brightness(1.04)}
@media(max-width:640px){.mast{padding:36px 0 3.75rem}.mast-inner{padding:0 22px}}
.bcta-main{max-width:58rem;margin:-1.9rem auto 0;padding:0 1.25rem 4rem}.report{background:#fffaf0;border:1px solid var(--rule);box-shadow:0 1.25rem 3rem rgba(37,29,24,.10);padding:clamp(1.3rem,4vw,3.25rem)}
.report h1{display:none}.report h2,.report h3,.report h4{font-family:"Cormorant Garamond",serif;line-height:1.12;color:var(--ink)}.report h2{font-size:clamp(1.85rem,4vw,2.5rem);margin:2.8rem 0 .95rem;padding-top:.4rem;border-top:1px solid var(--rule)}.report h2:first-of-type{margin-top:0;border-top:0}.report h3{font-size:1.45rem;margin:2rem 0 .7rem}.report h4{font-size:1.2rem;margin:1.5rem 0 .5rem}.report p{margin:0 0 .85em}.report ul,.report ol{padding-left:1.45rem;margin:0 0 1.15rem}.report li{margin:.34rem 0}.report hr{border:0;border-top:1px solid var(--rule);margin:2rem 0}.report strong{font-weight:600}.report code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:var(--panel);padding:.08rem .25rem}
@media print{body{background:#fff;color:#111;font-size:11.5pt}.mast{background:#fff;color:#111;padding:0;border:0;text-align:left}.mast::before,.mast::after,.mast-emblem{display:none}.mast h1{color:#111;text-shadow:none}.mast-inner,.report,.bcta-main{max-width:none;margin:0;padding:0;border:0;box-shadow:none}.crumb,.actions{display:none}.kicker{color:#555}.dek{color:#333}.report h2{break-after:avoid}.report a{color:#111;border:0;text-decoration:none}}
