/* His Amazing Grace - studies. Colors/fonts match the existing site (Fraunces / Newsreader, navy #0F2340, gold #B38B4D, cream #FBF6EE). */
.hag-study-tags{display:inline-block;margin:0 0 14px;padding:8px 16px;background:#FBF6EE;border-radius:39px;font-family:"Newsreader",serif;font-size:16px;line-height:1.3;color:#0F2340}
.hag-study-tags a{color:inherit;text-decoration:none}
.hag-study-tags a:hover{color:#B38B4D}
.hag-study-subtitle{margin:-6px 0 18px;font-family:"Newsreader",serif;font-style:italic;font-size:18px;color:#B38B4D}

/* Study body (post content) */
.hag-study-body{font-family:"Newsreader",serif;font-size:17px;line-height:1.75;color:#2a2f3a}
.hag-study-body p{margin:0 0 1.1em}
.elementor-widget.hag-study-body p,.elementor-widget.hag-study-body li,.elementor-widget.hag-study-body blockquote{font-family:"Newsreader",serif;color:#2A2F3A}
.hag-study-body h2{font-family:"Fraunces",serif;font-weight:700;font-size:24px;line-height:1.3;color:#0F2340;margin:1.8em 0 .6em}
.hag-study-body ul,.hag-study-body ol{margin:0 0 1.3em 1.4em;padding:0}
.hag-study-body li{margin:0 0 .6em;padding-left:.2em}
.hag-study-body blockquote{margin:0 0 1.4em;padding:20px 22px;background:#FBF6EE;border:0;border-left:5px solid #B38B4D;border-radius:0 10px 10px 0;font-style:normal}
.hag-study-body blockquote p{margin:0 0 .7em}
.hag-study-body blockquote p:last-child{margin-bottom:0}
.hag-study-body .study-ref{font-family:"Fraunces",serif;font-weight:700;font-size:15px;color:#B38B4D;letter-spacing:.02em;text-align:right}
.hag-study-body .study-note{font-size:15px;color:#6b6b6b}
.hag-study-back{margin:28px 0 0;font-family:"Newsreader",serif;font-size:16px}
.hag-study-back a{color:#B38B4D;text-decoration:none;font-weight:600}
.hag-study-back a:hover{color:#0F2340}

/* Library A-Z list */
.hag-library{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.hag-library-item{display:block;padding:18px 22px;background:#FBF6EE;border-left:5px solid #B38B4D;border-radius:0 12px 12px 0;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}
.hag-library-item:hover,.hag-library-item:focus-within{transform:translateX(4px);box-shadow:0 8px 24px rgba(15,35,64,.10)}
.hag-library-title{display:block;font-family:"Fraunces",serif;font-weight:700;font-size:22px;line-height:1.3;color:#0F2340}
.hag-library-subtitle{display:block;font-family:"Newsreader",serif;font-style:italic;font-size:16px;color:#B38B4D;margin-top:2px}
.hag-library-topics{display:block;font-family:"Newsreader",serif;font-size:15px;color:#5b6170;margin-top:6px}
.hag-library-empty{font-family:"Newsreader",serif;font-style:italic;color:#5b6170}
@media (max-width:767px){.hag-study-body{font-size:16px}.hag-study-body h2{font-size:21px}.hag-library-title{font-size:19px}}
/* Word Study verse boxes: reference on top, the way Chris writes them */
.hag-study-body .study-ref-lead,.hag-study-body .study-ref-lead a{font-family:"Fraunces",serif;font-weight:700;font-size:15px;letter-spacing:.04em;color:#B38B4D;margin:0 0 .35em;text-transform:uppercase}
.hag-study-body .study-verse-lead p:not(.study-ref-lead){font-style:italic}
.hag-study-body .hag-study-qa{border-top:1px solid #d9cdb5;margin-top:2.5em;padding-top:.5em}
.hag-study-body .hag-study-qa h3{font-family:"Fraunces",serif;font-weight:700;font-size:20px;line-height:1.4;color:#0f2340;margin:1.4em 0 .6em}
.hag-study-body .hag-study-qa a{text-decoration:underline;text-underline-offset:.12em}
@media(max-width:767px){.hag-study-body .hag-study-qa h3{font-size:19px}}
.hag-caps-ref,.hag-caps-ref a{text-transform:uppercase}
/* Library header (v1.3.0): whole banner beside the welcome paragraph */
.hag-library-header .hag-library-banner img{display:block;height:auto;margin:0 auto}
.hag-library-intro p{margin:0}
/* Sitewide (v1.3.1): page wider than the screen. The home page's slide-in / bounce-in
   animations start each block off to the right, which made the page ~1,300px wide on phones
   (and wider on computers while loading) until every animation had played. Keep the page to
   the screen width. "clip" does not break sticky elements; "hidden" is the fallback. */
html,body{overflow-x:hidden}
@supports (overflow-x:clip){html,body{overflow-x:clip}}

/* Shared Topics: retain the library row; title and topic links are separate. */
.hag-library-item a{text-decoration:none}
.hag-library-topics a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.hag-library-item a:focus-visible,.hag-study-tags a:focus-visible{outline:2px solid #0F2340;outline-offset:3px}
.hag-topic-archive{max-width:1140px;margin:0 auto;padding:48px 24px 64px;color:#2A2F3A;font-family:"Newsreader",serif}
.hag-topic-archive h1,.hag-topic-archive h2{font-family:"Fraunces",serif;color:#0F2340;line-height:1.2}
.hag-topic-archive h1{font-size:clamp(30px,5vw,44px);margin:0 0 16px}
.hag-topic-archive h2{font-size:26px;margin:32px 0 18px}
.hag-topic-description{font-size:19px;line-height:1.6;margin:0 0 28px}
.hag-topic-archive .hag-library-item,.hag-all-topics .hag-library-item{overflow-wrap:anywhere}
.hag-topic-pagination .page-numbers{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:16px 0}
@media(max-width:767px){.hag-topic-archive{padding:32px 20px 48px}}
@media(prefers-reduced-motion:reduce){.hag-library-item{transition:none}.hag-library-item:hover,.hag-library-item:focus-within{transform:none}}

/* Step 3 review polish: quiet topic links and the existing white library card. */
.hag-study-tags a,.hag-library-topics a{color:inherit;text-decoration:underline dotted;text-decoration-thickness:1px;text-underline-offset:3px}
.hag-study-tags a:hover,.hag-study-tags a:focus-visible,.hag-library-topics a:hover,.hag-library-topics a:focus-visible{color:#B38B4D;text-decoration-style:solid;outline-offset:3px}
.hag-study-tags a:focus-visible,.hag-library-topics a:focus-visible{outline:2px solid #0F2340}
.hag-library-card{max-width:900px;margin:0 auto;padding:38px;background:#FFFFFF;border-radius:18px;box-shadow:0 20px 50px 22px rgba(15,35,64,.12)}
.hag-library-card .hag-topic-group:first-child h2{margin-top:0}
.hag-devo-library-date{display:block;font-family:"Newsreader",serif;color:#5b6170;font-size:15px;margin-bottom:6px}
.hag-devo-library-nav{display:flex;justify-content:space-between;gap:24px;margin-top:24px}
@media(max-width:767px){.hag-library-card{padding:30px 15px}}

/* Explicit topic-link decoration wins over Elementor's generic link shorthand. */
.hag-library-topics a,.hag-study-tags a,.elementor .hag-library-topics a,.elementor .hag-study-tags a,.hag-topic-archive .hag-library-topics a{
 text-decoration-line:underline;text-decoration-style:dotted;text-decoration-thickness:1px;text-underline-offset:3px;
}
.hag-library-topics a:hover,.hag-library-topics a:focus-visible,.hag-study-tags a:hover,.hag-study-tags a:focus-visible,.elementor .hag-library-topics a:hover,.elementor .hag-library-topics a:focus-visible,.elementor .hag-study-tags a:hover,.elementor .hag-study-tags a:focus-visible,.hag-topic-archive .hag-library-topics a:hover,.hag-topic-archive .hag-library-topics a:focus-visible{
 color:#B38B4D;text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:1px;
}