/* Sanctis 0.27 — forest, parchment and quiet light. */
:root {
  --bg:#f5f2eb;
  --surface:#fffdf8;
  --ink:#193c32;
  --green:#153e33;
  --muted:#596b61;
  --gold:#876b35;
  --line:#deddd2;
  --soft:#e7ede4;
  --card-shadow:0 12px 32px -22px #173e3340;
  --ease-out:cubic-bezier(.22,1,.36,1);
}
body { background:radial-gradient(ellipse at 100% 8%,#e5d8b74a,transparent 38%),var(--bg); }
h1,h2,h3 { text-wrap:balance; }
button,a { -webkit-tap-highlight-color:#bca36d24; }
:focus-visible { outline:3px solid #9b7739; outline-offset:5px; }
.site-header { border-top:3px solid #b39963; background:#fffdf8f2; box-shadow:0 8px 30px -22px #12392d55; }
.brand-mark { color:var(--green); }
.brand-word { letter-spacing:-.035em; }
.brand-tagline { color:#776342; }
.language-switch { border:1px solid #dce1d5; background:#eff1e9; }
.language-switch button.active { box-shadow:0 2px 7px #173c3314; }
.collection-nav { gap:6px; padding-block:14px; border-bottom-color:#d7d9cd; scrollbar-width:none; }
.collection-nav::-webkit-scrollbar { display:none; }
.collection-nav button { min-height:42px; padding:10px 15px; border:1px solid transparent; border-radius:30px; color:#4f6658; }
.collection-nav button:hover { border-color:#d0d8c8; background:#fffdf8; }
.collection-nav button.active { color:#fff8e9; background:#1e4638; box-shadow:0 4px 12px #163c3217; }
.main { padding-top:52px; }
.main > .page-top { align-items:center; margin-bottom:40px; gap:28px; }
.page-top h1 { font-size:clamp(44px,5.2vw,72px); letter-spacing:-.035em; line-height:1.02; }
.page-top .page-subtitle { max-width:58ch; font-size:15px; line-height:1.85; color:#596d5e; }
.date-controls { padding:5px; border-color:#d9ddce; border-radius:30px; background:#fffdf8; }
.date-controls .icon-button { background:#edf0e6; border-radius:50%; }
.date-button { font-size:12px; }
.today-journey { gap:52px; }
.journey-number { display:flex; align-items:center; gap:18px; color:#78613a; font-size:10px; letter-spacing:.16em; margin-bottom:18px; }
.journey-number::after { content:''; flex:1; height:1px; max-width:180px; background:linear-gradient(90deg,#bfa8767a,transparent); }
.section-heading { align-items:center; margin-bottom:24px; }
.section-heading h2 { font-size:clamp(32px,3.5vw,43px); letter-spacing:-.02em; }
.section-label { margin-bottom:16px; }
.section-label h2 { font-size:14px; }
.section-label > span { font-size:11px; }
.today-journey .hero { min-height:490px; padding:84px 66px 90px; border-radius:32px 32px 100px 32px; box-shadow:0 24px 48px -28px #113b3266; }
.today-journey .hero::before { inset:18px; border-radius:19px 19px 82px 19px; border-color:#efdfb343; }
.today-journey .hero::after { background:linear-gradient(105deg,#0d2b24ee,#163a2bc2 55%,#163c2b55); }
.today-journey .hero-quote { max-width:22ch; font-size:clamp(39px,4.7vw,64px); font-weight:600; line-height:1.16; margin:28px 0; color:#fff8e8; text-shadow:0 2px 20px #071f1a25; }
.hero-top { top:39px; left:48px; right:48px; color:#e8d5a8; letter-spacing:.15em; }
.hero-bottom { bottom:36px; left:48px; right:60px; color:#f3e8ce; }
.hero-bottom .image-credit { color:#f3e8ce; }
.hero .verse-ref { color:#f6ebcf; font-size:13px; letter-spacing:.035em; }
.hero-actions { margin:20px 0 0; }
.btn { border-radius:12px; min-height:46px; font-size:13px; padding:12px 20px; transition:background .2s,box-shadow .2s,transform .2s var(--ease-out); }
.btn:not(.btn-secondary):not(.btn-ghost) { box-shadow:0 5px 14px -9px #0e332b70; }
.btn-secondary { color:#284c3b; border-color:#cfd8c8; background:#fffdf8; }
.btn-secondary:hover { background:#e9eee3; border-color:#aabca4; }
.btn-ghost { border-radius:0; padding-inline:0; }
.btn-small { min-height:40px; padding:9px 14px; font-size:12px; }
.hero-actions .icon-button { border-radius:50%; width:44px; height:44px; }
.home-saint-section .saint-card { border-radius:28px; border-color:#d6d6c7; grid-template-columns:minmax(260px,36%) minmax(0,1fr); background:#fffdf8; box-shadow:var(--card-shadow); }
.home-saint-section .saint-day-empty { grid-template-columns:1fr; background:#edf0e6; box-shadow:none; }
.home-saint-section .saint-body { padding:clamp(28px,4vw,54px); background:radial-gradient(ellipse at 100% 0,#eee1bf6b,transparent 75%); }
.home-saint-section .saint-body h3 { font-size:clamp(35px,4.1vw,54px); line-height:1.06; letter-spacing:-.025em; }
.home-saint-section .saint-body > p { line-height:1.9; color:#50634f; }
.saint-figure.is-sanctis-art { margin:0; }
.saint-image-credit { line-height:1.7; overflow-wrap:anywhere; }
.saint-card,.resource-card,.formation-card,.faith-card,.workshop-card,.parish-card { box-shadow:var(--card-shadow); border-color:#dcded0; }
.saints-upcoming-rail { grid-auto-columns:230px; gap:22px; padding:8px 2px 26px; scroll-snap-type:x proximity; scroll-padding-inline:2px; }
.saint-upcoming-card { scroll-snap-align:start; }
.saint-upcoming-card.is-sanctis-art { border-radius:20px; border-color:#d5d9c9; overflow:hidden; }
.saint-upcoming-card > .saint-upcoming-caption { padding:20px; background:#fffdf8; }
.saint-upcoming-card strong { line-height:1.12; }
.today-rosary { position:relative; isolation:isolate; overflow:hidden; gap:26px; padding:40px; border:1px solid #264f3f; border-radius:26px; background:radial-gradient(ellipse at 85% 0,#64806555,transparent 65%),#1c4437; color:#fff8e9; box-shadow:0 18px 36px -28px #16382e88; }
.today-rosary::after { content:''; position:absolute; z-index:-1; right:-40px; top:-110px; width:300px; height:300px; border:1px solid #d8bd7730; border-radius:50%; box-shadow:0 0 0 35px #d8bd7709,0 0 0 70px #d8bd7706; pointer-events:none; }
.today-rosary .small-orbit { width:76px; height:88px; border-radius:42px 42px 20px 20px; border:1px solid #d4bf844a; background:#fff5d70b; color:#e4cc92; }
.today-rosary .small-orbit .icon-rosary { width:42px; height:58px; }
.today-rosary h2 { color:#fff8e9; font-size:39px; margin-bottom:10px; }
.today-rosary .eyebrow { color:#dfc88d; }
.today-rosary p:not(.eyebrow) { color:#dce5d7; font-size:14px; line-height:1.8; }
.today-rosary .btn { background:#f1e5c7; color:#193e30; box-shadow:none; }
.today-rosary .btn:hover { background:#fff3d8; }
.daily-readings-section { padding:36px; border-radius:26px; background:#fffdf8; box-shadow:var(--card-shadow); }
.reading-card { background:#f1f3ea; border-color:#dce1d3; border-radius:17px; padding:26px; }
.reading-card h3 { font-size:30px; line-height:1.1; }
.reading-card .reading-action { color:#30553f; }
.reading-card small { color:#586b4c; }
.feature-doors { gap:20px; margin-block:36px; }
.feature-doors > button { position:relative; padding:30px; border-radius:20px; background:#fffdf8; overflow:hidden; }
.feature-doors > button > span:first-child { display:grid; place-items:center; width:46px; height:46px; border-radius:15px; background:#eff0e4; color:#89703f; }
.feature-doors > button > .icon:last-child { margin-top:6px; color:#41604b; }
.feature-doors h3 { margin-top:22px; font-size:31px; }
.feature-doors p { font-size:13px; }
.reflection-panel { padding:34px; border-radius:22px; border-color:#dadbcb; background:#fffdf8; }
.reflection-panel .small-orbit { width:48px; height:48px; background:#f2ead6; color:#846a36; }
.reflection-panel p { max-width:72ch; line-height:1.9; }
.theology-portal { border-radius:26px; padding:38px; background:#fffdf8; border-color:#d5d7c5; }
.theology-portal:first-child { background:radial-gradient(ellipse at 95% 5%,#5c785966,transparent 70%),#1b4135; }
.theology-portal:nth-child(4) { border-radius:26px; }
.theology-portal h2 { font-size:42px; letter-spacing:-.02em; }
.theology-portal .portal-number { font:600 28px/1 var(--display); color:#9c854f; letter-spacing:0; }
.theology-portal:first-child .portal-number { color:#dcc48b; }
.portal-icon { border-radius:20px; background:#b49b5b14; }
.study-search-panel,.saints-toolbar { background:#eceee3; border-color:#d5dbc9; border-radius:18px; padding:24px; }
:is(.editor-field,.study-library-controls,.greek-reader-controls) :is(input,textarea,select),.lector-day-controls input { border-radius:10px; background:#fffef9; border-color:#cbd4c1; padding:12px 14px; color:#244431; }
.topic-chip { min-height:40px; border-radius:30px; padding:9px 16px; }
.scripture-paper,.greek-chapter-paper { border-radius:24px; background:#fffef9; box-shadow:0 20px 48px -35px #26433255; }
.scripture-paper > header,.greek-chapter-paper > header { padding-block:28px; }
.formation-dashboard { border-radius:24px; padding:30px; background:#fffdf8; box-shadow:var(--card-shadow); }
.formation-header-badge { background:#f1e8cf; border-color:#dbca9f; border-radius:30px; }
.formation-total { background:#ecf0e4; }
.formation-card { border-radius:20px; }
.prayer-banner { border-radius:26px; padding:42px; background:#eee5d0; color:#214532; border:1px solid #d9ceb3; }
.prayer-banner h3 { color:#214532; font-size:40px; }
.prayer-banner .eyebrow { color:#725c32; }
.prayer-banner p { color:#5a694e; }
.prayer-banner .btn { background:#1c4335; color:#fff8e7; }
.ministry-invitation { border-radius:26px; background:#e6ecdf; border-color:#d1dac6; }
.site-footer { padding-top:36px; margin-top:48px; border-top:1px solid #cfccb9; color:#53634f; }
.footer-quote { font-size:29px; color:#284e38; }
.footer-meta { gap:18px; }
.modal-backdrop { background:#0c281fc9; backdrop-filter:blur(6px); }
.modal { border:1px solid #e7e2d3; background:#fffdf8; border-radius:26px; }
.modal h2 { letter-spacing:-.02em; }
.modal .saint-biography { font-size:17px; line-height:1.95; }
.saint-reading .saint-local-note { padding:16px 18px; background:#eff1e7; border-left:2px solid #b59b61; border-radius:0 12px 12px 0; }
.mobile-nav { background:#fffdf8f5; border-top-color:#d8ddcf; }
.mobile-nav button.active { color:#173f31; background:#e5ecdd; }
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
 .saint-upcoming-card,.resource-card,.formation-card,.parish-card { transition:transform .28s var(--ease-out),box-shadow .28s,border-color .28s; }
 .saint-upcoming-card:hover,.resource-card:hover,.formation-card:hover,.parish-card:hover { transform:translateY(-4px); box-shadow:0 22px 36px -24px #163b3340; border-color:#acb99b; }
}
@media(min-width:1001px) {
 .header-inner { gap:22px; }
 .desktop-nav { gap:22px; }
 .site-header .nav-button { font-size:13px; }
}
@media(max-width:1000px) {
 .main { padding-top:36px; }
 .feature-doors { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .mobile-nav button { min-height:48px; }
}
@media(max-width:760px) {
 .site-header { height:78px; }
 .main { padding:30px 20px; }
 .collection-nav { margin-inline:20px; padding-block:12px; }
 .collection-nav button { font-size:12px; padding:9px 13px; }
 .main > .page-top { gap:22px; margin-bottom:30px; }
 .page-top h1 { font-size:clamp(40px,8vw,56px); }
 .page-top .page-subtitle { font-size:14px; max-width:42ch; }
 .date-controls { max-width:100%; margin-top:0; gap:2px; }
 .date-controls .icon-button { min-width:34px; width:34px; min-height:36px; }
 .date-button { letter-spacing:0; padding-inline:8px; }
 .today-journey { gap:38px; }
 .today-journey .hero { min-height:440px; padding:76px 32px 86px; border-radius:24px 24px 60px 24px; }
 .today-journey .hero::before { inset:12px; border-radius:14px 14px 48px 14px; }
 .today-journey .hero-quote { font-size:clamp(35px,7.6vw,49px); line-height:1.16; margin:20px 0 26px; }
 .hero-top { top:30px; left:30px; right:30px; font-size:9px; }
 .hero-bottom { bottom:28px; left:30px; right:34px; line-height:1.8; font-size:9px; }
 .hero .verse-ref { font-size:12px; }
 .hero-actions { flex-wrap:wrap; gap:14px; }
 .hero-actions .button-group { gap:8px; }
 .home-saint-section .saint-card { grid-template-columns:minmax(0,1fr); border-radius:23px; }
 .home-saint-section .saint-body { padding:29px; }
 .home-saint-section .saint-body h3 { font-size:39px; }
 .home-saint-section .saint-body > p { font-size:14px; }
 .section-heading { align-items:flex-start; gap:18px; }
 .section-heading h2 { font-size:35px; }
 .today-rosary { padding:28px; gap:20px; border-radius:23px; }
 .today-rosary .small-orbit { width:56px; height:76px; }
 .today-rosary .small-orbit .icon-rosary { width:34px; height:49px; }
 .today-rosary > div { min-width:140px; }
 .today-rosary h2 { font-size:33px; }
 .today-rosary .btn { width:100%; }
 .daily-readings-section { padding:25px 22px; border-radius:23px; }
 .readings-grid { gap:12px; }
 .reading-card { padding:23px; }
 .reading-card h3 { font-size:29px; }
 .saints-upcoming-rail { grid-auto-columns:minmax(200px,68vw); gap:16px; }
 .feature-doors { gap:12px; }
 .feature-doors > button { padding:24px 19px; border-radius:18px; }
 .feature-doors h3 { font-size:29px; overflow-wrap:anywhere; }
 .feature-doors p { min-height:0; }
 .reflection-panel { padding:26px; gap:17px; }
 .reflection-panel .small-orbit { width:38px; height:38px; }
 .theology-portal,.theology-portal:nth-child(4) { padding:30px; border-radius:23px; }
 .theology-portal h2 { font-size:37px; }
 .formation-dashboard { padding:23px 18px; }
 .prayer-banner { padding:30px; }
 .prayer-banner h3 { font-size:35px; }
 .ministry-invitation { padding:28px; }
 .modal { border-radius:23px; }
 .modal .saint-biography { font-size:16px; }
 .site-footer { margin-top:36px; padding-bottom:165px; }
}
@media(max-width:420px) {
 .header-inner { padding-inline:14px; gap:8px; }
 .site-header .brand-word { font-size:29px; }
 .header-actions { gap:4px; }
 .header-actions > .icon-button { min-width:34px; width:34px; }
 .main { padding-inline:16px; }
 .collection-nav { margin-inline:16px; }
 .today-journey .hero { padding-inline:27px; }
 .hero-top,.hero-bottom { left:26px; right:26px; }
 .home-saint-section .saint-body { padding:25px; }
 .home-saint-section .saint-body h3 { font-size:36px; }
 .hero-actions .btn { padding-inline:14px; font-size:12px; }
 .journey-number { font-size:9px; letter-spacing:.1em; }
 .feature-doors { grid-template-columns:1fr; }
 .reflection-panel { padding:23px; }
 .reflection-panel .small-orbit { display:none; }
 .mobile-nav { padding-inline:4px; }
 .mobile-nav button { padding-inline:7px; min-width:48px; font-size:10px; }
}
@media(prefers-reduced-motion:reduce) {
 .btn,.saint-upcoming-card,.resource-card,.formation-card,.parish-card,.theology-portal { transition:none; }
 .btn:hover,.theology-portal:hover { transform:none; }
}
.saint-calendar-panel{margin:40px 0;padding:30px;border:1px solid #d6dac9;border-radius:24px;background:#eeefe4}.saint-calendar-panel .section-heading{margin-top:0;flex-wrap:wrap}.saint-calendar-panel .section-heading p{max-width:62ch;line-height:1.8}.saint-calendar-month{display:flex;align-items:center;gap:12px}.saint-calendar-month>button{width:44px;height:44px;background:#fffdf8;border:1px solid #cfd7c2;border-radius:50%;font-size:28px}.saint-calendar-month label{font-size:12px;display:grid;gap:6px}.saint-calendar-month input{min-height:44px;padding:9px;border:1px solid #cfd7c2;border-radius:10px;background:#fffdf8;color:#254532;font:inherit}.saint-calendar-explanation,.saint-calendar-source{font-size:12px;color:#526548;line-height:1.8}.saint-calendar-source a{text-decoration:underline;text-underline-offset:4px}.saint-calendar-days{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.saint-calendar-day{min-width:0;padding:23px;border:1px solid #d9ddcc;border-radius:18px;background:#fffdf8}.saint-calendar-day.selected{outline:2px solid #9d854d;outline-offset:2px}.saint-calendar-day>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.saint-calendar-day>header>button{display:grid;text-align:left;min-width:48px;min-height:48px}.saint-calendar-day>header>button span{font-size:11px;color:#617454}.saint-calendar-day>header strong{font:600 35px/1 var(--display)}.calendar-rank{font-size:10px;text-align:right;color:#6d6141}.saint-calendar-day h3{font:600 26px/1.2 var(--display);margin:20px 0 12px}.calendar-vestments{display:flex;gap:10px;flex-wrap:wrap;font-size:11px;color:#526548}.calendar-vestments>span{display:flex;align-items:center;gap:7px}.calendar-vestments i{width:10px;height:10px;border-radius:50%;display:block;border:1px solid #59634766}.vestment-green{background:#456a3e}.vestment-white{background:#fffbed}.vestment-red{background:#a93d3d}.vestment-purple{background:#77518f}.vestment-rose{background:#c66f96}.vestment-black{background:#272826}.saint-calendar-day details{font-size:12px;line-height:1.75;margin:12px 0;color:#506346}.saint-calendar-day summary{cursor:pointer;padding:8px 0}.calendar-library-links{border-top:1px solid #e1e3d6;padding-top:14px;margin-top:18px}.calendar-library-links>small{font-size:10px;color:#78613a;text-transform:uppercase;letter-spacing:.06em}.calendar-library-links>button{display:block;width:100%;text-align:left;font-size:13px;min-height:44px;padding:10px 0;color:#274e35}.calendar-library-links>button span{display:block;font-size:10px;color:#627052;margin-top:5px}.calendar-library-links>p{font-size:12px;color:#5e6d55;line-height:1.8}@media(max-width:1000px){.saint-calendar-days{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.saint-calendar-panel{padding:23px 18px}.saint-calendar-days{grid-template-columns:1fr}.saint-calendar-day{padding:22px}.saint-calendar-panel h2{font-size:32px}.saint-calendar-month{width:100%;justify-content:space-between}.saint-calendar-month input{font-size:16px;max-width:180px}}