/* ============================================================
   stations-of-the-cross.css — rules from styles.css used by one page, /devotions/stations-of-the-cross.
   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).
   ============================================================ */

/* ───────────────── STATIONS OF THE CROSS (DARK THEME) ───────────────── */
.sc-page{
  --sc-ink:#1a120b;
  --sc-ink-2:#241811;
  --sc-gold:#c9a24b;
  --sc-gold-soft:#e3c987;
  --sc-parchment:#efe4cf;
  --sc-parchment-dim:#bda985;
  --sc-rule:rgba(201,162,75,.28);

  background:
    radial-gradient(120% 80% at 50% -10%, rgba(201,162,75,.10), transparent 60%),
    var(--sc-ink);
  color:var(--sc-parchment);
  font-family:var(--body);
  font-size:18px;
  line-height:1.72;
  -webkit-font-smoothing:antialiased;
  padding:clamp(1.25rem,4vw,3rem) clamp(1rem,5vw,2rem) 4rem;
}
.sc-wrap{max-width:1200px;margin:0 auto;}

/* Raphael, Lo Spasimo di Sicilia (c. 1514-16) — Christ fallen beneath the cross,
   His mother reaching for Him. The band is held above centre so the cross beam
   runs behind the title and the mourning women keep the right of the frame;
   base colour from .pagehead-dark, artwork layered by .pagehead-image, as on
   the other devotion heads. */
.sc-pagehead{
  --pagehead-image:url("images/stations-of-the-cross-masthead.webp");
  --pagehead-position:center 34%;
  --pagehead-position-mobile:center 38%;
  border-bottom:1px solid rgba(201,162,75,.28);
}
.sc-pagehead .a-emblem{filter:drop-shadow(0 2px 10px rgba(201,162,75,.35)) brightness(1.1);}

.sc-section{margin:.5rem 0 0;}
.sc-step{
  display:flex;align-items:baseline;gap:.6rem;
  font-family:var(--head);font-weight:600;font-size:1.5rem;
  color:var(--sc-gold-soft);margin:0 0 .15rem;letter-spacing:.01em;
}
.sc-rubric{color:var(--sc-parchment-dim);font-style:italic;margin:.1rem 0 .7rem;font-size:.98rem;}

.sc-prayer{
  border-left:2px solid var(--sc-rule);padding:.15rem 0 .15rem 1.1rem;margin:.6rem 0;
}

.sc-station{
  background:linear-gradient(180deg, rgba(201,162,75,.06), transparent);
  border:1px solid var(--sc-rule);border-radius:14px;
  padding:0;margin:1.8rem 0;overflow:hidden;
}
.sc-station-content{
  display:flex;flex-direction:row;align-items:stretch;gap:0;
}
.sc-station-text-col{
  flex:0 0 50%;padding:1.4rem 1.5rem 1.2rem;min-width:0;
}
.sc-station-img-col{
  flex:1;min-width:0;overflow:hidden;
  border-left:1px solid var(--sc-rule);
  background:rgba(0,0,0,.2);
}
.sc-station-img{
  width:100%;height:100%;object-fit:cover;object-position:center center;
  display:block;
}
.sc-station-label{
  font-family:var(--body);font-size:.7rem;font-weight:600;letter-spacing:.18em;
  text-transform:uppercase;color:var(--sc-gold);margin:0 0 .2rem;
}
.sc-station-title{
  font-family:var(--head);font-size:1.35rem;font-weight:600;
  color:var(--sc-gold-soft);margin:0 0 .6rem;line-height:1.3;
}
.sc-versicle{
  font-style:italic;color:var(--sc-parchment);margin:.6rem 0;
  border-left:2px solid var(--sc-rule);padding:.15rem 0 .15rem 1.1rem;
}
.sc-consideration-ref{
  color:var(--sc-parchment-dim);font-style:italic;font-size:.92rem;margin:.6rem 0 .4rem;
}
.sc-consideration{
  color:var(--sc-parchment);margin:.4rem 0;
  border-left:2px solid var(--sc-rule);padding:.15rem 0 .15rem 1.1rem;
}
.sc-station-prayer{
  color:var(--sc-parchment);margin:.6rem 0;
  border-left:2px solid var(--sc-rule);padding:.15rem 0 .15rem 1.1rem;
}
.sc-commons{
  font-style:italic;color:var(--sc-parchment-dim);margin:.5rem 0 0;
  text-align:center;font-size:.98rem;
}
.sc-verse{
  font-family:var(--head);font-style:italic;text-align:center;
  color:var(--sc-gold-soft);margin:.6rem 0;line-height:1.7;font-size:1.05rem;
}
.sc-mercy{
  font-style:italic;color:var(--sc-parchment-dim);margin:.4rem 0 0;
  text-align:center;font-size:.96rem;
}

.sc-view-toggle{
  display:inline-flex;gap:0;border:1px solid var(--sc-rule);border-radius:4px;overflow:hidden;
}
.sc-view-btn{
  font-family:var(--display);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;
  padding:12px 24px;border:none;cursor:pointer;
  background:rgba(201,162,75,.08);color:var(--sc-parchment-dim);transition:background .2s,color .2s;
}

.sc-counter{
  font-family:var(--display);font-size:13px;font-weight:600;letter-spacing:.2em;
  color:var(--sc-gold);text-align:center;margin-bottom:20px;
}
.sc-nav{
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding:30px 0 40px;margin-top:10px;border-top:1px solid var(--sc-rule);
}
.sc-nav-btn{
  font-family:var(--display);font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  padding:12px 28px;border:1px solid var(--sc-rule);border-radius:4px;
  background:rgba(201,162,75,.08);color:var(--sc-gold-soft);cursor:pointer;
  transition:background .2s,color .2s,border-color .2s;
}
.sc-nav-btn:hover:not(:disabled){background:var(--sc-gold);color:var(--sc-ink);border-color:var(--sc-gold);}
.sc-nav-btn:disabled{opacity:.4;cursor:not-allowed;}

.sc-hr{border:0;height:1px;background:var(--sc-rule);margin:2.4rem 0;}
.sc-quote{
  font-family:var(--head);font-style:italic;font-size:1.45rem;line-height:1.4;
  text-align:center;color:var(--sc-parchment);margin:2.6rem auto 0;max-width:30rem;
}
.sc-colophon{
  text-align:center;color:var(--sc-parchment-dim);font-size:.88rem;
  margin:2rem 0 0;font-style:italic;line-height:1.55;
}

.sc-reflection{
  background:linear-gradient(180deg, rgba(201,162,75,.08), rgba(201,162,75,.02));
  border:1px solid var(--sc-rule);border-radius:14px;
  margin:0 0 1.8rem;overflow:hidden;
}
.sc-reflection-toggle{
  display:flex;flex-direction:column;align-items:center;
  cursor:pointer;padding:1.2rem 1.5rem;list-style:none;
  user-select:none;
}
.sc-reflection-toggle::-webkit-details-marker{display:none;}
.sc-reflection-toggle::marker{display:none;content:"";}
.sc-reflection-kicker{
  font-family:var(--body);font-size:.7rem;font-weight:600;
  letter-spacing:.18em;text-transform:uppercase;
  color:var(--sc-gold);margin-bottom:.35rem;
}
.sc-reflection-title{
  font-family:var(--head);font-size:1.35rem;font-weight:600;
  color:var(--sc-parchment);letter-spacing:.01em;
}
.sc-reflection-toggle::after{
  content:"\25BC";font-size:.55rem;color:var(--sc-parchment-dim);
  margin-top:.5rem;transition:transform .25s ease;
}
.sc-reflection[open] .sc-reflection-toggle::after{transform:rotate(180deg);}
.sc-reflection-body{
  padding:0 1.5rem 1.5rem;
  border-top:1px solid var(--sc-rule);
}
.sc-reflection-body p:first-child{margin-top:1.2rem;}
.sc-reflection-prayer{
  border-left:2px solid var(--sc-gold);
  padding:.5rem 0 .5rem 1.1rem;margin:1.2rem 0;
  font-style:italic;color:var(--sc-parchment);
}
.sc-reflection-note{
  font-size:.85rem;color:var(--sc-parchment-dim);
  margin-top:1.2rem;line-height:1.55;
}

@media(max-width:560px){
  .sc-view-btn{padding:10px 16px;font-size:10px;}
  .sc-nav-btn{padding:10px 18px;font-size:10px;}
  .sc-page{font-size:17px;}
  .sc-station-content{flex-direction:column;}
  .sc-station-img-col{width:100%;min-width:0;border-left:none;border-top:1px solid var(--sc-rule);max-height:400px;order:2;}
  .sc-station-text-col{order:1;flex:0 0 100%;}
}
@media(prefers-reduced-motion:no-preference){
  .sc-fade{opacity:0;transform:translateY(10px);animation:scIn .9s ease forwards;}
}
@media print{
  .sc-page{background:#fff !important;color:#241a10 !important;padding:0 0.5in;}
  .sc-page .sc-prayer,.sc-page .sc-versicle,.sc-page .sc-consideration,.sc-page .sc-station-prayer{border-left-color:#ccc;}
  .sc-page .sc-step{color:#333;}
  .sc-page .sc-rubric{color:#666;}
  .sc-page .sc-station{border-color:#ccc;background:none;}
  .sc-reflection{border-color:#ccc;background:none;}
  .sc-reflection-body{border-top-color:#ccc;}
  .sc-reflection[open] .sc-reflection-body{display:block;}
  .sc-reflection-kicker{color:#666;}
  .sc-reflection-title{color:#333;}
  .sc-reflection-body p{color:#241a10;}
  .sc-reflection-prayer{border-left-color:#999;color:#241a10;}
  .sc-reflection-note{color:#666;}
}