:root {
  --bg:          #faf8f3;
  --surface:     #f5f0e6;
  --surface-2:   #ede5d0;
  --accent:      #7A5C12;
  --accent-2:    #c9a54c;
  --accent-faint:rgba(138,110,42,.1);
  --ink:         #1a1108;
  --ink-2:       #3d2e18;
  --ink-3:       #6a5535;
  --rubric:      #7a2020;
  --rule:        rgba(138,109,42,.22);
  --rule-faint:  rgba(138,109,42,.12);
  --shadow:      rgba(26,17,8,.12);
}
[data-theme=night] {
  --bg:          #0d0b07;
  --surface:     #1a1710;
  --surface-2:   #231e15;
  --accent:      #c9a14a;
  --accent-2:    #e8c06a;
  --accent-faint:rgba(201,162,76,.07);
  --ink:         #f0e8d4;
  --ink-2:       #d0b888;
  --ink-3:       #b39364;
  --rubric:      #e8736e;
  --rule:        rgba(201,168,76,.18);
  --rule-faint:  rgba(201,168,76,.08);
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'EB Garamond',Georgia,serif;line-height:1.65;transition:background .2s,color .2s}
.theme-btn{position:fixed;top:.9rem;right:.9rem;background:var(--surface);border:1px solid var(--rule);border-radius:20px;padding:.28rem .85rem;font-family:'EB Garamond',serif;font-size:13px;color:var(--ink-3);cursor:pointer;z-index:200;transition:all .2s}
.theme-btn:hover{border-color:var(--accent);color:var(--accent)}
.theme-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
a{color:var(--accent)}
a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
header{text-align:center;padding:2.4rem 1.2rem 1.6rem;border-bottom:1px solid var(--rule)}
.hdr-ornament{color:var(--accent-2);font-size:14px;letter-spacing:.3em}
.hdr-title{font-family:'Cinzel',serif;font-weight:600;font-size:clamp(1.4rem,3.4vw,2.1rem);color:var(--ink);margin:.6rem 0 .4rem;letter-spacing:.02em}
.hdr-sub{font-style:italic;color:var(--ink-3);font-size:1.02rem;max-width:640px;margin:0 auto}
.tab-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;padding:1rem 1rem;border-bottom:1px solid var(--rule);background:var(--surface)}
.tab-btn{font-family:'EB Garamond',serif;font-size:.92rem;background:none;border:1px solid var(--rule);border-radius:16px;padding:.42rem 1rem;color:var(--ink-3);cursor:pointer;transition:all .15s}
.tab-btn:hover{border-color:var(--accent);color:var(--accent)}
.tab-btn.active{background:var(--accent);color:var(--surface);border-color:var(--accent)}
.tab-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.panel{display:none;max-width:760px;margin:0 auto;padding:2.2rem 1.4rem 3rem}
.panel.active{display:block}
h2{font-family:'Cinzel',serif;font-size:1.25rem;color:var(--ink);border-bottom:1px solid var(--rule);padding-bottom:.4rem;margin-top:2rem}
h3{font-family:'Cinzel',serif;font-size:1.02rem;color:var(--ink-2);margin-top:1.6rem}
.day-tag{display:inline-block;font-family:'Cinzel',serif;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-faint);border:1px solid var(--rule-faint);border-radius:3px;padding:.15rem .55rem;margin-bottom:.6rem}
.reading{background:var(--surface);border-left:3px solid var(--accent);padding:.7rem 1rem;margin:1rem 0;font-size:.92rem;color:var(--ink-2)}
.reading strong{color:var(--ink)}
.pull{font-family:'Cinzel',serif;font-style:normal;font-size:1.02rem;color:var(--rubric);text-align:center;border-top:1px solid var(--rule-faint);border-bottom:1px solid var(--rule-faint);padding:1.1rem 1rem;margin:1.6rem 0}
.see-also{margin:1.6rem 0;padding:1rem 1.1rem;background:var(--surface-2);border-radius:6px;font-size:.92rem}
.see-also h3,.see-also h4{margin:0 0 .5rem;font-family:'Cinzel',serif;font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3)}
.see-also ul{margin:0;padding-left:1.2rem}
.see-also li{margin-bottom:.35rem}
.sources{font-size:.82rem;color:var(--ink-3);font-style:italic;margin-top:1.6rem;padding-top:.8rem;border-top:1px solid var(--rule-faint)}
footer{text-align:center;padding:1.6rem 1rem;border-top:1px solid var(--rule);font-size:.82rem;color:var(--ink-3)}
footer a{color:var(--accent)}
@media (max-width:600px){.panel{padding:1.6rem 1rem 2.4rem}}
/* skip-link:begin */
.skip-link{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
.skip-link:focus{position:fixed;top:.75rem;left:.75rem;z-index:1000;width:auto;height:auto;margin:0;padding:.6rem 1rem;overflow:visible;clip:auto;clip-path:none;background:#2a1a08!important;color:#FAF5EB!important;font-family:'Cinzel',Georgia,serif;font-size:.8rem;letter-spacing:.08em;text-decoration:none;border-radius:3px;outline:2px solid #FAF5EB;outline-offset:-4px;box-shadow:0 0 0 2px #2a1a08,0 0 0 4px #FAF5EB}
/* skip-link:end */