/* ═══════════════════════════════════════════════
   A HOLY HOUR — the printable booklet, /devotions/holy-hour
   ═══════════════════════════════════════════════
   Set like a small missal or prayer card book: black text, red rubrics and
   initials (rubrication), ✠ before each part, Cinzel capitals for the heads,
   Latin beside the English for the hymns. The prayers themselves are the
   same elements as on /devotions/eucharistic-adoration, ea- classes and all,
   restyled here under .hh — so this sheet never needs to touch
   eucharistic-adoration.css and the wording on the two pages stays the same.

   The page is a 5.5 × 8.5 in half-letter leaf (it prints on A5 as well with
   the browser's "fit"). On screen each leaf is drawn as a sheet of paper. */

@page{size:5.5in 8.5in;margin:.6in .6in .7in;}

:root{
  --hh-ink:#1d1712;
  --hh-red:#9e1b14;
  --hh-red-soft:#a5342b;
  --hh-gold:#8a6a26;
  --hh-paper:#fffdf7;
  --hh-desk:#e9e1cf;
  --hh-rule:#cbb88c;
}
*{box-sizing:border-box;}
html{background:var(--hh-desk);}
body.hh{
  margin:0;color:var(--hh-ink);
  font-family:"EB Garamond",Georgia,serif;font-size:11.5pt;line-height:1.42;
  -webkit-print-color-adjust:exact;print-color-adjust:exact;
}

/* ── Screen toolbar ───────────────────────────── */
.hh-toolbar{
  position:sticky;top:0;z-index:5;
  display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:center;
  padding:12px 16px;background:#1a120b;border-bottom:1px solid rgba(201,168,90,.35);
  font-family:"Cinzel",serif;font-size:12px;letter-spacing:.14em;text-transform:uppercase;
}
.hh-toolbar a,.hh-toolbar button{
  display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 16px;
  font:inherit;letter-spacing:inherit;text-transform:inherit;text-decoration:none;cursor:pointer;
  color:#f6f1e6;background:transparent;border:1px solid rgba(201,168,90,.5);border-radius:2px;
}
.hh-toolbar .hh-back{border-color:transparent;color:#c9a85a;}
.hh-toolbar .hh-primary{background:#c9a85a;color:#1a120b;border-color:#c9a85a;}
.hh-toolbar a:hover,.hh-toolbar button:hover{border-color:#e3c987;color:#e3c987;}
.hh-toolbar .hh-primary:hover{background:#e3c987;color:#1a120b;}
.hh-toolbar a:focus-visible,.hh-toolbar button:focus-visible{outline:2px solid #e3c987;outline-offset:3px;}
.hh-tip{
  max-width:5.5in;margin:18px auto 0;padding:0 16px;text-align:center;
  font-style:italic;font-size:15px;color:#5a4a33;
}

/* ── The leaves ───────────────────────────────── */
.hh-book{padding:22px 12px 60px;}
.hh-leaf{
  width:5.5in;max-width:100%;min-height:8.5in;margin:0 auto 22px;
  padding:.6in .6in .7in;background:var(--hh-paper);
  box-shadow:0 1px 2px rgba(0,0,0,.08),0 10px 30px -12px rgba(60,40,20,.35);
}
@media(max-width:600px){
  .hh-toolbar{position:static;gap:8px;padding:10px;font-size:11px;letter-spacing:.1em;}
  .hh-toolbar .hh-back{flex-basis:100%;justify-content:center;min-height:32px;padding:4px;}
  .hh-toolbar a,.hh-toolbar button{padding:8px 12px;}
  .hh-book{padding:14px 0 40px;}
  .hh-leaf{min-height:0;padding:34px 22px 40px;margin-bottom:12px;}
}

/* ── Cover ────────────────────────────────────── */
.hh-cover{
  display:flex;flex-direction:column;align-items:center;justify-content:space-between;
  text-align:center;border:0;
  background:
    linear-gradient(var(--hh-paper),var(--hh-paper)) padding-box,
    var(--hh-paper);
  position:relative;
}
.hh-cover::before{
  content:"";position:absolute;inset:.32in;pointer-events:none;
  border:1.5px solid var(--hh-red);outline:.5px solid var(--hh-red);outline-offset:-5px;
}
.hh-cover-top,.hh-cover-foot{position:relative;}
.hh-cover-kicker{margin:0;font-family:"Cinzel",serif;font-size:8.5pt;letter-spacing:.28em;text-transform:uppercase;color:var(--hh-red);}
.hh-cover h1{
  margin:.12in 0 .04in;font-family:"Cinzel",serif;font-weight:600;
  font-size:30pt;line-height:1.05;letter-spacing:.04em;color:var(--hh-ink);
}
.hh-cover-sub{margin:0;font-family:"Cormorant Garamond",serif;font-style:italic;font-size:15pt;color:#3a2d20;}
.hh-cover img{display:block;height:4.1in;width:auto;margin:.18in auto;}
.hh-cover-verse{margin:0;font-family:"Cormorant Garamond",serif;font-style:italic;font-size:13pt;line-height:1.35;}
.hh-cover-verse cite{display:block;margin-top:2px;font-family:"Cinzel",serif;font-style:normal;font-size:7.5pt;letter-spacing:.2em;color:var(--hh-red);}
.hh-cover-house{margin:.14in 0 0;font-family:"Cinzel",serif;font-size:8pt;letter-spacing:.24em;text-transform:uppercase;color:var(--hh-gold);}

/* ── Rubrics, heads and ornaments ─────────────── */
.hh-rubric,.hh .ea-rubric{
  margin:0 0 7pt;color:var(--hh-red);font-family:"EB Garamond",serif;font-style:italic;
  font-size:10pt;line-height:1.38;
}
.hh-part{break-inside:auto;}
.hh-part + .hh-part{margin-top:20pt;}
.hh-part-head{text-align:center;margin:0 0 10pt;break-after:avoid;}
.hh-part-head .hh-cross{display:block;color:var(--hh-red);font-size:14pt;line-height:1;margin-bottom:3pt;}
.hh-part-head h2{
  margin:0;font-family:"Cinzel",serif;font-weight:600;font-size:13pt;letter-spacing:.12em;
  text-transform:uppercase;color:var(--hh-ink);
}
.hh-part-head .hh-latin{display:block;margin-top:1pt;font-family:"Cormorant Garamond",serif;font-style:italic;font-size:11pt;color:var(--hh-red);letter-spacing:0;text-transform:none;}
.hh-part-head .hh-rubric{margin-top:6pt;}
.hh-orn{display:flex;align-items:center;justify-content:center;gap:8pt;margin:4pt auto 0;color:var(--hh-red);font-size:8pt;}
.hh-orn::before,.hh-orn::after{content:"";width:40pt;height:.5pt;background:var(--hh-rule);}

.hh-leaf-head{
  margin:0 0 14pt;padding-bottom:5pt;border-bottom:.5pt solid var(--hh-rule);
  display:flex;justify-content:space-between;
  font-family:"Cinzel",serif;font-size:7pt;letter-spacing:.2em;text-transform:uppercase;color:var(--hh-gold);
}

/* ── Prayers ──────────────────────────────────── */
.hh .ea-prayer{margin:0 0 12pt;break-inside:avoid;}
.hh .ea-prayer.hh-long{break-inside:auto;}
.hh .ea-prayer h3{
  margin:0 0 2pt;text-align:center;font-family:"Cinzel",serif;font-weight:600;
  font-size:10.5pt;letter-spacing:.1em;text-transform:uppercase;color:var(--hh-ink);
}
.hh .ea-prayer h3 + .ea-rubric{text-align:center;}
.hh .ea-lang{
  display:block;margin:6pt 0 3pt;font-family:"Cinzel",serif;font-size:7pt;font-weight:500;
  letter-spacing:.2em;text-transform:uppercase;color:var(--hh-red);
}
.hh h4.ea-lang{text-align:left;}
.hh .ea-verse p{margin:0;padding-left:1em;text-indent:-1em;}
.hh .ea-verse p.ea-stanza{margin-top:5pt;}
.hh .ea-amen{color:var(--hh-ink);font-weight:500;}
.hh .ea-repeat{display:block;margin:3pt 0 0;color:var(--hh-red);font-style:italic;font-size:9.5pt;}
.hh .ea-repeat::before{content:"\2720  ";font-style:normal;}
.hh .ea-dlg{margin:4pt 0 0;padding-left:1.4em;text-indent:-1.4em;}
.hh .ea-dlg b{color:var(--hh-red);font-weight:500;margin-right:3pt;}
.hh .ea-dlg i{color:var(--hh-red);}

/* Drop the first letter of each prayer in red, as the old books did. */
.hh .ea-prayer > .ea-verse > p:first-child::first-letter,
.hh .hh-plain > p:first-child::first-letter{
  float:left;margin:1pt 3pt 0 0;
  font-family:"Cinzel",serif;font-size:25pt;line-height:.82;color:var(--hh-red);
}
.hh .ea-prayer > .ea-verse > p:first-child{padding-left:0;text-indent:0;}

.hh .ea-parallel{display:grid;grid-template-columns:1fr 1fr;gap:12pt;font-size:10pt;line-height:1.36;}
.hh .ea-parallel > div{min-width:0;}
.hh .ea-parallel [lang="la"]{font-style:italic;}
.hh .ea-parallel .ea-lang{font-style:normal;}
.hh .ea-parallel > div + div{border-left:.5pt solid var(--hh-rule);padding-left:12pt;}

/* ── Meditations ─────────────────────────────── */
.hh .ea-med{margin:0 0 12pt;}
.hh .ea-med-kicker{display:none;}
.hh .ea-med h3{
  margin:0 0 6pt;text-align:center;font-family:"Cormorant Garamond",serif;font-style:italic;
  font-weight:600;font-size:14pt;color:var(--hh-ink);
}
.hh .ea-scripture{margin:0 0 8pt;padding:0 6pt;text-align:center;break-inside:avoid;}
.hh .ea-scripture p{margin:0;font-family:"Cormorant Garamond",serif;font-style:italic;font-size:11.5pt;line-height:1.35;}
.hh .ea-scripture cite{display:block;margin:1pt 0 5pt;font-family:"Cinzel",serif;font-style:normal;font-size:6.8pt;letter-spacing:.18em;text-transform:uppercase;color:var(--hh-red);}
.hh .ea-med > p{margin:0 0 6pt;text-align:justify;hyphens:auto;}
.hh .ea-med > p + p{text-indent:1.2em;}
.hh .ea-church{margin:6pt 10pt 8pt;padding:0;font-size:10pt;line-height:1.38;text-align:justify;break-inside:avoid;}
.hh .ea-church cite{display:block;margin-top:2pt;text-align:right;font-family:"Cinzel",serif;font-style:normal;font-size:6.8pt;letter-spacing:.14em;text-transform:uppercase;color:var(--hh-red);}
.hh .ea-silence{
  margin:8pt 0 0;padding:5pt 0 0;border-top:.5pt solid var(--hh-rule);
  text-align:center;font-style:italic;font-size:10.5pt;break-inside:avoid;
}
.hh .ea-silence b{display:block;font-family:"Cinzel",serif;font-style:normal;font-weight:500;font-size:7pt;letter-spacing:.22em;text-transform:uppercase;color:var(--hh-red);}
.hh .ea-silence b::before,.hh .ea-silence b::after{content:" \2720 ";}

/* A pause of silence between parts */
.hh-pause{margin:8pt 0 0;text-align:center;color:var(--hh-red);font-style:italic;font-size:10pt;}

/* ── Opening instructions leaf ────────────────── */
.hh-intro h2{margin:0 0 8pt;text-align:center;font-family:"Cinzel",serif;font-weight:600;font-size:12pt;letter-spacing:.12em;text-transform:uppercase;}
.hh-intro p{margin:0 0 6pt;text-align:justify;hyphens:auto;}
.hh-intro p + p{text-indent:1.2em;}
.hh-order{list-style:none;margin:8pt 0 10pt;padding:0;border-top:.5pt solid var(--hh-rule);}
.hh-order li{display:flex;justify-content:space-between;gap:8pt;padding:3pt 0;border-bottom:.5pt solid var(--hh-rule);font-size:10.5pt;}
.hh-order li span:first-child::before{content:"\2720";color:var(--hh-red);margin-right:6pt;}
.hh-order li span:last-child{font-style:italic;color:#5a4a33;white-space:nowrap;}

.hh-colophon{margin:18pt 0 0;text-align:center;font-size:8.5pt;line-height:1.45;color:#5a4a33;}
.hh-colophon b{display:block;font-family:"Cinzel",serif;font-weight:500;font-size:7.5pt;letter-spacing:.22em;text-transform:uppercase;color:var(--hh-red);margin-bottom:3pt;}

/* ── Print ────────────────────────────────────── */
@media print{
  html,body.hh{background:#fff;}
  .hh-toolbar,.hh-tip{display:none !important;}
  .hh-book{padding:0;}
  .hh-leaf{width:auto;min-height:0;margin:0;padding:0;box-shadow:none;background:none;break-after:page;}
  .hh-leaf:last-child,.hh-leaf.hh-run{break-after:auto;}
  .hh-leaf.hh-run + .hh-leaf .hh-leaf-head{display:none;}
  .hh-leaf.hh-run + .hh-leaf{margin-top:20pt;}
  .hh-cover{height:7.15in;padding:.34in .3in .3in;}
  .hh-cover::before{inset:0;}
  a{color:inherit;text-decoration:none;}
}