@font-face{font-family:"EB Garamond";src:url(/fonts/eb-garamond.woff2) format("woff2");font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:"EB Garamond";src:url(/fonts/eb-garamond-italic.woff2) format("woff2");font-weight:400 800;font-style:italic;font-display:swap}
/* One column, large type, high contrast in both themes. The answer comes first. */
:root{
  --paper:#f7f5f0; --surface:#fff; --ink:#1b1d22; --muted:#4f5560; --line:#d9d3c7;
  --accent:#7a1f2b; --on-accent:#fff;
  --no:#a3201a; --no-bg:#fbe7e5; --yes:#1e6b34; --yes-bg:#e3f2e6; --maybe:#7a4f00; --maybe-bg:#fbf0d6;
  --serif:"EB Garamond",Garamond,Georgia,serif;
  --sans:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --paper:#14161b; --surface:#1c1f26; --ink:#f1eee8; --muted:#b9bec8; --line:#343944; --accent:#f08b8b; --on-accent:#14161b;
  --no:#ff9d94; --no-bg:#3a1d1b; --yes:#8fd9a2; --yes-bg:#163222; --maybe:#f2c86b; --maybe-bg:#3a2e12; color-scheme:dark}}
:root[data-theme="dark"]{
  --paper:#14161b; --surface:#1c1f26; --ink:#f1eee8; --muted:#b9bec8; --line:#343944; --accent:#f08b8b; --on-accent:#14161b;
  --no:#ff9d94; --no-bg:#3a1d1b; --yes:#8fd9a2; --yes-bg:#163222; --maybe:#f2c86b; --maybe-bg:#3a2e12; color-scheme:dark}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.6 var(--sans);padding:0 16px 48px}
a{color:inherit;text-underline-offset:3px}
button,input{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
[hidden]{display:none!important}
.wrap{max-width:680px;margin:0 auto}
header{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;padding-block:14px;border-bottom:1px solid var(--line)}
.logo{font:600 24px/1.1 var(--serif);text-decoration:none;color:var(--accent)}
nav.links{display:flex;gap:16px;flex-wrap:wrap;font-size:16px}
nav.links a{text-decoration:none;color:var(--muted)}
nav.links a:hover{color:var(--ink);text-decoration:underline}
#themeBtn{margin-left:auto}
.btn{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:8px 14px;min-height:44px;cursor:pointer;font-size:16px;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.btn:hover{border-color:var(--muted)}
.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}
section,.day{padding-block:24px}
section+section{border-top:1px solid var(--line)}
h1{font:500 clamp(32px,7vw,44px)/1.1 var(--serif);margin:0 0 8px;text-wrap:balance}
h2{font:500 28px/1.2 var(--serif);margin:28px 0 8px;text-wrap:balance}
h2 a{text-decoration:none}
h3{font:600 20px/1.3 var(--serif);margin:0 0 6px}
.label{font:600 14px/1.2 var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 8px}
.eyebrow{font:600 16px/1.4 var(--sans);color:var(--accent);margin:0 0 10px}
.eyebrow a{text-decoration:none}
.sub{color:var(--muted);margin:0 0 16px}
.lead{font-size:20px;margin:0 0 18px}
.rank{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 6px;font-size:18px}
.swatch{display:inline-block;width:20px;height:20px;border-radius:50%;border:2px solid var(--line);vertical-align:middle}
.also{color:var(--muted);margin:0 0 6px}
.box{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin-top:16px}
.box .label{margin-bottom:6px}
.big{font:600 28px/1.2 var(--serif);margin:0 0 8px}
.big a{text-decoration:none;color:var(--accent)}
.mysteries{margin:0;padding-left:1.4em}
.mysteries li{padding:3px 0}
.answer{margin:0;font-size:19px}
.badge{display:inline-block;font-weight:700;border-radius:6px;padding:1px 8px;margin-right:4px}
.badge.no{color:var(--no);background:var(--no-bg)}
.badge.yes{color:var(--yes);background:var(--yes-bg)}
.badge.maybe{color:var(--maybe);background:var(--maybe-bg)}
.badge.plain{padding:0;font-weight:600}
.note{color:var(--muted);font-size:16px;margin:10px 0 0}
.src{font-size:14px;color:var(--muted);white-space:nowrap}
.readings{margin:20px 0 0;font-size:19px}
.readings a{color:var(--accent);font-weight:600}
.daynav{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:22px;padding-top:16px;border-top:1px solid var(--line);font-size:16px}
.daynav a{color:var(--accent)}
.scripture{margin:8px 0 18px;padding:4px 0 4px 18px;border-left:4px solid var(--accent)}
.scripture p{font:italic 23px/1.5 var(--serif);margin:0 0 8px}
.scripture cite{font-style:normal;color:var(--muted);font-size:16px}
.list{margin:0;padding-left:1.4em}
.list li{margin-bottom:10px}
.list h2{font-size:24px;margin:0}
.vnote{color:var(--muted);margin:2px 0 0;font-size:16px}
table.sched{border-collapse:collapse;width:100%;margin:8px 0 4px;font-size:18px}
.sched th,.sched td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line)}
.sched thead th{font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.cardgrid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.cardgrid>div{border:1px solid var(--line);border-radius:10px;padding:14px 16px;background:var(--surface)}
.cardgrid h3 small{font:14px var(--sans);color:var(--muted);margin-left:6px}
.cardgrid ol{margin:0;padding-left:1.3em}
.cardgrid li{margin-bottom:4px}
.cardgrid li small{display:block;color:var(--muted);font-size:14px}
.printonly{display:none}
form.sub-form{display:flex;flex-wrap:wrap;gap:8px}
form.sub-form input{flex:1 1 220px;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.status{color:var(--accent);min-height:1.5em;margin:8px 0 0}
.fine{font-size:14px;color:var(--muted);margin:6px 0 0}
.prose ul{padding-left:1.2em}.prose li{margin-bottom:8px}
footer{padding-block:24px;font-size:16px;color:var(--muted);border-top:1px solid var(--line)}
.fnav{display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:14px}
.fnav a{color:var(--ink)}
footer p{margin:0 0 8px}
.skip{position:absolute;left:-9999px;top:8px;z-index:10;background:var(--surface);color:var(--ink);padding:8px 12px;border:2px solid var(--accent);border-radius:6px}
.skip:focus{left:16px}
@media print{
  @page{margin:12mm}
  body{background:#fff;color:#000;font-size:11pt;padding:0}
  header,footer,.noprint,.skip{display:none!important}
  .wrap{max-width:none}
  .printonly{display:block;margin:0 0 8pt;font-size:18pt}
  .cardgrid{grid-template-columns:1fr 1fr;gap:8pt}
  .cardgrid>div{border:1px solid #999;background:#fff;padding:8pt;break-inside:avoid}
  .cardgrid h3{font-size:14pt}
  .cardgrid li small{color:#333;font-size:9pt}
  section{padding:0}
  .fine{color:#333}
}
.faq{margin-top:22px}
.faq h2{font-size:24px;margin:0 0 4px}
.faq h3{font:600 18px/1.4 var(--sans);margin:14px 0 2px}
.faq p{margin:0}
.cal td,.cal th{font-size:16px;vertical-align:top}
.cal tr.now{background:var(--surface)}
.upcoming{margin:0;padding-left:1.2em}
.crumbs{font-size:15px;color:var(--muted);padding-top:14px}.crumbs a{color:var(--muted)}
.steps{padding-left:1.4em}.steps li{margin-bottom:10px}
.decades{padding-left:1.4em}.decades li{margin-bottom:10px}.decades small{color:var(--muted);font-size:15px}
blockquote.prayer{margin:4px 0 14px;padding:2px 0 2px 16px;border-left:3px solid var(--line)}
blockquote.prayer p{font:20px/1.55 var(--serif);margin:0}
.actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.copylink{width:100%;margin-top:4px;min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:15px}
#subscribe h3{margin-top:18px}