/* Approved editorial reference: retain square edges, rules and newspaper rhythm. */
:root{--midnight:#0D1B2A;--olive:#6B704F;--gold:#B8995B;--stone:#F6F4EF;--charcoal:#2D2D2D;--pebble:#A7A096;--olive-deep:var(--olive);--paper:var(--stone);--line:color-mix(in srgb,var(--pebble) 45%,var(--stone))}
.skip-link{position:fixed;top:8px;left:8px;z-index:100;transform:translateY(-160%);background:var(--midnight);color:white;padding:12px 18px;font:14px var(--sans)}
.skip-link:focus{transform:none}
.site-shell{background:var(--stone)}
.masthead{grid-template-columns:minmax(160px,1fr) minmax(360px,1.4fr) minmax(260px,1fr);min-height:184px;padding:8px 40px;gap:20px}
.brand{padding:0 16px;display:flex;align-items:center;justify-content:center;height:168px}
.brand-logo{width:auto;max-width:100%;height:168px;object-fit:contain;mix-blend-mode:multiply}
.masthead-aside{min-width:0}.masthead-beat{min-width:140px}.masthead-verse{white-space:normal}
.preview-notice{font:11px/1.5 var(--sans);color:#4e543b;margin:0 0 10px;padding:7px 10px;border-left:2px solid var(--gold);background:#eeece4}
.editorial-grid{grid-template-columns:minmax(0,3.2fr) minmax(290px,1fr);gap:24px}
.feature{height:414px}.feature-photo{width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(1)}
.feature-content{padding:96px 24px 22px;max-width:780px}.feature h1{font-size:clamp(36px,4vw,58px);letter-spacing:-1.5px;line-height:1.06}
.feature-subtitle{font-family:var(--sans);font-size:20px;line-height:1.35;max-width:650px;margin:6px 0 12px}
.feature-description{max-width:550px;font-size:17px;line-height:1.4;margin-bottom:15px}
.feature-cards{gap:18px}.feature-card h2{font-size:23px;line-height:1.08}.feature-card p{font-size:16px;line-height:1.3;color:#3c4b60}
.verse-card{padding:22px 22px 14px;min-height:200px}.verse-card blockquote{font-size:22px;line-height:1.3}
.signup-heading h2{font-size:17px}.signup-heading p{font-size:14px}.signup-note{color:#51596a}
.signup-cta .signup-lookalike{color:#586172;font-size:12px}
.latest-header{gap:8px}.latest-header h2{font-size:23px}.sample-label{display:block;font:10px/1.6 var(--sans);letter-spacing:1px;text-transform:uppercase;color:#50573e}
.latest-story h3{font-size:14px}.latest-story p{font-size:13px}.card-date,.latest-story time{color:#596374}
.values-bar{padding:24px 6px}.value em{font-size:14px}
@media(min-width:1201px){.nav-link{padding:0 22px}.nav-motto{margin-left:24px}.nav-search{padding:2px 22px}.masthead-verse{font-size:11px}.masthead-aside{gap:6px}}
@media(max-width:1200px){.masthead{grid-template-columns:1fr 1.5fr 1fr;padding:12px 24px;gap:12px}.brand{height:105px;padding:0 12px}.brand-logo{height:auto;max-height:105px}.masthead-beat{min-width:0;font-size:9px}.masthead-verse{font-size:11px}.editorial-grid{grid-template-columns:minmax(0,2.6fr) minmax(260px,1fr);gap:18px}.feature-content{padding-top:85px}.feature h1{font-size:46px}.feature-subtitle{font-size:17px}.feature-description{font-size:15px;max-width:450px}.feature-card h2{font-size:21px}.feature-card p{font-size:14px}}
@media(max-width:850px){.masthead{grid-template-columns:1fr 2fr;min-height:120px}.brand{height:100px;border-right:0}.brand-logo{height:100px}.editorial-grid{grid-template-columns:1fr}.feature-content{padding-top:90px}.feature h1{font-size:50px}.feature-subtitle{font-size:19px}.feature-description{font-size:16px;max-width:520px}.sidebar{gap:18px}.verse-card{min-height:0}.feature-card h2{font-size:22px}}
@media(max-width:580px){.masthead{display:flex;min-height:112px;padding:8px 16px}.brand{height:96px;width:100%;border:0}.brand-logo{height:96px;width:auto}.preview-notice{font-size:10px;padding:6px 8px}.feature{height:auto;min-height:470px;display:flex;align-items:center}.feature-content{padding:38px 18px 58px;width:100%}.feature h1{font-size:clamp(36px,10.5vw,48px);line-height:1.04}.feature-subtitle{font-size:17px}.feature-description{font-size:15px;line-height:1.4}.feature:after{background:linear-gradient(90deg,#000b,#0003)}.feature-photo{position:absolute;object-position:61% center}.feature-annotation{font-size:11px}.feature-card h2{font-size:21px}.feature-card p{font-size:13px}.verse-card blockquote{font-size:22px}.latest-story h3{font-size:17px}.nav-search,.dialog-close{min-width:44px;min-height:44px}.value em{font-size:12px}}
/* Brand board conventions: Playfair display, Inter body/UI; six supplied colors. */
body{font-family:var(--sans);color:var(--charcoal);background:var(--pebble)}
h1,h2,h3,h4,.verse-card blockquote,.masthead-verse,.sidebar-bottom-verse,.mission-line,.value em{font-family:var(--serif)}
h1,h2,h3,h4,.nav,.brand,.value{color:var(--midnight)}
.masthead,.nav,.site-footer,.search-dialog,.verse-card,.signup-card{background:var(--stone)}
.brand-logo{mix-blend-mode:normal}.signup-heading img{background:transparent}
.nav-link,.nav-subscribe,.solid-btn,.signup-cta a,.signup-cta .signup-lookalike,.latest-header a,.feature-subtitle,.feature-description,.feature-card p,.latest-story p,.story-card p,.intro,.article-deck,.body-copy,.article-body{font-family:var(--sans)}
.feature-card p,.latest-story p,.story-card p,.intro,.article-deck,.body-copy,.article-body,.signup-heading p,.footer-note,.footer-legal,.card-date,.latest-story time,.search-help,.search-result p,.signup-note{color:var(--charcoal)}
.feature h1{color:var(--stone)}.feature-content,.feature-subtitle,.feature-description,.feature-annotation{color:var(--stone)}
.card-kicker,.mini-kicker,.latest-story .mini-kicker,.eyebrow,.signup-heading h2,.sample-label{color:var(--olive)}
.nav-link.active,.nav-subscribe,.solid-btn,.signup-cta a,.kicker{background:var(--olive);color:var(--stone)}
.nav-subscribe:hover,.solid-btn:hover,.signup-cta a:hover{background:var(--midnight)}
.nav-link:hover,.outline-btn:hover{background:color-mix(in srgb,var(--olive) 12%,var(--stone));color:var(--midnight)}
.masthead-mantra,.masthead-beat,.masthead-verse,.nav-motto,.scripture-cite,.sidebar-bottom-verse,.value em,.search-result small{color:var(--midnight)}
.preview-notice,.article-placeholder,.empty-state{background:color-mix(in srgb,var(--pebble) 12%,var(--stone));color:var(--charcoal)}
.feature-card p{font-size:14px;line-height:1.5}.latest-story p{font-size:12px;line-height:1.4}.article-body,.body-copy{line-height:1.8}
.latest-header a{color:var(--olive)}.signup-cta .signup-lookalike{color:var(--charcoal);background:transparent}
.story-figure{margin:0}.story-figure figcaption{font:12px/1.6 var(--sans);color:var(--charcoal);padding:10px 0;border-bottom:1px solid var(--line)}.story-figure figcaption span{display:block}.article-tags{font:13px var(--sans);margin:24px auto;max-width:730px}.article-body img{max-width:100%;height:auto}.article-body a{overflow-wrap:anywhere}.article-body pre{overflow:auto}.article-body table{display:block;max-width:100%;overflow:auto}
.live-feature{height:auto;min-height:414px}.live-feature h1,.live-feature p,.article-page h1,.article-deck,.feature-card h2,.story-card h2{overflow-wrap:anywhere}
.signup-cta a{width:100%;justify-content:center;min-height:44px}.social-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px;border-top:1px solid var(--line);padding-top:8px;font:12px var(--sans)}.social-links a{min-height:32px;display:inline-flex;align-items:center;color:var(--midnight)}.social-links a:hover{text-decoration:underline}
.tips-card{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--gold);border-bottom:1px solid var(--line);padding:26px 16px;margin:0 0 24px}.tips-card h2{font-size:26px;margin:8px 0}.tips-card p{font:14px/1.6 var(--sans);max-width:530px;margin:0 0 10px}.tips-email{font:600 14px var(--sans);color:var(--olive);overflow-wrap:anywhere}.tips-card .outline-btn{white-space:nowrap}.source-note{font:13px/1.7 var(--sans);padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:24px}.source-note a{color:var(--olive);text-decoration:underline}
.feature-card img.publication-artwork,.story-card img.publication-artwork,.latest-story img.publication-artwork{object-fit:contain;padding:16px;background:var(--stone);border:1px solid var(--line)}.latest-story img.publication-artwork{padding:6px}.article-hero.publication-artwork{object-fit:contain;height:220px;padding:18px;background:var(--stone);filter:none}
.publication-feature{background:var(--stone);border:1px solid var(--line)}.publication-feature:after{background:none}.publication-feature .feature-photo{width:43%;left:auto;right:2%;object-fit:contain;filter:none;opacity:.3;padding:24px}.publication-feature .feature-content{max-width:74%;padding-top:60px;padding-bottom:45px}.publication-feature h1,.publication-feature .feature-subtitle,.publication-feature .feature-description{color:var(--midnight)}
.footer-links{max-width:540px;line-height:1.7}.footer-links a{min-height:28px}
.publication-feature .feature-photo{background-image:none}
.support-link{display:inline-flex;align-items:center;min-height:44px;margin-top:6px;font:600 12px var(--sans);color:var(--olive)}.support-link:hover{text-decoration:underline}
@media(max-width:850px){.tips-card{padding:22px 12px}.publication-feature .feature-content{max-width:85%}}
@media(max-width:580px){.tips-card{align-items:flex-start;flex-direction:column;gap:15px}.tips-card h2{font-size:25px}.publication-feature .feature-content{max-width:100%;padding:38px 18px 45px}.publication-feature .feature-photo{width:85%;opacity:.12;right:-10%}.publication-feature{min-height:430px}.article-hero.publication-artwork{height:170px}.article-body{overflow-wrap:anywhere}}

/* Original Instagram covers include lettering: show the complete composition. */
.story-artwork{object-fit:contain!important;background:var(--midnight)}
.article-hero.story-artwork{height:auto;max-height:680px;width:100%;filter:none}
.artwork-feature{display:grid;grid-template-columns:1fr 1fr;height:auto;min-height:414px;background:var(--midnight)}
.artwork-feature:after{display:none}.artwork-feature .feature-photo{position:relative;inset:auto;grid-column:2;grid-row:1;width:100%;height:100%;object-fit:contain;filter:none;background-image:none;mask-image:linear-gradient(to right,transparent 0%,#000 24%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 24%)}
.artwork-feature .feature-content{grid-column:1;grid-row:1;padding:32px 24px;align-self:center;max-width:100%}.artwork-feature h1{font-size:clamp(32px,3.1vw,46px);color:var(--stone)}.artwork-feature .feature-subtitle{font-size:16px;color:var(--stone)}.artwork-feature .feature-description{font-size:13px;color:var(--stone)}
@media(max-width:580px){.artwork-feature{display:flex;flex-direction:column;min-height:0}.artwork-feature .feature-photo{position:relative;width:100%;height:auto;max-height:430px;order:0;mask-image:linear-gradient(to bottom,#000 74%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 74%,transparent 100%)}.artwork-feature .feature-content{order:1;padding:24px 18px 30px}.artwork-feature h1{font-size:36px}}

/* Reference masthead: prominent pencil sketch and readable Scripture at right. */
@media(min-width:1201px){
 .masthead{grid-template-columns:minmax(180px,.8fr) minmax(360px,1.25fr) minmax(420px,1.15fr)}
 .masthead-aside{position:relative;min-height:150px;gap:0}
 .masthead-beat{position:relative;z-index:1;align-self:center;max-width:165px;font-size:10px;letter-spacing:1px}
 .masthead-cathedral{display:block;position:absolute;right:105px;bottom:0;width:220px;height:150px;max-height:none;object-fit:contain;opacity:.72;mask-image:linear-gradient(to right,transparent 42%,#000 59%,#000 86%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 16%,#000 75%,transparent 100%);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent 42%,#000 59%,#000 86%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 16%,#000 75%,transparent 100%);-webkit-mask-composite:source-in;pointer-events:none}
 .masthead-verse{position:relative;z-index:1;flex:0 0 128px;font-size:16px;line-height:1.35;text-align:right}
 .masthead-verse small{display:block;font-size:13px;margin-top:6px}
}

.values-bar .value svg{color:var(--gold);stroke:currentColor;fill:none;width:48px;height:48px;flex-shrink:0}.values-bar .value{gap:16px}@media(max-width:580px){.values-bar .value svg{width:35px;height:35px}.values-bar .value{gap:6px}}

.principle-icon{width:64px;height:64px;object-fit:contain;flex-shrink:0}.values-bar .value{gap:12px}.footer-links a{display:inline-flex;align-items:center;gap:7px;min-height:36px}.link-icon{width:18px;height:18px;flex-shrink:0;color:var(--olive)}.footer-links a:hover .link-icon{color:var(--gold)}.article-hero.editorial-illustration{filter:none;object-fit:cover}.donation-layout{display:grid;grid-template-columns:1fr 430px;gap:48px;margin-top:28px;align-items:start}.donation-card{width:100%;height:680px;border:1px solid var(--line);border-radius:14px;background:white}.donation-note{font:13px/1.6 var(--sans);color:var(--charcoal)}@media(max-width:850px){.donation-layout{grid-template-columns:1fr;gap:24px}.donation-card{max-width:480px}}@media(max-width:580px){.principle-icon{width:48px;height:48px}.values-bar .value{gap:6px}}
.inner-page:has(.donation-layout) .body-copy{max-width:1100px}.donation-layout a.solid-btn{color:var(--stone)}

/* Compact icon slots align the artwork's optical center with its two-line label. */
.values-bar{padding:18px 6px}
.values-bar .value{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:center;column-gap:12px;min-height:44px}
.values-bar .principle-icon{display:block;width:40px;height:40px;object-fit:contain}
.values-bar .value>span{display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:0}
.values-bar .value strong,.values-bar .value em{line-height:1.2}
.footer-links{display:grid;grid-template-columns:repeat(4,max-content);column-gap:20px;row-gap:8px}
.footer-links a{display:flex;align-items:center;gap:7px;line-height:1.3;min-height:32px}
.footer-links .link-icon{display:block;width:16px;height:16px;flex:0 0 16px}
@media(max-width:1100px){.footer-links{grid-template-columns:repeat(3,max-content);column-gap:16px}}
@media(max-width:580px){.values-bar{padding:16px 0;gap:16px 10px}.values-bar .value{grid-template-columns:32px minmax(0,1fr);column-gap:8px;padding:0;min-height:36px;border:0}.values-bar .principle-icon{width:32px;height:32px}.footer-links{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:6px 10px}.footer-links a{font-size:11px;gap:6px}.footer-links .link-icon{width:15px;height:15px;flex-basis:15px}}

/* Group footer navigation by the reader's intent. */
.site-footer > div:first-child{flex:1;max-width:470px}
.footer-links{display:grid;grid-template-columns:repeat(3,minmax(110px,1fr));gap:28px;max-width:560px;flex:1}
.footer-link-group{display:flex;flex-direction:column;gap:3px;align-items:flex-start}
.footer-link-group h3{font:600 10px/1.4 var(--sans);letter-spacing:1.4px;text-transform:uppercase;color:var(--olive);margin:0 0 9px}
.footer-link-group a{min-height:32px;white-space:nowrap}
.donation-layout{grid-template-columns:minmax(0,1fr) 420px;gap:48px}
.donation-card{display:block;height:820px;max-width:100%;box-sizing:border-box}
@media(max-width:850px){.site-footer{flex-direction:column}.footer-links{width:100%;max-width:none;flex:auto}.donation-layout{grid-template-columns:minmax(0,1fr)}.donation-card{width:420px;justify-self:center}}
@media(max-width:580px){.footer-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.footer-link-group h3{font-size:9px;letter-spacing:.8px}.footer-link-group a{font-size:11px;gap:6px}.donation-card{height:850px}}

/* Closing scripture: readable editorial quotation. */
.sidebar-bottom-verse{font-size:20px;line-height:1.5;padding:20px 12px 18px;margin-top:12px}.sidebar-bottom-verse small{font:500 11px/1.5 var(--sans);font-style:normal;letter-spacing:1.8px;text-transform:uppercase;margin-top:12px}
@media(max-width:580px){.sidebar-bottom-verse{font-size:21px;padding:20px 12px}}

/* The provider adds viewport padding; keep the donation card free of nested scrolling. */
.donation-card{height:700px;overflow:hidden}
@media(max-width:580px){.donation-card{height:760px}}

.tips-card .outline-btn{background:var(--midnight);border-color:var(--midnight);color:#fff}.tips-card .outline-btn:hover{background:#19334f;border-color:#19334f;color:#fff}.footer-heading{line-height:1.45}

.tips-card{border-bottom:0}.page-main + .site-footer{border-top:1px solid var(--line)}


/* Give the cathedral its own centered column instead of masking a low-resolution crop. */
@media(min-width:1201px){
 .masthead-aside{display:grid;grid-template-columns:minmax(120px,1fr) minmax(110px,1fr) 128px;align-items:center;gap:10px;min-height:150px}
 .masthead-beat{max-width:none;font-size:9px;letter-spacing:.8px;line-height:1.8}
 .masthead-cathedral{position:static;display:block;justify-self:center;align-self:center;width:100%;height:145px;max-height:none;object-fit:contain;opacity:.85;filter:none;mix-blend-mode:multiply;mask-image:none;-webkit-mask-image:none}
 .masthead-verse{font-size:16px;line-height:1.4;text-align:center}
}
.article-body blockquote.pull-quote{position:relative;margin:48px auto;padding:36px 28px 28px;max-width:680px;border:0;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);background:transparent;color:var(--midnight);text-align:center}.article-body blockquote.pull-quote:before{content:'“';display:block;color:var(--gold);font:76px/.65 var(--serif)}.article-body blockquote.pull-quote p{font:italic 30px/1.5 var(--serif);color:var(--midnight);margin:18px 0}.article-body blockquote.pull-quote cite{display:block;font:600 11px/1.6 var(--sans);letter-spacing:1.7px;text-transform:uppercase;font-style:normal;margin-top:18px}@media(max-width:580px){.article-body blockquote.pull-quote{margin:32px 0;padding:30px 12px 24px}.article-body blockquote.pull-quote p{font-size:25px}}
/* Reader tips: midnight panel, ivory copy, antique-gold call to action. */
.tips-card{background:var(--midnight);color:var(--stone);border:0;padding:30px 26px;margin:16px 0 28px;gap:24px}.tips-card h2,.tips-card p{color:var(--stone)}.tips-card .eyebrow,.tips-card .tips-email{color:var(--gold)}.tips-card .tips-email:hover{color:var(--stone);text-decoration:underline}.tips-card .outline-btn{background:var(--gold);border-color:var(--gold);color:var(--midnight);font-weight:600}.tips-card .outline-btn:hover{background:#cbb17d;border-color:#cbb17d;color:var(--midnight)}.tips-card a:focus-visible{outline:2px solid var(--stone);outline-offset:5px}@media(max-width:850px){.tips-card{padding:26px 22px}}@media(max-width:580px){.tips-card{padding:25px 20px;gap:20px}.tips-card .outline-btn{min-height:44px}}