/* Church 418: readable type and uncropped photographs. */
html{font-size:100%;-webkit-text-size-adjust:100%}
:root{--muted:#515b53;--body-size:1.125rem;--detail-size:.875rem;--action-size:1rem}
body{font-size:var(--body-size);line-height:1.75;overflow-wrap:break-word}
h1,h2,h3,h4{overflow-wrap:anywhere}
:where(.hero-copy,.hero-image,.section-heading>*,.expect-layout>*,.heart-inner>*,.visit>*,.faq-layout>*,.footer-main>*,.home-note,.blog-feature>*){min-width:0}
.eyebrow,.hero .eyebrow,.closing .eyebrow,.faq-layout .eyebrow,.blog-feature .eyebrow,.small-label,.gathering-strip .small-label,.footer-main .small-label{font-size:var(--detail-size);line-height:1.6;letter-spacing:.08em}
.hero .eyebrow{align-items:start}
.little-cross{flex-shrink:0;line-height:1.6}
.hero-intro,.visit-intro,.section-heading>p,.expect-list p,.expect-list article p,.heart-copy p:not(.eyebrow),.faq-list details p,.faq-layout>div:first-child>p:last-child,.closing>p:not(.eyebrow),.home-note p,.home-notes-heading p:not(.eyebrow),.home-feature>p,.home-blog-recent article>p,.blog-intro>p:last-child,.blog-feature>div>p:not(.eyebrow),.reflection-card>p,.blog-invitation>p:not(.eyebrow),.blog-empty p{font-size:var(--body-size);line-height:1.75}
.hero-intro{max-width:46ch}
.heart-copy p.identity-note{font-size:1rem}
.hero h1{font-size:clamp(3.5rem,5.5vw,5rem);letter-spacing:-.045em}
h3,.expect-list article h3{font-size:1.375rem;line-height:1.4}
.button,.button-small,.navigation>a:not(.button),.text-link,.hero-actions .button,.hero-actions .text-link,.visit-actions .button,.visit-actions .text-link,.expect-list>.text-link,.heart-copy>.text-link,.home-note>.text-link,.closing>.button,.closing>.text-link,.home-blog-recent>.button{font-size:var(--action-size);line-height:1.5}
.button,.text-link{max-width:100%;min-height:44px}
.button{gap:1rem;text-align:center;white-space:normal;overflow-wrap:anywhere}
.hero-actions,.visit-actions{flex-wrap:wrap;gap:1rem 1.5rem}
.hero-actions .button,.hero-actions .text-link,.visit-actions .text-link{white-space:normal}
.button span[aria-hidden]{flex-shrink:0}
.navigation{gap:1.5rem;flex:1 1 34rem;flex-wrap:wrap;justify-content:flex-end}
.navigation>a{flex-shrink:0;max-width:100%}
.header-inner{gap:1.5rem;height:auto;min-height:89px;padding-block:12px;flex-wrap:wrap}
.brand,.footer-brand{width:170px;max-width:100%}
.brand img,.footer-brand img{display:block;width:100%;height:auto;aspect-ratio:240/87;object-fit:contain}
.announcement{font-size:var(--detail-size);line-height:1.6;flex-wrap:wrap;gap:.25rem 1.5rem;padding-block:.625rem}
.announcement>*{max-width:100%}
.affirmation,.hero-image>figcaption,.table-photo figcaption,.post-meta,.home-note .post-meta,.reflection-card .post-meta,.article-byline,.article-end,.article-content figcaption,.results-count,.card-bottom,.footer-bottom{font-size:var(--detail-size);line-height:1.6}
.affirmation{align-items:start}
.gathering-strip strong,.visit-details dd{font-size:1.125rem;line-height:1.5}
.gathering-strip>div>span:last-child:not(.small-label),.visit-details dd span,.visit-note p{font-size:1rem;line-height:1.65}
.visit-details dt{font-size:var(--detail-size)}
.faq-list summary{font-size:1.125rem;line-height:1.5;min-height:56px}
.faq-list summary>span{flex-shrink:0}
.footer-main p,.footer-main>div>a:not(.footer-brand){font-size:1rem;line-height:1.8;overflow-wrap:anywhere}
.footer-bottom{flex-wrap:wrap}
.footer-bottom>div{flex-wrap:wrap}
.article-content{font-size:1.25rem;line-height:1.8;max-width:65ch}
.article-content p{line-height:inherit}
.article-content table{font-size:1rem}
.wp-blog-search label,.blog-search label,.church-comments label{font-size:1rem;line-height:1.5}
.wp-blog-search input,.wp-blog-search select,.blog-search input,.article-content :where(input,select,textarea),.church-comments input,.church-comments textarea{font-size:1rem;line-height:1.5}
.topic-filters button{font-size:var(--detail-size);min-height:44px}
.reading-page{max-width:1000px}
.article-heading,.article-cover{max-width:850px}
.hero-image{align-self:center;min-height:0;padding-bottom:3rem}
.hero-image>img,.table-photo img,.prayer-photo img,.visit-photo img,.home-feature-image img,.featured-art img,.article-cover img{display:block;width:100%;height:auto;min-height:0;max-height:none;object-fit:contain;object-position:center}
.hero-image>figcaption{bottom:0}
.hero-image:before{bottom:calc(3rem + 14px)}
.photo-tag{font-size:var(--detail-size);line-height:1.5;letter-spacing:.04em;max-width:80%;left:.75rem;padding:.75rem 1rem}
.visit-photo figcaption{font-size:1rem;line-height:1.5}
.visit-photo figcaption>span:first-child{font-size:var(--detail-size)}
.featured-art,.home-feature-image,.article-cover{height:auto;background:var(--pale)}
img.libronixLinkImage,.article-content img.libronixLinkImage{display:inline-block;width:auto;height:.9em;max-width:1.1em;margin:0;vertical-align:baseline}
.rtLibronix{display:inline-block;line-height:1;vertical-align:baseline}
@media(max-width:1100px) and (min-width:961px){
  .hero{gap:2rem}
  .hero h1{font-size:3.75rem}
  .navigation{gap:1rem}
  .brand{width:150px}
}
@media(max-width:960px){
  :root{--body-size:1.0625rem}
  .wrap{width:calc(100% - 40px)}
  .hero h1{font-size:clamp(2.625rem,11.7vw,4.5rem)}
  .header-inner,.navigation-ready .header-inner{height:auto;min-height:80px;padding-block:.75rem;gap:1rem}
  .brand{width:160px;max-width:calc(100% - 105px)}
  .menu-toggle,.navigation-ready .menu-toggle{font-size:1rem;min-height:44px}
  .navigation-ready .navigation{top:100%;max-height:calc(100dvh - 80px);padding:1rem 20px 1.5rem}
  .navigation{flex:0 0 100%;flex-wrap:nowrap;justify-content:initial}
  .navigation>a:not(.button){font-size:1rem}
  .navigation>.button{align-self:stretch}
  .hero-image{margin-right:8px;min-height:0}
  .hero-image>img,.table-photo img,.prayer-photo img,.visit-photo img{height:auto;min-height:0;max-height:none;object-fit:contain}
  .hero-image:before{bottom:calc(3rem + 9px)}
  .gathering-strip strong,.visit-details dd{font-size:1.0625rem}
  .article-content{font-size:1.125rem;line-height:1.8}
  .card-bottom{gap:.75rem;flex-wrap:wrap}
}
@media(max-width:600px){
  .photo-tag{display:none}
  .footer-main{grid-template-columns:1fr;gap:2rem}
  .gathering-strip{grid-template-columns:minmax(0,1fr);column-gap:1rem}
  .gathering-strip>div:nth-child(3){padding:1rem 0 0;border-left:0;border-top:1px solid var(--line)}
  .visit-actions{align-items:start}
  .hero-actions .button{font-size:1rem}
  .closing>.text-link,.blog-invitation>.text-link{width:fit-content}
}
@media(max-width:380px){.wrap{width:calc(100% - 36px)}}


/* Reserve each photograph’s real shape before native lazy loading completes. */
.hero-image>img{aspect-ratio:auto 1920/1419}
.table-photo img,.prayer-photo img{aspect-ratio:auto 4/3}
.visit-photo img{aspect-ratio:auto 3/4}
