/* Prayer Bookmark tool — scoped styles ported from the design's helmet <style>
   block (prefixed pb-). Mirrors baby-names.css. */
.pb-sans{ font-family:'Plus Jakarta Sans', sans-serif; }
.pb-serif{ font-family:'EB Garamond', Georgia, serif; }
#pb-root a{ color:#B0473C; text-decoration:none; }
#pb-root a:hover{ color:#97382E; }
#pb-root input, #pb-root button, #pb-root textarea{ font-family:'Plus Jakarta Sans', sans-serif; }
#pb-root input:focus, #pb-root textarea:focus{ outline:none; border-color:#B0473C !important; }
#pb-root ::placeholder{ color:#b3aa9c; }

/* /prayer-bookmark sits on a light background (no dark hero), so the fixed site
   header must always use the solid, dark-text treatment — not the cream-on-hero
   default that only kicks in on scroll — and the page content must clear the
   fixed header. (Copied verbatim from baby-names.css — same situation.) */
main#top{ padding-top:76px; }
.site-header:not(.scrolled){
  color:var(--color-text-primary);
  background:rgba(250,247,242,0.85);
  -webkit-backdrop-filter:blur(16px) saturate(140%);
  backdrop-filter:blur(16px) saturate(140%);
  box-shadow:0 1px 0 var(--color-border);
}

@keyframes pbFade{ from{opacity:0} to{opacity:1} }
@keyframes pbRise{ from{opacity:0; transform:translateY(14px)} to{opacity:1; transform:none} }

@media print{
  .pb-noprint{ display:none !important; }
  .pb-sheet-scale{ transform:none !important; }
  .pb-sheet-viewport{ height:auto !important; padding:0 !important; background:#FFFFFF !important; }
  .pb-sheet{ box-shadow:none !important; margin:0 !important; }
  body{ background:#FFFFFF !important; }
  /* Print the bookmark sheet alone — drop the fixed site chrome and the
     content offset so the 4-up sheet fits one page cleanly. */
  .site-header, .footer{ display:none !important; }
  main#top{ padding-top:0 !important; }
}
@page{ size:auto; margin:0; }