@font-face{font-family:Source Serif;src:url('/brand/fonts/SourceSerif4-Variable.ttf') format('truetype');font-weight:200 900;font-display:swap}
@font-face{font-family:Source Sans;src:url('/brand/fonts/SourceSans3-Variable.ttf') format('truetype');font-weight:200 900;font-display:swap}
:root{color-scheme:light dark;--paper:#f4eddf;--ink:#29241d;--muted:#706452;--brass:#795d32;--line:#d7cbb7;--panel:#ede3d2}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Source Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--brass)}a:focus-visible{outline:2px solid var(--brass);outline-offset:5px}img{display:block;max-width:100%;object-fit:cover}h1,h2,p,figure{margin:0}h1,h2,.brand{font-family:Source Serif,Georgia,serif;font-weight:500}h1{font-size:clamp(2.6rem,5.5vw,5rem);line-height:1.06;letter-spacing:-.045em}h2{letter-spacing:-.025em}.skip-link{position:absolute;top:-100px;left:1rem;padding:1rem;background:var(--paper);z-index:2}.skip-link:focus{top:1rem}.site-header{display:flex;align-items:center;justify-content:space-between;gap:2rem;border-bottom:1px solid var(--line);height:88px;padding:0 clamp(1.5rem,5vw,5rem)}.brand{display:flex;gap:.8rem;align-items:center;font-size:1.65rem;white-space:nowrap}.site-header nav{display:flex;align-self:stretch;gap:2rem;font-family:Source Serif,Georgia,serif}.site-header nav a{display:flex;align-items:center;position:relative;padding:0 .25rem}.site-header [aria-current]:after{content:'';position:absolute;height:2px;background:var(--brass);bottom:0;left:0;right:0}.text-link{font-size:.95rem;font-weight:600}main{max-width:1200px;margin:auto;padding:0 2rem}.introduction{padding:5rem 0 3.5rem}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.75rem;font-weight:600;color:var(--brass)}.introduction h1{margin:1rem 0 1.3rem}.introduction>p:last-child{font-size:1.2rem;line-height:1.5;color:var(--muted)}.post-card .image-link{display:block;overflow:hidden;background:var(--panel)}.post-card img{width:100%;height:auto;aspect-ratio:3/1}.card-copy{padding:1.3rem 0 0}.post-meta{font-size:.8rem;color:var(--muted);line-height:1.6}.card-copy h2{font-size:1.65rem;line-height:1.2;margin:.65rem 0}.card-copy>p:not(.post-meta){color:var(--muted);font-size:1rem;line-height:1.55;max-width:54ch}.card-copy .text-link{display:inline-block;margin-top:1.1rem;color:var(--brass)}.featured .card-copy{padding:1.6rem 0 0}.featured h2{font-size:clamp(2rem,3.7vw,3rem)}.featured .card-copy>p:not(.post-meta){font-size:1.1rem;max-width:70ch}.archive{margin:4rem 0 5rem}.section-heading{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 0;border-top:1px solid var(--line);margin-bottom:1.5rem}.section-heading h2{font-size:1.3rem}.section-heading span{font-size:.8rem;color:var(--muted)}.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem 2rem}.article-heading{max-width:850px;padding:3rem 0 2.5rem}.article-heading>.text-link{display:inline-block;margin-bottom:3rem;color:var(--muted)}.article-heading>.eyebrow{margin-bottom:1.1rem}.article-heading h1{font-size:clamp(2.5rem,5.5vw,4.6rem)}.article-heading>.post-meta{margin-top:1.4rem}.header-image img{width:100%;height:auto;aspect-ratio:3/1}.header-image figcaption{font-size:.7rem;color:var(--muted);margin-top:.5rem}.article-body{max-width:720px;margin:3rem auto 5rem}.scripture{border-left:2px solid var(--brass);padding:.2rem 0 .2rem 1.5rem;margin-bottom:2.5rem}.scripture h2{font-family:Source Sans,system-ui,sans-serif;font-size:.8rem;font-weight:600;color:var(--brass);letter-spacing:.04em}.scripture blockquote{margin:1rem 0;font-family:Source Serif,Georgia,serif;font-size:1.5rem;line-height:1.65}.scripture blockquote p+p{margin-top:.7rem}.scripture sup{font-family:Source Sans,sans-serif;font-size:.65rem;color:var(--muted)}.edition{font-size:.8rem;color:var(--muted)}.editorial .eyebrow{margin-bottom:1.3rem}.editorial p{font-family:Source Serif,Georgia,serif;font-size:1.2rem;line-height:1.85}.editorial p+p{margin-top:1.4rem}.context-link{margin:2.5rem 0;padding:1.2rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.context-link .text-link{color:var(--brass)}.context-link p{font-size:.85rem;line-height:1.6;color:var(--muted);margin-top:.5rem}.source-note{font-size:.75rem;line-height:1.7;color:var(--muted)}.site-footer{display:flex;justify-content:space-between;gap:2rem;margin:0 clamp(1.5rem,5vw,5rem);padding:2rem 0;border-top:1px solid var(--line);font-size:.8rem;color:var(--muted)}.site-footer>p{font-family:Source Serif,Georgia,serif;font-size:1rem}.site-footer nav{display:flex;gap:1.5rem}
@media(prefers-color-scheme:dark){:root{--paper:#171510;--ink:#e9e0d0;--muted:#b4a791;--brass:#c8a86f;--line:#43392b;--panel:#292218}.brand img{filter:invert(1)}}
@media(max-width:640px){.site-header{height:76px;padding:0 1.2rem;gap:1rem}.brand{font-size:1.3rem;gap:.5rem}.brand img{width:28px;height:28px}.site-header nav{gap:1rem;font-size:.9rem}main{padding:0 1.2rem}.introduction{padding:3rem 0 2.5rem}.introduction>p:last-child{font-size:1.05rem}.post-grid{grid-template-columns:1fr;gap:2.5rem}.archive{margin:3rem 0}.featured .card-copy{padding-top:1.2rem}.article-heading{padding:2rem 0 1.8rem}.article-heading>.text-link{margin-bottom:2rem}.article-body{margin-top:2rem}.scripture{padding-left:1rem}.scripture blockquote{font-size:1.25rem}.editorial p{font-size:1.1rem;line-height:1.8}.site-footer{flex-direction:column;gap:1rem}.site-footer nav{flex-wrap:wrap;gap:1rem}}
@media(forced-colors:active){:root{--paper:Canvas;--ink:CanvasText;--muted:CanvasText;--brass:LinkText;--line:CanvasText;--panel:Canvas}.brand img{filter:none}}

@media(max-width:480px){.site-header{height:auto;min-height:76px;flex-wrap:wrap;gap:.5rem;padding-top:.8rem}.site-header nav{width:100%;justify-content:center;height:44px}.site-header .brand{margin:auto}}

.site-header nav .app-nav-button{display:flex;align-items:center;position:relative;padding:0 .25rem;border:0;background:transparent;color:inherit;font:inherit}.site-header nav .app-nav-button:hover{color:var(--brass)}.site-header:has(.app-popover:popover-open) nav .app-nav-button::after{bottom:0}

.app-navigation {
  position: relative;
  display: inline-flex;
  align-items: stretch;
}
.app-nav-button { anchor-name: --app-link; cursor: pointer; }
.site-header:has(.app-popover:popover-open) :is(.site-navigation-active, [aria-current])::after { visibility: hidden; }
.site-header:has(.app-popover:popover-open) .app-nav-button::after {
  position: absolute;
  right: 0;
  bottom: 16px;
  left: 0;
  height: 2px;
  background: var(--design-accent, var(--brass));
  content: "";
}
.site-header .app-popover {
  position: fixed;
  inset: 92px 5vw auto auto;
  width: 380px;
  max-width: calc(100vw - 32px);
  margin: 0;
  padding: 24px;
  border: 1px solid var(--design-line, var(--line));
  border-radius: 8px;
  overflow: visible;
  background: var(--design-card, var(--paper));
  color: var(--reader-text, var(--ink));
  box-shadow: 0 10px 28px #29241d1a;
  font-family: var(--brand-serif, Source Serif, Georgia, serif);
}
.app-popover:popover-open {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 20px;
  align-items: start;
}
@supports (top: anchor(bottom)) {
  .site-header .app-popover {
    position-anchor: --app-link;
    top: calc(anchor(bottom) + 8px);
    right: auto;
    left: clamp(16px, calc(anchor(center) - 36px), calc(100vw - 396px));
  }
}
.app-popover::before {
  position: absolute;
  top: -6px;
  left: 30px;
  width: 10px;
  height: 10px;
  border-top: 1px solid var(--design-line, var(--line));
  border-left: 1px solid var(--design-line, var(--line));
  background: inherit;
  transform: rotate(45deg);
  content: "";
}
.app-popover-icon {
  display: grid;
  width: 76px;
  height: 76px;
  border: 1px solid #39362f;
  border-radius: 15px;
  background: linear-gradient(145deg, #302d27, #171612);
  place-items: center;
}
.app-popover-icon::after {
  width: 43px;
  height: 43px;
  background: #fffcf7;
  mask: url('/brand/patri-bible-mark.svg') center / contain no-repeat;
  content: "";
}
.site-header .app-popover h2 {
  margin: 8px 0 2px;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: -0.025em;
  line-height: 1.2;
}
.site-header .app-popover p {
  margin: 0;
  color: var(--design-muted, var(--muted));
  font-size: 16px;
  line-height: 1.35;
}
.site-header .app-popover-download {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 156px;
  min-height: 40px;
  margin-top: 14px;
  padding: 6px 16px;
  border-radius: 7px;
  background: #806640;
  color: #fffdf8;
  font: 600 17px / 1.3 var(--brand-serif, Source Serif, Georgia, serif);
  text-decoration: none;
}
.site-header .app-popover-download:hover { background: #6b5230; color: #fffdf8; }
.site-header .app-popover-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--design-muted, var(--muted));
  font: 22px / 1 var(--brand-sans, Source Sans, sans-serif);
  cursor: pointer;
}
.site-header .app-popover :is(a, button):focus-visible,
.site-header .app-nav-button:focus-visible,
.site-header .app-discovery-hint:focus-visible {
  outline: 2px solid var(--reader-focus, var(--brass));
  outline-offset: 3px;
}
.site-header .app-discovery-hint {
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  z-index: 5;
  width: 176px;
  min-height: 44px;
  padding: 8px 12px;
  border: 1px solid var(--design-line);
  border-radius: 6px;
  background: var(--design-card);
  color: var(--design-muted);
  box-shadow: 0 4px 14px #29241d12;
  transform: translateX(-50%);
  font: 14px / 1.35 var(--brand-sans);
  animation: app-hint-fade 8s both;
  cursor: pointer;
}
.app-discovery-hint::before {
  position: absolute;
  top: -5px;
  left: calc(50% - 4px);
  width: 8px;
  height: 8px;
  border-top: 1px solid var(--design-line);
  border-left: 1px solid var(--design-line);
  background: inherit;
  transform: rotate(45deg);
  content: "";
}
.app-navigation:has(.app-popover:popover-open) .app-discovery-hint { display: none; }
@keyframes app-hint-fade {
  0%, 100% { opacity: 0; }
  6%, 90% { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) { .site-header .app-discovery-hint { animation: none; } }
@media (max-width: 760px) {
  .site-header .app-popover {
    inset: 124px 16px auto auto;
    width: 380px;
    padding: 20px;
  }
  .app-popover:popover-open { grid-template-columns: 60px minmax(0, 1fr); gap: 14px; }
  .app-popover-icon { width: 60px; height: 60px; border-radius: 12px; }
  .app-popover-icon::after { width: 36px; height: 36px; }
  .site-header .app-popover h2 { margin-top: 4px; font-size: 19px; }
  .site-header .app-popover p { font-size: 15px; }
  .site-header .app-popover-download { width: 144px; min-height: 44px; }
  .site-header .app-popover-close { width: 44px; height: 44px; }
  .app-popover::before { display: none; }
  @supports (top: anchor(bottom)) {
    .site-header .app-popover { top: calc(anchor(bottom) + 12px); }
  }
}
.reader-app-link {
  display: inline-block;
  margin-bottom: 1rem;
  color: var(--design-muted);
  font-size: 0.85rem;
}

@media (min-width: 761px) {
  @supports (top: anchor(bottom)) {
    .site-header nav:not(.site-navigation) .app-popover {
      left: auto;
      right: anchor(right);
    }
    .site-header nav:not(.site-navigation) .app-popover::before {
      left: auto;
      right: 12px;
    }
  }
}