/* The Living Resource Guide in the Gravitas site system (site-system.css).
   Landing page, the National Resource Directory and the twenty articles. */
body.gx-living-resource-guide { --gold: var(--gx-gold); --muted: var(--gx-slate); --body: var(--gx-ink); --ink: var(--gx-ink); --line: var(--gx-border); }

/* =====================================================================
   Landing page
   ===================================================================== */

/* hero card: the binder photograph fills the card, the copy sits over its left side, the part navigation closes it */
body.gx-lrg-home .hero.gx-hero { padding: 0 !important; isolation: isolate; }
body.gx-lrg-home .hero > img { height: clamp(460px, 40vw, 600px); border-radius: var(--gx-r) var(--gx-r) 0 0; }
body.gx-lrg-home .hero::after { border-radius: var(--gx-r) var(--gx-r) 0 0; bottom: auto; height: clamp(460px, 40vw, 600px); background: linear-gradient(90deg, rgba(240,238,232,.99) 0%, rgba(240,238,232,.95) 34%, rgba(240,238,232,.72) 48%, rgba(240,238,232,0) 66%); }
body.gx-lrg-home .hero-copy { bottom: auto; height: clamp(460px, 40vw, 600px); max-width: none; left: 0; transform: none; padding: 40px var(--gx-hero-pad); }
body.gx-lrg-home .hero-copy .eyebrow { margin-bottom: 26px; }
body.gx-lrg-home .hero-copy .logo { width: 520px; max-width: 46%; margin-bottom: 26px; }
body.gx-lrg-home .hero-dek { width: 44%; max-width: 30ch; font-size: var(--gx-lead); line-height: 1.38; color: var(--gx-ink); }
body.gx-lrg-home .hero-copy .hero-bottom { margin: 22px 0 0; font: 700 .8125rem/1.6 var(--gx-sans); letter-spacing: .14em; text-transform: uppercase; color: var(--gx-gold); }

/* the part navigation, restyled as the shared sub-navigation */
body.gx-lrg-home .hero .part-nav.gx-subnav { position: static; width: auto; max-width: none; margin: 0; border: 0; backdrop-filter: none; background: var(--gx-ground); box-shadow: var(--gx-inset); }
body.gx-lrg-home .hero .part-nav.gx-subnav .part-nav-inner { display: contents; }
body.gx-lrg-home .hero .gx-subnav a,
body.gx-lrg-home .hero .gx-subnav .part-nav-inner > a { display: inline-flex; align-items: center; gap: 10px; margin: 0; padding: 12px 20px; font: 600 .875rem/1.4 var(--gx-sans); letter-spacing: .06em; text-transform: uppercase; text-decoration: none; color: var(--gx-ink); background: var(--gx-ground); border: 1px solid var(--gx-border); border-left: 1px solid var(--gx-border); border-radius: var(--gx-r); box-shadow: var(--gx-raise-sm); }
body.gx-lrg-home .hero .gx-subnav a:hover, body.gx-lrg-home .hero .gx-subnav a:active { background: var(--gx-ground); box-shadow: var(--gx-inset); color: var(--gx-gold-deep); }
body.gx-lrg-home .hero .gx-subnav .part-num { width: 26px; height: 26px; font: 700 .6875rem/1 var(--gx-sans); letter-spacing: 0; color: var(--gx-gold); border-color: #d2c5ae; }

/* the two parts: headings on the ground, content in raised panels */
body.gx-lrg-home .part-section { padding: clamp(64px, 7vw, 96px) 0 clamp(40px, 5vw, 64px); }
body.gx-lrg-home .part-two { border-top: 0; background: transparent; }
body.gx-lrg-home .wrap { box-sizing: border-box; width: var(--gx-frame); max-width: none; padding-inline: 0; }
body.gx-lrg-home .section-heading { max-width: 820px; margin-bottom: 40px; }
body.gx-lrg-home .section-heading h2 { margin-bottom: 22px; }
body.gx-lrg-home .section-heading .intro { font-size: var(--gx-lead); line-height: 1.4; color: var(--gx-slate); max-width: 40ch; }
body.gx-lrg-home .columns { grid-template-columns: minmax(0, 1fr) 340px; gap: 34px; }
body.gx-lrg-home .panel { padding: clamp(28px, 4vw, 48px); border-radius: var(--gx-r); background: var(--gx-ground); box-shadow: var(--gx-raise); }
body.gx-lrg-home .panel p { font-size: var(--gx-body); line-height: 1.55; color: var(--gx-ink); }
body.gx-lrg-home .panel h3 { font-size: 1.875rem; line-height: 1.15; margin: 6px 0 14px; }
body.gx-lrg-home .panel p + h3 { margin-top: 30px; }

/* the directory callout: a raised navy panel */
body.gx-lrg-home .callout { padding: clamp(28px, 3vw, 36px); border-radius: var(--gx-r); background: var(--gx-ink); box-shadow: var(--gx-raise); }
body.gx-lrg-home .callout .eyebrow { color: #d2b575 !important; }
body.gx-lrg-home .callout h3 { font-size: 2rem; line-height: 1.1; color: #f6f1e6; margin-bottom: 14px; }
body.gx-lrg-home .callout p { font-size: 1.125rem; line-height: 1.5; color: #e3e6e6; }
body.gx-lrg-home .callout .count { font: 500 4rem/1 var(--gx-serif); color: #f6f1e6; margin: 22px 0 6px; }
body.gx-lrg-home .callout .count-label { font: 600 .75rem/1.5 var(--gx-sans) !important; letter-spacing: .1em; text-transform: uppercase; color: #d2b575 !important; }
body.gx-lrg-home .solid-link { min-height: 46px; padding: 13px 20px; margin-top: 14px; border-radius: var(--gx-r); font: 600 .8125rem/1.4 var(--gx-sans); letter-spacing: .06em; text-transform: uppercase; color: var(--gx-ink); background: var(--gx-ground); box-shadow: 3px 3px 6px rgba(3, 14, 24, .45), -2px -2px 5px rgba(255, 255, 255, .12); }
body.gx-lrg-home .solid-link:hover { background: var(--gx-ground); color: var(--gx-gold-deep); }
body.gx-lrg-home .solid-link:active { box-shadow: var(--gx-inset); }

/* reading lists */
body.gx-lrg-home .reading-head { margin: 56px 0 28px; padding-bottom: 16px; border-bottom-color: var(--gx-border); }
body.gx-lrg-home .reading-head h3 { font-size: var(--gx-h3); }
body.gx-lrg-home .reading-head span { font: 600 .75rem/1.5 var(--gx-sans); letter-spacing: .1em; text-transform: uppercase; color: var(--gx-slate); white-space: nowrap; }
body.gx-lrg-home .article-grid { gap: 26px; }
body.gx-lrg-home .article-card { padding: 28px 30px; border: 0; border-radius: var(--gx-r); background: var(--gx-ground); box-shadow: var(--gx-raise); color: var(--gx-ink); transition: box-shadow .15s cubic-bezier(.22,.61,.36,1); }
body.gx-lrg-home .article-card:hover { transform: none; background: var(--gx-ground); box-shadow: var(--gx-raise-sm); }
body.gx-lrg-home .article-card:active { box-shadow: var(--gx-inset); }
body.gx-lrg-home .article-card .number { font: 700 .8125rem/1.6 var(--gx-sans); letter-spacing: .1em; color: var(--gx-gold); padding-top: 8px; min-width: 24px; }
body.gx-lrg-home .article-card h3 { font-size: 1.625rem; line-height: 1.15; letter-spacing: -.015em; margin-bottom: 10px; }
body.gx-lrg-home .article-card p { font-size: 1.125rem; line-height: 1.5; color: var(--gx-slate); margin-bottom: 16px; }
body.gx-lrg-home .read-label { font: 600 .75rem/1.4 var(--gx-sans); letter-spacing: .08em; text-transform: uppercase; color: var(--gx-gold); }

/* social capital: the trust list sits in an inset well */
body.gx-lrg-home .trust-panel { margin-top: 28px; padding: clamp(24px, 3vw, 36px); border: 0; border-radius: var(--gx-r); background: var(--gx-ground); box-shadow: var(--gx-inset); }
body.gx-lrg-home .trust-panel h3 { font-size: 1.625rem; margin-bottom: 14px; }
body.gx-lrg-home .trust-panel li { font-size: var(--gx-body); line-height: 1.45; color: var(--gx-ink); }
body.gx-lrg-home .trust-panel li::marker { font: 600 .9375rem var(--gx-sans); color: var(--gx-gold); }
body.gx-lrg-home .formula { font-size: 1.1875rem; line-height: 1.45; border-top-color: var(--gx-border); color: var(--gx-ink); }
body.gx-lrg-home .formula strong { font: 700 .8125rem/1.6 var(--gx-sans); letter-spacing: .14em; text-transform: uppercase; color: var(--gx-gold); }

/* interviews: players in inset wells */
body.gx-lrg-home #interviews { scroll-margin-top: 110px; }
body.gx-lrg-home .video-frame { padding: 6px; border-radius: var(--gx-r); background: var(--gx-ground); box-shadow: var(--gx-inset); }
body.gx-lrg-home .video-frame iframe { border-radius: 14px; background: var(--gx-ink); }
body.gx-lrg-home .video-card h3 { font-size: 1.375rem; line-height: 1.2; margin: 14px 0 6px; }
body.gx-lrg-home .video-caption { font: 600 .6875rem/1.6 var(--gx-sans) !important; letter-spacing: .08em; text-transform: uppercase; color: var(--gx-slate); }
body.gx-lrg-home .video-caption a { color: var(--gx-ink); text-decoration: none; border-bottom: 1px solid var(--gx-gold); }

/* the closing thought: the Gravitas closing card, inset and centred, with the star */
body.gx-lrg-home .credit { display: flex; flex-direction: column; align-items: center; gap: 22px; box-sizing: border-box; max-width: none; margin: 56px 0 0; padding: clamp(40px, 6vw, 72px) clamp(24px, 6vw, 96px); border-radius: var(--gx-r); background: var(--gx-ground); box-shadow: var(--gx-inset); text-align: center; font-size: var(--gx-lead); line-height: 1.42; color: var(--gx-ink); text-wrap: balance; }
body.gx-lrg-home .credit::before { content: "✦"; font-size: 1.75rem; line-height: 1; color: var(--gx-gold); }

/* the shared blog feed */
body.gx-lrg-home .blog-program-feed { box-sizing: border-box; width: var(--gx-frame); max-width: none; margin: 24px auto 56px; border-top: 0; padding-inline: 0; }
body.gx-lrg-home .blog-program-feed .blog-card { padding: 12px 12px 22px; border-radius: var(--gx-r); background: var(--gx-ground); box-shadow: var(--gx-raise); border-bottom: 0; }
body.gx-lrg-home .blog-program-feed .blog-card img { border-radius: 14px; box-shadow: var(--gx-inset); }
body.gx-lrg-home .blog-program-feed .blog-card > :not(.blog-card-title) { margin-inline: 10px; }
body.gx-lrg-home .blog-program-feed .blog-card-title :is(h2, h3) { margin: 18px 10px 10px; font: 500 1.625rem/1.15 var(--gx-serif); letter-spacing: -.015em; color: var(--gx-ink); }
body.gx-lrg-home .blog-program-feed .blog-description { font-size: 1.125rem; line-height: 1.5; color: var(--gx-slate); }
body.gx-lrg-home .blog-program-feed .blog-categories a { font: 700 .6875rem/1.5 var(--gx-sans); letter-spacing: .12em; text-transform: uppercase; color: var(--gx-gold); text-decoration: none; }
body.gx-lrg-home .blog-program-feed .blog-tags a { font: 600 .6875rem/1.3 var(--gx-sans); letter-spacing: .06em; text-transform: uppercase; color: var(--gx-ink); padding: 8px 12px; background: var(--gx-ground); border: 1px solid var(--gx-border); border-radius: var(--gx-r); box-shadow: var(--gx-raise-sm); text-decoration: none; }
body.gx-lrg-home .blog-program-feed .blog-tags a:active { box-shadow: var(--gx-inset); }

/* =====================================================================
   Program footer (all pages): a raised navy panel on the frame
   ===================================================================== */
body.gx-living-resource-guide .site-footer { box-sizing: border-box; width: var(--gx-frame); margin: 0 auto 28px; padding: 30px clamp(24px, 4vw, 48px); border-radius: var(--gx-r); background: var(--gx-ink); box-shadow: var(--gx-raise); font-family: var(--gx-text); }
body.gx-living-resource-guide .site-footer .footer-inner { max-width: none; }
body.gx-living-resource-guide .site-footer .brand { font: 700 1.375rem/1 var(--gx-sans); letter-spacing: -.03em; }
body.gx-living-resource-guide .site-footer p, body.gx-living-resource-guide .site-footer a:not(.brand) { font: 600 .75rem/1.6 var(--gx-sans); letter-spacing: .08em; text-transform: uppercase; color: #dce2e4; }
body.gx-living-resource-guide .site-footer .brand + p { margin-top: 6px; color: #d2b575; }

/* =====================================================================
   Articles
   ===================================================================== */
/* the guide's own small header row above the article */
body.gx-lrg-article .program-header { box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px 28px; width: min(920px, 100% - 56px); margin: 26px auto 0; padding: 14px 24px; border-radius: var(--gx-r); background: var(--gx-ground); box-shadow: var(--gx-raise-sm); }
body.gx-lrg-article .program-header .brand { font: 700 1.25rem/1 var(--gx-sans); letter-spacing: -.03em; color: var(--gx-ink); text-decoration: none; }
body.gx-lrg-article .program-header .brand span { color: var(--gx-gold); }
body.gx-lrg-article .program-header nav { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 22px; }
body.gx-lrg-article .program-header nav a { font: 600 .75rem/1.5 var(--gx-sans); letter-spacing: .08em; text-transform: uppercase; color: var(--gx-ink); text-decoration: none; border-bottom: 1px solid var(--gx-gold); padding-bottom: 2px; }
body.gx-lrg-article .program-header nav a:hover { color: var(--gx-gold-deep); }
body.gx-lrg-article .program-header .directory-link { padding: 10px 16px; border: 1px solid var(--gx-border); border-radius: var(--gx-r); box-shadow: var(--gx-raise-sm); }
body.gx-lrg-article .program-header .directory-link:active { box-shadow: var(--gx-inset); }
body.gx-lrg-article .article-wrap { max-width: 920px; margin: 26px auto 64px; }
body.gx-lrg-article .breadcrumbs { margin-bottom: 22px; }
body.gx-lrg-article .article-paper { border-top: 0; border-radius: var(--gx-r); background: var(--gx-ground); box-shadow: var(--gx-raise); padding: clamp(32px, 6vw, 72px) clamp(24px, 6.5vw, 80px); }
body.gx-lrg-article .article-paper h1 { font-size: clamp(2.5rem, 4.6vw, 3.75rem); line-height: 1.06; margin: 6px 0 20px; }
body.gx-lrg-article .article-paper .dek { font-size: var(--gx-lead); line-height: 1.4; color: var(--gx-slate); margin-bottom: 34px; padding-bottom: 30px; border-bottom: 1px solid var(--gx-border); }
body.gx-lrg-article .article-body { color: var(--gx-ink); line-height: 1.6; }
body.gx-lrg-article .article-body p, body.gx-lrg-article .article-body li { font-size: var(--gx-body); line-height: 1.6; }
body.gx-lrg-article .article-body :is(h2, h3, h4) { font-size: 1.875rem; line-height: 1.15; letter-spacing: -.015em; margin: 40px 0 14px; }
body.gx-lrg-article .article-body li::marker { color: var(--gx-gold); }
body.gx-lrg-article .article-body a { color: var(--gx-gold-deep); }
body.gx-lrg-article .article-body blockquote { margin: 30px 0; padding: 26px 30px; border: 0; border-radius: var(--gx-r); background: var(--gx-ground); box-shadow: var(--gx-inset); font-size: var(--gx-lead); line-height: 1.4; }
body.gx-lrg-article .article-body blockquote p { font-size: inherit; line-height: inherit; }
body.gx-lrg-article .article-body hr { border-top-color: var(--gx-border); }
body.gx-lrg-article .article-bottom { margin-top: 44px; padding-top: 28px; border-top-color: var(--gx-border); gap: 18px 28px; }
body.gx-lrg-article .article-bottom a { font: 600 .8125rem/1.6 var(--gx-sans); letter-spacing: .08em; text-transform: uppercase; text-decoration: none; color: var(--gx-ink); border-bottom: 1px solid var(--gx-gold); padding-bottom: 3px; align-self: flex-start; }
body.gx-lrg-article .article-bottom a:hover { color: var(--gx-gold-deep); }

/* =====================================================================
   National Resource Directory
   ===================================================================== */
body.gx-lrg-directory .top.gx-hero { display: block; padding-bottom: 0 !important; color: var(--gx-ink); font-family: var(--gx-serif); }
body.gx-lrg-directory .top .backlink { display: inline-block; margin-bottom: 26px; font: 600 .75rem/1.5 var(--gx-sans); letter-spacing: .08em; text-transform: uppercase; color: var(--gx-ink); text-decoration: none; border-bottom: 1px solid var(--gx-gold); padding-bottom: 3px; }
body.gx-lrg-directory .top .backlink:hover { color: var(--gx-gold-deep); text-decoration: none; }
body.gx-lrg-directory .top .kicker { font: 700 .8125rem/1.6 var(--gx-sans); letter-spacing: .14em; text-transform: uppercase; color: var(--gx-gold); }
body.gx-lrg-directory .top h1 { margin: 14px 0 20px; font: 500 var(--gx-h1)/1.06 var(--gx-serif); letter-spacing: -.02em; color: var(--gx-ink); text-wrap: balance; }
body.gx-lrg-directory .top p { max-width: 42ch; font-size: var(--gx-lead); line-height: 1.4; color: var(--gx-slate); }
body.gx-lrg-directory .gx-subnav { scroll-margin-top: 20px; }

body.gx-lrg-directory .wrap { box-sizing: border-box; width: var(--gx-frame); max-width: none; gap: 28px; padding: 28px 0 0; }
body.gx-lrg-directory nav.side { top: 20px; flex-basis: 300px; padding: 18px; border-radius: var(--gx-r); background: var(--gx-ground); box-shadow: var(--gx-raise); scrollbar-width: thin; }
body.gx-lrg-directory .searchbox { padding: 14px 18px; border: 0; border-radius: var(--gx-r); background: var(--gx-ground); box-shadow: var(--gx-inset); font: 400 1.125rem var(--gx-serif); color: var(--gx-ink); }
body.gx-lrg-directory .reset-search { font: 600 .75rem/1.5 var(--gx-sans); letter-spacing: .08em; text-transform: uppercase; color: var(--gx-gold-deep); text-decoration: none; border-bottom: 1px solid var(--gx-gold); padding: 0 0 2px; margin: 12px 0 14px; display: inline-block; }
body.gx-lrg-directory .reset-search[hidden] { display: none !important; }
body.gx-lrg-directory .navlink { gap: 10px; padding: 10px 12px; border-radius: 14px; font: 600 1.0625rem/1.3 var(--gx-serif); color: var(--gx-ink); }
body.gx-lrg-directory .navlink:hover { background: var(--gx-ground); box-shadow: var(--gx-inset); }
body.gx-lrg-directory .navlink.active, body.gx-lrg-directory .navlink[aria-current=true] { background: var(--gx-ink); color: #f6f1e6; box-shadow: var(--gx-raise-sm); }

body.gx-lrg-directory .count { margin: 4px 0 18px; font: 600 .75rem/1.5 var(--gx-sans); letter-spacing: .1em; text-transform: uppercase; color: var(--gx-slate); }
body.gx-lrg-directory .cat { margin-bottom: 26px; padding: clamp(24px, 3.5vw, 40px); border: 0; border-radius: var(--gx-r); background: var(--gx-ground); box-shadow: var(--gx-raise); scroll-margin-top: 20px; }
body.gx-lrg-directory .cathead { gap: 14px; padding-bottom: 14px; margin-bottom: 14px; border-bottom: 1px solid var(--gx-border); }
body.gx-lrg-directory .cathead h2 { font-size: var(--gx-h3); line-height: 1.15; }
body.gx-lrg-directory .caticon { font-size: 1.5rem; }
body.gx-lrg-directory .blurb { font-size: 1.1875rem; line-height: 1.5; color: var(--gx-slate); margin-bottom: 20px; }
body.gx-lrg-directory .group { margin: 22px 0 0; }
body.gx-lrg-directory .gsrc { margin-bottom: 10px; font: 700 .75rem/1.5 var(--gx-sans); letter-spacing: .14em; text-transform: uppercase; color: var(--gx-gold); }
body.gx-lrg-directory .card { margin-bottom: 10px; padding: 14px 18px; border: 0; border-radius: 14px; background: var(--gx-ground); box-shadow: var(--gx-inset); }
body.gx-lrg-directory .clink { font: 600 1.1875rem/1.35 var(--gx-serif); color: var(--gx-ink); }
body.gx-lrg-directory .clink:hover { color: var(--gx-gold-deep); }
body.gx-lrg-directory .ext { font-family: var(--gx-sans); font-size: .75rem; color: var(--gx-gold); }
body.gx-lrg-directory .cdesc { margin-top: 4px; font-size: 1.0625rem; line-height: 1.45; color: var(--gx-slate); }
body.gx-lrg-directory .nores { font-size: var(--gx-body); color: var(--gx-slate); }
body.gx-lrg-directory > footer { box-sizing: border-box; width: var(--gx-frame); max-width: none; margin: 8px auto 0; padding: 18px 0 40px; font: 600 .75rem/1.7 var(--gx-sans) !important; letter-spacing: .06em; text-transform: uppercase; color: var(--gx-slate); }

@media (max-width: 950px) {
  body.gx-lrg-home .columns { grid-template-columns: minmax(0, 1fr) 290px; }
}
@media (max-width: 850px) {
  body.gx-lrg-directory .wrap { padding: 22px 0 0; gap: 20px; }
  body.gx-lrg-directory nav.side { padding: 16px; }
  body.gx-lrg-directory .navwrap { gap: 8px; max-height: 190px; padding: 6px; }
  body.gx-lrg-directory .navlink { padding: 8px 12px; font-size: 1rem; border-radius: var(--gx-r); background: var(--gx-ground); box-shadow: var(--gx-raise-sm); }
}
@media (max-width: 720px) {
  body.gx-lrg-home .hero > img, body.gx-lrg-home .hero::after { height: auto; border-radius: 0; }
  body.gx-lrg-home .hero-copy { height: auto; padding: 32px 22px 26px; background: transparent; }
  body.gx-lrg-home .hero-copy .logo { max-width: 100%; }
  body.gx-lrg-home .hero-dek { width: 100%; }
  body.gx-lrg-home .hero .gx-subnav .part-nav-inner > a { flex-direction: column; gap: 6px; }
  body.gx-lrg-article .program-header { width: calc(100% - 24px); padding: 14px 18px; }
  body.gx-lrg-home .columns { grid-template-columns: 1fr; }
  body.gx-lrg-home .callout .count { display: block; font-size: 3.25rem; }
  body.gx-lrg-home .article-card { padding: 24px 22px; }
  body.gx-lrg-home .article-card h3 { font-size: 1.5rem; }
  body.gx-lrg-home .reading-head { flex-wrap: wrap; gap: 6px 16px; }
  body.gx-lrg-article .article-wrap { padding: 0 12px; }
  body.gx-lrg-article .article-body blockquote { padding: 20px 20px; }
  body.gx-living-resource-guide .site-footer { padding: 26px 22px; }
}

/* Tale of Two Chaplains: windowed drop-down */
.tale-drop{margin:48px 0 8px}
.tale-details{border-radius:22px;overflow:hidden;background:var(--gx-ground,#f0eee8);box-shadow:0 14px 34px rgba(20,30,45,.2)}
.tale-window{display:block;position:relative;cursor:pointer;list-style:none;line-height:0}
.tale-window::-webkit-details-marker{display:none}
.tale-window img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover}
.tale-window::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,14,20,0) 30%,rgba(10,14,20,.82) 100%)}
.tale-cap{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:0 clamp(20px,4vw,44px) clamp(18px,3vw,32px);line-height:1.35;color:#fff;display:block}
.tale-eyebrow{display:block;font:600 .75rem/1.4 var(--gx-sans,system-ui);letter-spacing:.14em;text-transform:uppercase;color:#e3c99e;margin-bottom:8px}
.tale-cap h3{margin:0 0 8px;font-size:clamp(1.7rem,4vw,2.8rem);line-height:1.08;letter-spacing:-.02em;color:#fff}
.tale-dek{display:block;max-width:620px;font-size:clamp(.95rem,1.5vw,1.1rem);color:#eef1f4}
.tale-cue{display:inline-flex;align-items:center;gap:10px;margin-top:14px;padding:9px 16px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.4);font:600 .78rem/1 var(--gx-sans,system-ui);letter-spacing:.1em;text-transform:uppercase;backdrop-filter:blur(4px)}
.tale-window:hover .tale-cue,.tale-window:focus-visible .tale-cue{background:rgba(255,255,255,.28)}
.tale-window:focus-visible{outline:3px solid #e3c99e;outline-offset:-3px}
.tale-close{display:none}.tale-details[open] .tale-open{display:none}.tale-details[open] .tale-close{display:inline}
.tale-arrow{transition:transform .25s}.tale-details[open] .tale-arrow{transform:rotate(180deg)}
.tale-body{padding:clamp(24px,4vw,48px) clamp(22px,5vw,64px) clamp(26px,4vw,44px);color:var(--gx-ink,#203d49);line-height:1.7;animation:taleDrop .45s ease both}
.tale-body p{font-size:1.0625rem;line-height:1.7;margin:0 0 18px}
.tale-body h3{font-size:1.5rem;line-height:1.2;margin:30px 0 10px}
.tale-more{margin-top:26px;padding-top:18px;border-top:1px solid var(--gx-border,#d7d1c5)}
.tale-more a{color:var(--gx-gold-deep,#735521)}
@keyframes taleDrop{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
@media(max-width:640px){.tale-window img{aspect-ratio:3/2;object-position:42% 40%}.tale-cap h3{font-size:1.6rem}.tale-dek{display:none}}
@media(prefers-reduced-motion:reduce){.tale-body{animation:none}.tale-arrow{transition:none}}

/* Tale of Two Chaplains: smaller inline photos */
.tale-fig{margin:6px 0 20px;width:min(100%,380px);float:right;margin-left:26px}
.tale-fig img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 8px 22px rgba(20,30,45,.2)}
.tale-fig figcaption{margin-top:7px;font-size:.8125rem;line-height:1.4;color:#596577}
.tale-body h3,.article-body h3{clear:both}
@media(max-width:640px){.tale-fig{float:none;margin:6px auto 20px;width:min(100%,300px)}}

/* Tale window v2: headline in the upper-left of the image, nothing over the faces */
.tale-window::after{background:linear-gradient(100deg,rgba(8,11,16,.72) 0%,rgba(8,11,16,.35) 30%,rgba(8,11,16,0) 48%),linear-gradient(180deg,rgba(8,11,16,.35) 0%,rgba(8,11,16,0) 35%)}
.tale-cap{top:0;bottom:auto;right:auto;width:44%;padding:clamp(18px,3.4vw,44px) 0 0 clamp(20px,4vw,48px)}
.tale-cap h3{font-size:clamp(1.5rem,3.6vw,3rem);margin:0 0 6px}
.tale-eyebrow{margin-bottom:10px}
.tale-cue{margin-top:12px}
@media(max-width:640px){
 .tale-window{background:#0b0f15}
 .tale-window::after{display:none}
 .tale-window img{aspect-ratio:3/2}
 .tale-cap{position:static;display:block;width:auto;padding:18px 20px 20px}
 .tale-cap h3{font-size:1.7rem}
}
.tale-share{margin-top:28px;clear:both}

/* Tale window v3: readable headline, no vignette over faces, opening band */
html body .tale-drop .tale-window::after{display:none!important}
html body .tale-drop .tale-window{background:#0b0f15}
html body .tale-drop .tale-cap{color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.85),0 0 3px rgba(0,0,0,.6)}
html body .tale-drop .tale-cap h3.tale-h,html body .tale-drop .tale-cap h3{color:#fff!important;text-shadow:0 2px 16px rgba(0,0,0,.9),0 0 4px rgba(0,0,0,.7);font-family:'Cormorant Garamond',Georgia,'Times New Roman',serif;font-weight:700;letter-spacing:-.01em}
html body .tale-drop .tale-cap .tale-eyebrow{color:#f0d9a8!important}
.tale-band{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(20px,4vw,48px);align-items:center;padding:clamp(22px,3.4vw,36px) clamp(22px,4vw,48px);line-height:1.5;background:linear-gradient(180deg,#0b0f15,#141a22);border-top:2px solid #b8975a;text-align:left}
.tale-quote{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:clamp(1.35rem,2.4vw,1.9rem);line-height:1.3;color:#fff}
.tale-attr{display:block;margin-top:10px;font:600 .8rem/1.4 var(--gx-sans,system-ui);font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:#e3c99e}
.tale-side{display:block}
.tale-hook{display:block;font-size:1.02rem;line-height:1.55;color:#e7ebef;margin-bottom:6px}
.tale-band .tale-cue{margin-top:14px;background:#b8975a;border-color:#b8975a;color:#14100a}
.tale-window:hover .tale-band .tale-cue{background:#d1ae6d}
.tale-time{display:block;margin-top:10px;font-size:.8rem;color:#aab4be}
@media(max-width:640px){.tale-band{grid-template-columns:1fr;padding:20px}.tale-cap{background:#0b0f15}}
/* readable body */
.tale-body{max-width:780px;margin-inline:auto}
.tale-body p{font-size:1.125rem;line-height:1.8;color:#25323d}
.tale-body .tale-lead,.article-body .tale-lead{font-size:1.35rem;line-height:1.6;color:#14202a}
.tale-body .tale-lead::first-letter,.article-body .tale-lead::first-letter{float:left;font:700 4.1rem/.82 'Cormorant Garamond',Georgia,serif;padding:6px 10px 0 0;color:#8a6a2f}
.tale-body h3{position:relative;padding-top:18px;font-family:'Cormorant Garamond',Georgia,serif;font-size:2.1rem}
.tale-body h3::before{content:"";position:absolute;top:0;left:0;width:54px;height:3px;background:#b8975a;border-radius:2px}
.tale-body strong{color:#14202a}
.tale-closing{margin:36px 0 0;padding:6px 28px 12px;border-left:4px solid #b8975a;background:rgba(184,151,90,.1);border-radius:0 14px 14px 0;clear:both}
.tale-closing h3{margin-top:22px}
html body .tale-drop .tale-cap h3{font-size:clamp(2.1rem,4.8vw,4rem)!important;line-height:1.02!important;margin:0 0 4px!important}
html body .tale-drop .tale-cap{width:52%}
@media(max-width:640px){html body .tale-drop .tale-cap{width:auto}html body .tale-drop .tale-cap h3{font-size:2.2rem!important}}

/* opening line */
.tale-body .tale-kicker,.article-body .tale-kicker{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:600;font-size:clamp(1.9rem,4vw,2.7rem);line-height:1.15;color:#14202a;margin:0 0 18px}
.tale-body .tale-kicker::first-letter,.article-body .tale-kicker::first-letter{all:unset}