/* Tablet design audit (Oct 29 2026). Tablets only: every rule sits inside the 768px to 1024px range.
   Phones (767px and narrower) are handled by mobile.css, computers (1025px and wider) by desktop.css. Nothing here applies outside this range. */
@media (min-width:768px) and (max-width:1024px){

/* ---- Books list: two roomy columns --------------------------------------------------- */
html body.page-id-1618 main.site-main{max-width:none;width:100%;margin-inline:0}
html body.page-id-1618 .page-header .entry-title{max-width:none;padding-inline:24px}
html body .hag-books-grid{gap:24px;padding:0 24px;margin:32px auto}
html body .hag-book-card{display:flex;flex-direction:column;padding:24px}
html body .hag-book-card h2{font-size:24px;line-height:1.25;margin:8px 0 16px}
html body .hag-book-card>p{font-size:17px;line-height:1.6;margin:0 0 24px}
html body .hag-book-card>a.hag-book-button{margin:auto auto 0}

/* ---- Book detail: cover + title + intro on top, full-width description beneath -------- */
html body .hag-book-single .hag-book-layout{grid-template-columns:200px minmax(0,1fr);column-gap:28px;row-gap:0;grid-template-rows:auto auto auto 1fr;align-items:start}
html body .hag-book-layout>article,html body .hag-book-layout>article>.hag-book-description{display:contents}
html body .hag-book-layout>div:first-child{grid-column:1;grid-row:1/span 4;margin-bottom:32px}
html body .hag-book-layout>div:first-child img.hag-book-cover{width:200px;max-width:100%;height:auto}
html body .hag-book-layout>article>.hag-book-latest-label{grid-column:2;grid-row:1}
html body .hag-book-layout>article>h1{grid-column:2;grid-row:2;font-size:34px;line-height:1.18}
html body .hag-book-layout>article>.hag-vb-topics{grid-column:2;grid-row:3}
html body .hag-book-description>p:first-child{grid-column:2;grid-row:4;margin-bottom:0}
html body .hag-book-description>p:not(:first-child),html body .hag-book-layout>article>p.hag-book-buy-big{grid-column:1/-1}

/* ---- Home --------------------------------------------------------------------------- */
html body .elementor-476 .elementor-element.elementor-element-3281f642{padding-top:56px;padding-bottom:56px}
html body .elementor-476 .elementor-element-6b53d7ab,html body .elementor-476 .elementor-element-68db9f24{width:100%!important;max-width:640px;margin-inline:auto}
html body .elementor-476 .elementor-element-13be2fdb{margin-bottom:24px}
html body .elementor-476 .elementor-element-13be2fdb img{display:block;width:100%;max-width:440px;height:auto;margin-inline:auto}
html body .elementor-476 .elementor-element-hagm2bookcol,html body .elementor-476 .elementor-element-508d5504{width:100%!important}
html body .elementor-476 .elementor-element-hagm2bookcol .hag-latest-resource{gap:24px}
html body .elementor-476 .elementor-element-hagm2bookcol .hag-latest-resource-cover{flex:0 0 140px;max-width:140px}

/* ---- Topic pages (Hope...) and video detail: 24px gutters instead of a 108px inset ---- */
html body main.site-main.hag-topic-archive{max-width:none;width:100%;margin-inline:0}
html body .hag-library-card{padding:28px}
html body main.site-main.hag-video-single{max-width:960px;width:100%;margin:40px auto}

/* ---- Articles: no floats; figures sit between paragraphs; related links in one column - */
.elementor-widget-theme-post-content figure.alignleft,.elementor-widget-theme-post-content figure.alignright,.elementor-widget-theme-post-content .wp-block-image .alignleft,.elementor-widget-theme-post-content .wp-block-image .alignright{float:none!important;clear:both;display:block;width:100%;max-width:360px!important;margin:24px auto!important;text-align:center}
.elementor-widget-theme-post-content figure.alignleft img,.elementor-widget-theme-post-content figure.alignright img{display:block;max-width:100%;height:auto;margin:0 auto}
.elementor-widget-theme-post-content figure.alignleft figcaption,.elementor-widget-theme-post-content figure.alignright figcaption{display:block!important;width:100%!important;max-width:none!important;margin:8px 0 0!important;text-align:center;box-sizing:border-box}
.jp-relatedposts-items .jp-relatedposts-post,.jp-relatedposts-items-visual .jp-relatedposts-post{float:none!important;width:100%!important;max-width:none!important;margin:0 0 16px!important;padding:0!important;box-sizing:border-box}
/* ---- Decorative banners: 280px instead of 405-450px -------------------------------- */
html body .elementor-element-ab0u7b4n.e-con,html body .elementor-element-280edeb1.e-con,html body .elementor-element-81d88e9.e-con,html body .elementor-element-816e62e.e-con,html body .elementor-element-567691b.e-con,html body .elementor-element-a373289.e-con,html body .elementor-element-2075d691.e-con,html body .elementor-element-7daa84c3.e-con,html body .elementor-element-239b03e8.e-con{min-height:280px!important;height:280px!important}

/* ---- Home: devotional thumbnail beside its text, no empty icon column; View All Books as a compact button */
html body .elementor-476 .elementor-element-6dd6394b{display:none}
html body .elementor-476 .elementor-element-3b1ba54a{width:100%!important}
html body .elementor-476 article.hag-latest-devotional{display:grid;grid-template-columns:200px minmax(0,1fr);column-gap:24px;align-items:start}
html body .elementor-476 article.hag-latest-devotional>.hag-latest-picture{grid-row:1/span 5;margin:0}
html body .elementor-476 article.hag-latest-devotional>:not(.hag-latest-picture){grid-column:2}
html body .elementor-476 .elementor-element-b28bfb2,html body .elementor-476 .elementor-element-7ba828af,html body .elementor-476 .elementor-element-22edf548,html body .elementor-476 .elementor-element-23df7972{padding-top:48px;padding-bottom:48px}
html body .elementor-476 .box--view-book{max-width:400px;margin-inline:auto}
html body .elementor-476 .box--view-book br{display:none}
html body .elementor-476 .box--view-book .elementor-icon-box-content{display:flex;align-items:center;gap:8px;white-space:nowrap}
html body .elementor-476 .box--view-book .elementor-icon-box-content{text-align:center}
html body .elementor-476 .box--view-book .elementor-widget-wrap{padding:0}
html body .elementor-476 .box--view-book .elementor-icon-box-wrapper{flex-direction:row-reverse;justify-content:center;align-items:center;gap:16px}
html body .elementor-476 .box--view-book .elementor-icon-box-icon{margin:0}
html body .elementor-476 .box--view-book .elementor-icon svg{width:44px;height:44px}

/* ---- Prayer form: Name + State, then Email full width ------------------------------- */
html body .elementor-element-1e9bd4dc .elementor-field-group.elementor-col-33{width:50%}
html body .elementor-element-1e9bd4dc .elementor-field-group-email_address.elementor-col-33{width:100%}

/* ---- Topics: two columns ------------------------------------------------------------- */
html body ul.hag-all-topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}

/* ---- Devotional pages: short paragraphs, the page title shows, thank-you button ------ */
.hag-chunk{display:block;margin:0 0 20px}
.hag-chunk:last-child{margin-bottom:0}
html body .hag-archive-title{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;margin:0 0 16px;font-family:"Fraunces",Georgia,serif;font-size:36px;line-height:1.2;color:#0f2340}
html body .hag-thanks-home{display:block;margin-top:32px}
html body .hag-thanks-home a{text-decoration:none!important;color:#fff!important}
html body.page-id-1441 main.site-main{padding-block:48px}
html body.page-id-1441 main.site-main .entry-title{font-size:36px;line-height:1.2}

/* ---- Videos, About, Fresh Start ------------------------------------------------------ */
html body .hag-video-grid{gap:24px;margin:32px auto 48px}
html body .hag-about-draft{padding-top:48px;padding-bottom:48px}
html body .hag-about-photo{margin-bottom:32px}
/* ---- Blogs grid and the category archive share one card (same as computers, two columns) --- */
html body .elementor-posts-container{gap:24px!important}
html body .elementor-posts .elementor-post__avatar{margin:14px 24px 0!important}
html body .elementor-posts .elementor-post__avatar+.elementor-post__text{margin-top:16px!important}
html body .elementor-posts .elementor-post__text{padding-left:24px!important;padding-right:24px!important}
html body .elementor-posts .elementor-post__title,html body .elementor-posts .elementor-post__title a{font-family:"Fraunces",Georgia,serif;font-size:23px!important;line-height:1.3!important;font-weight:700!important;color:#0f2340!important}
html body .elementor-posts .elementor-post-date,html body .elementor-posts .elementor-post__meta-data span{font-size:14px!important}
html body.category main.site-main{max-width:none;width:100%;margin-inline:0;padding:0 24px 48px}
html body.category .page-header .entry-title{max-width:none;font-family:"Fraunces",Georgia,serif;font-size:36px;line-height:1.2;color:#0f2340;margin:0 0 8px}
html body.category .archive-description,html body.category .archive-description p{font-size:18px;color:#2a2f3a;margin:0 0 28px}
html body.category .page-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
html body.category .page-content>article.post{display:flex;flex-direction:column;background:#fff;border-radius:3px;box-shadow:0 2px 10px rgba(15,35,64,.08);padding:0 0 24px;overflow:hidden}
html body.category .page-content>article.post>a{order:1;display:block}
html body.category .page-content>article.post>a img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
html body.category .page-content>article.post>h2.entry-title{order:2;margin:20px 24px 12px;font-family:"Fraunces",Georgia,serif;font-size:23px;line-height:1.3;font-weight:700}
html body.category .page-content>article.post>h2.entry-title a{color:#0f2340;text-decoration:none}
html body.category .page-content>article.post>p{order:3;margin:0 24px;font-size:16px;line-height:1.6;color:#4a505c}
html body.category .pagination{display:flex;justify-content:space-between;margin-top:36px;font-size:18px}

/* ---- Library pages (Bible Studies, Word Studies): image and text share a left edge, 40px to the list --- */
html body .hag-library-header .hag-library-banner img{margin-inline:0}
html body .hag-library-header+section.elementor-section{padding-top:40px!important}

/* ---- What We Believe, Giving, Four Anchors: spacing -------------------------------- */
html body.page-id-1231 .elementor-element-797fdf2d h1.elementor-heading-title{font-size:36px;line-height:1.2}
html body.page-id-1231 .elementor-element-3fb7e32 h2.elementor-heading-title{font-size:28px;line-height:1.25}
html body .elementor-element-0e3ddca p{margin-bottom:26px}
html body .hag-study-body h2{margin:32px 0 16px}
html body .hag-study-body blockquote{padding:20px}
.jp-relatedposts-post-title a,.jp-relatedposts-post a.jp-relatedposts-post-a{display:flex;align-items:center;min-height:44px}
/* ---- Type scale for reading pages: body 18px / 1.65, H1 36, H2 28, H3 24, metadata 14 ----- */
.elementor-widget-theme-post-content p,.elementor-widget-theme-post-content li,.hag-study-body p,.hag-study-body li,
body.page-id-1231 .elementor-widget-text-editor p,body.page-id-1231 .elementor-widget-text-editor li,body.page-id-1231 .elementor-widget-icon-list .elementor-icon-list-text,
body.page-id-1275 .elementor-widget-text-editor p,body.page-id-1119 .elementor-widget-text-editor p,
.elementor-element-ea2bf79 p,.elementor-element-ea2bf79,.elementor-element-8bde9a1,.elementor-element-8bde9a1 p{font-size:18px;line-height:1.65}
body.page-id-1231 .elementor-widget-text-editor p,body.page-id-1231 .elementor-widget-text-editor li,body.page-id-1231 .elementor-widget-icon-list .elementor-icon-list-text,body.page-id-1275 .elementor-widget-text-editor p,body.page-id-1119 .elementor-widget-text-editor p,body.page-id-1275 .elementor-widget-text-editor li,body.page-id-1119 .elementor-widget-text-editor li,.elementor-element-ea2bf79 p,.elementor-element-8bde9a1 p{font-size:18px!important;line-height:1.65!important}
.elementor-widget-theme-post-content p,.hag-study-body p{margin:0 0 1.1em}
.hag-study-body h2,.elementor-widget-theme-post-content h2,h2.hag-subhead{font-size:28px;line-height:1.25;color:#10243f;margin:32px 0 16px}
.hag-study-body h3,.elementor-widget-theme-post-content h3,.hag-study-body .hag-study-qa h3{font-size:24px;line-height:1.3;color:#10243f}
h1.entry-title,.hag-orig-title,.hag-video-card h1,.hag-topic-archive h1{font-size:36px;line-height:1.2}
html body .elementor .elementor-element.elementor-element-ea2bf79,html body .elementor .elementor-element.elementor-element-8bde9a1{font-size:18px;line-height:1.65}
.elementor-post__meta-data,.elementor-post__meta-data span,.elementor-post-date,.hag-devo-library-date,.hag-library-topics,.hag-library-subtitle{font-size:14px;line-height:1.5}

/* Video detail: the top banner repeats the player picture (already hidden on computers and phones). */
html body main.hag-video-single>.hag-vb-banner{display:none}

/* Blogs: twelve cards, then a button. */
.hag-t-hide{display:none!important}
.hag-t-more{display:flex!important;margin:24px auto 8px;width:auto}
.hag-t-more[hidden]{display:none!important}

/* Banner crops, one per picture (they are 1920x600, shown 280px tall). */
html body .elementor-element-ab0u7b4n.e-con,html body .elementor-element-2075d691.e-con{background-position:60% 40%!important}
html body .elementor-element-280edeb1.e-con,html body .elementor-element-816e62e.e-con,html body .elementor-element-567691b.e-con,html body .elementor-element-a373289.e-con{background-position:50% 40%!important}
html body .elementor-element-81d88e9.e-con,html body .elementor-element-239b03e8.e-con{background-position:30% 40%!important}
html body .elementor-element-7daa84c3.e-con{background-position:72% 40%!important}}