/* Open content listings, following the supplied editorial reference. */
.library{background:#fff}
.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #deded9}
.curriculum-card,.curriculum-card:hover{background:#fff;border:0;border-radius:0;box-shadow:none;transform:none;overflow:visible;padding:28px 26px 32px;border-bottom:1px solid #deded9}
.curriculum-card+.curriculum-card{border-left:1px solid #deded9}
.card-heading,.high .card-heading{background:none;min-height:0;padding:0;display:flex;flex-direction:column}
.card-heading h3{order:-1;font-size:27px;line-height:1.12;margin:0 0 16px;letter-spacing:-.7px}
.card-heading .label{font-size:11px;letter-spacing:1px;color:#4c524e;font-weight:400}
.card-body{padding:18px 0 0}
.card-body p{font:19px/1.48 Georgia,'Times New Roman',serif;color:#646460;margin:0 0 25px}
.card-bottom{flex-wrap:wrap;align-items:baseline;gap:12px}
.resources{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid #deded9;margin-top:32px}
.resource,.resource:hover{border:0;border-radius:0;background:white;padding:28px 25px;text-decoration:none}
.resource+.resource{border-left:1px solid #deded9}
.resource:first-child{padding-left:0}
.resource h3{font-size:27px;line-height:1.15;margin-bottom:18px}
.resource:hover h3{text-decoration:underline;text-underline-offset:5px}
.resource p{font:19px/1.5 Georgia,'Times New Roman',serif;color:#646460}
.resource .arrow{text-transform:uppercase;font-size:11px;letter-spacing:1px;margin-top:22px}
.reader-top{background:white}
.reading{color:var(--article-copy)}
.reading h2,.reading h3,.reading h4{color:#252823}
.reading blockquote{background:none;border:0;padding:0 0 0 24px;margin:25px 0;font-style:italic}
.reading ol{padding-left:25px}
.reading li{padding-left:4px;margin-bottom:20px}
.aside-note{background:white;border-top:1px solid #deded9;border-radius:0;padding:28px 0}
@media(min-width:1600px){.cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1051px) and (max-width:1599px){.curriculum-card:nth-child(3n+1){border-left:0}}
@media(min-width:1600px){.curriculum-card:nth-child(4n+1){border-left:0}}
@media(min-width:701px) and (max-width:1050px){.cards,.resources{grid-template-columns:repeat(2,minmax(0,1fr))}.curriculum-card:nth-child(2n+1),.resource:nth-child(2n+1){border-left:0}.resource:nth-child(2n+1){padding-left:0}.resource{border-bottom:1px solid #deded9}}
@media(max-width:700px){.cards,.resources{grid-template-columns:1fr}.curriculum-card,.curriculum-card+.curriculum-card,.resource,.resource+.resource{border-left:0;padding:27px 0}.card-heading h3{font-size:28px}.card-body p,.resource p{font-size:18px}.resource h3{font-size:27px}.reading blockquote{padding-left:15px}.reading li{padding-left:0}.cards{gap:0}}
.tutorial-feature{padding-top:64px;padding-bottom:64px}
.tutorial-art{display:block;overflow:hidden;background:#173c37}
.tutorial-art img{display:block;width:100%;height:auto;aspect-ratio:24/11;object-fit:cover}
.tutorial-copy{text-align:center;max-width:1020px;margin:36px auto 0}
.tutorial-copy .eyebrow{margin-bottom:20px}
.tutorial-copy h2{font-size:64px;line-height:1.05;letter-spacing:-2px;color:#242724;margin:0 0 25px}
.tutorial-deck{font:24px/1.55 Georgia,'Times New Roman',serif;color:#60625d;margin:0 auto 26px;max-width:920px}
.tutorial-meta{font-size:12px;letter-spacing:1px;text-transform:uppercase;margin:0 0 26px;color:#4f5852}
.tutorial-route{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #deded9;margin-top:46px;padding-top:24px;gap:0}
.tutorial-route>a,.tutorial-route>div{padding:0 30px;color:#62645e;font:16px/1.6 Georgia,serif}
.tutorial-route>:first-child{padding-left:0}.tutorial-route>:last-child{padding-right:0}
.tutorial-route>:not(:first-child){border-left:1px solid #deded9}
.tutorial-route span{display:block;font:700 23px/1.2 Georgia,serif;color:#252e28;margin-bottom:12px;letter-spacing:-.4px}
.tutorial-route>div a{display:inline-block;color:#285245;margin-right:16px;font:400 13px/1.7 "Montserrat",sans-serif}
@media(max-width:1050px){.tutorial-copy h2{font-size:54px}.tutorial-deck{font-size:22px}}
@media(max-width:700px){.tutorial-feature{padding:34px 0 40px}.tutorial-art img{aspect-ratio:1.5;object-fit:cover}.tutorial-copy{margin-top:27px}.tutorial-copy h2{font-size:39px;letter-spacing:-1px;line-height:1.1;margin-bottom:20px}.desktop-break{display:none}.tutorial-copy .eyebrow{font-size:10px;letter-spacing:1.5px}.tutorial-deck{font-size:19px;line-height:1.55}.tutorial-meta{font-size:10px;line-height:1.8}.tutorial-route{grid-template-columns:1fr;margin-top:32px;padding-top:0}.tutorial-route>a,.tutorial-route>div,.tutorial-route>:first-child,.tutorial-route>:last-child{padding:21px 0}.tutorial-route>:not(:first-child){border-left:0;border-top:1px solid #deded9}.tutorial-route span{font-size:23px}}

/* Link feedback and homepage photography. */
a,a span,a strong,a h3{transition:color .2s ease}
a:hover,a:hover span,a:hover strong,a:hover h3,.resource:hover h3{color:#767676;text-decoration:none}
.reading a,.site-footer a{text-decoration:none}
.masthead a:hover,.site-footer a:hover,.hero a:hover,.hero a:hover strong{color:#c9c9c9}
.button:hover{color:#646464}
.button.outline:hover{color:#d3d3d3}
.hero:not(.curriculum-hero){background-image:linear-gradient(90deg,rgba(5,12,10,.69),rgba(5,12,10,.53)),url('bible-study-hero.png');background-size:cover;background-position:center 60%;background-repeat:no-repeat}
.hero:not(.curriculum-hero) .intro{color:#ecece5}
.hero:not(.curriculum-hero) .pathways{border-top-color:rgba(225,231,220,.35)}
.hero:not(.curriculum-hero) .pathways a{color:#e0e5dc}
.hero:not(.curriculum-hero) .pathways a:hover{color:#c9c9c9}
@media(max-width:700px){.hero:not(.curriculum-hero){background-position:67% center;background-image:linear-gradient(rgba(5,12,10,.69),rgba(5,12,10,.65)),url('bible-study-hero.png')}}
@media(prefers-reduced-motion:reduce){a,a span,a strong,a h3{transition:none}}
.hero .button:not(.outline):hover{color:#646464}
.organisation-hero{padding-bottom:30px}
.organisation-hero h1{max-width:980px}
.mission-copy{max-width:1000px}
.mission-copy h2{margin:0 0 30px;font-size:44px}
.mission-copy h3{margin:35px 0 16px}
.mission-copy>p:not(.eyebrow){font:21px/1.65 Georgia,'Times New Roman',serif;color:var(--body-copy);margin:0 0 24px}
.contexts-section{background:#f7f7f2}
.context-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #d6dcd3;margin-top:30px}
.context-grid article{padding:32px 42px 16px 0}
.context-grid article+article{border-left:1px solid #d6dcd3;padding-left:42px;padding-right:0}
.context-grid h3{font-size:35px;margin-bottom:22px}
.context-grid article>p:not(.eyebrow){font:20px/1.6 Georgia,serif;color:var(--body-copy)}
.context-link{display:inline-block;color:#295244;font-size:14px;font-weight:700;margin:12px 0}
.home-curriculum{max-width:1000px}
.home-curriculum h2{margin-bottom:20px}
.home-curriculum>p:not(.eyebrow){font:20px/1.65 Georgia,serif;color:var(--body-copy);max-width:820px}
.home-curriculum .lead{font-size:26px!important}
.home-curriculum .button{margin-top:18px}
.home-cards{grid-template-columns:minmax(0,860px)}
.home-lesson-catalogue .lesson-list h3{flex:1;min-width:0}
.home-series-copy h2{font-size:39px;margin:0 0 24px}
.home-series-copy h3{font-size:25px;margin:34px 0 16px}
.home-series-copy>p:not(.eyebrow){font:19px/1.65 Georgia,'Times New Roman',serif;color:var(--body-copy);margin:0 0 24px}
.development-note{padding:13px 16px;border-left:3px solid #bdd9d7;background:#f7f7f3;font:400 13px/1.6 "Montserrat",sans-serif!important;color:#536058;margin:0 0 28px!important}
.home-lesson-reading>h2,.home-conversation-reading>h3{font-size:32px;line-height:1.25;margin:42px 0 20px;padding-bottom:14px;border-bottom:1px solid #bdd9d7}
.home-article-reading>.home-article-title{font-size:39px;line-height:1.15;margin:0 0 28px;padding-bottom:16px;border-bottom:1px solid #bdd9d7}
@media(max-width:1050px){.mainnav{gap:20px}.mainnav a{font-size:11px;letter-spacing:.6px}}
@media(max-width:700px){.organisation-hero{padding-bottom:10px}.mission-copy h2{font-size:31px}.mission-copy>p:not(.eyebrow){font-size:19px}.context-grid{grid-template-columns:1fr}.context-grid article,.context-grid article+article{padding:25px 0;border-left:0}.context-grid article+article{border-top:1px solid #d6dcd3}.context-grid h3{font-size:30px}.context-grid article>p:not(.eyebrow),.home-curriculum>p:not(.eyebrow){font-size:18px}.home-curriculum .lead{font-size:23px!important}.home-series-copy h2{font-size:30px}.home-series-copy h3{font-size:23px}.home-series-copy>p:not(.eyebrow){font-size:18px}.home-lesson-reading>h2,.home-conversation-reading>h3{font-size:28px}.home-article-reading>.home-article-title{font-size:32px}.mainnav a{font-size:13px}}

/* Google Fonts: Montserrat Medium for text-only pill buttons. */
.button,.tabs button{font-family:"Montserrat",sans-serif;font-weight:500;font-stretch:normal;letter-spacing:1px;line-height:1.45}
.button{padding:13px 27px}
@media(max-width:700px){.button{padding:13px 20px;font-size:12px;letter-spacing:.8px}.tabs button{letter-spacing:.4px}}

/* Keep interface text light while pill buttons retain Medium. Moustaches are excluded: they follow the standard in brand.css (Montserrat 700). */
.label,.card-bottom a,.context-link{font-weight:400}

/* Dark buttons keep white text; only their background changes on hover. */
.button.dark-button:hover,.hero .button.dark-button:hover{color:#fff;background:#234e46}
.button.dark-button:hover span,.button.dark-button:hover strong{color:inherit}

/* Lesson articles: document tabs and downloads have distinct purposes. */
.reader-top{padding-bottom:0}
.reader-top .breadcrumbs ol{display:flex;flex-wrap:wrap;gap:6px 10px;list-style:none;padding:0;margin:0 0 28px;line-height:1.7}
.reader-top .breadcrumbs li+li::before{content:"/";color:#92998f;margin-right:10px}
.lesson-tabs{display:flex;flex-wrap:wrap;gap:0 24px;margin-top:32px}
.lesson-tabs a{display:block;padding:16px 0 14px;border-bottom:3px solid transparent;color:#606960;font-size:14px;font-weight:400}
.lesson-tabs a:hover{color:#92978f;text-decoration:none}
.lesson-tabs a[aria-current=page]{border-bottom-color:#173c37;color:#173c37;font-weight:400}
.reader-top>.wrap,.lesson-reader{max-width:960px}
.reader-top h1{max-width:none}
.lesson-reader{padding-top:40px;padding-bottom:64px}
.lesson-downloads{margin-top:48px;padding:28px 0;border-top:1px solid #d9dfd6;display:flex;gap:25px;justify-content:space-between;align-items:start}
.lesson-downloads h2{font-size:25px;letter-spacing:-.5px;margin:0 0 10px}
.lesson-downloads p{font-size:13px;color:#646d64;margin:0}
.download-links{display:flex;gap:22px;flex-wrap:wrap}
.download-links a{font-size:14px;color:#173c37;padding:4px 0}
.download-links a:hover{color:#767676}
.download-links span{display:block;font-size:11px;color:#72796f;margin-top:5px}
@media(max-width:700px){.lesson-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;margin-top:22px}.lesson-tabs a{font-size:13px;padding:14px 0}.lesson-reader{padding-top:28px}.lesson-downloads{display:block}.download-links{margin-top:20px}.reader-top .breadcrumbs{font-size:11px}}
@media print{.lesson-tabs,.lesson-downloads,.reader-top .breadcrumbs{display:none}.lesson-reader{max-width:none;padding:0}}

/* Reserve the scrollbar space so short and long articles stay aligned. */
html{scrollbar-gutter:stable}

.reading-time{font:400 12px/1.6 "Montserrat",sans-serif;color:#667267;margin:0 0 28px!important}
.download-list{margin-top:32px;border-top:1px solid #d9dfd6}
.download-item{display:flex;justify-content:space-between;gap:28px;padding:26px 0;border-bottom:1px solid #d9dfd6;align-items:center}
.download-item h3{font-size:25px;margin:0 0 10px}
.download-item p{font-size:17px;line-height:1.5;margin:0}
.download-item>a{flex-shrink:0;font:400 13px/1.6 "Montserrat",sans-serif;color:#173c37;text-decoration:none}
.download-item>a span{display:block;font-size:11px;color:#72796f}
@media(max-width:700px){.download-item{display:block}.download-item>a{display:inline-block;margin-top:16px}}
@media print{.reading-time{font-family:Georgia,serif}}

.lesson-reader>.reading{display:flow-root}.lesson-reader>.reading>h2:first-child{margin-top:0}

/* A folded document and PDF badge distinguish file actions from navigation. */
.download-item>a{display:inline-flex;align-items:center;gap:12px}
.pdf-icon{width:38px;height:44px;flex-shrink:0;overflow:visible}
.pdf-icon path,.pdf-icon rect{fill:white;stroke:currentColor;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}
.pdf-icon text{fill:currentColor;font:700 15px "Montserrat",sans-serif}
.download-item>a .download-copy{font-size:13px;color:inherit;margin:0}
.download-copy small{display:block;font-size:11px;color:#72796f;margin-top:3px}

/* PDF actions are compact buttons, distinct from the flat navigation tabs. */
.download-item>a{--download-surface:#fff;background:var(--download-surface);border:1px solid #c7d0c5;border-radius:8px;padding:12px 18px;min-height:68px;min-width:184px;transition:background-color .2s ease,border-color .2s ease}
.download-item>a:hover{--download-surface:#f0f0f0;background:var(--download-surface);border-color:#a6a6a6;color:#173c37;text-decoration:none}
.download-item>a .download-copy{font-weight:500}
.download-item>a:hover .download-copy{color:#173c37}
.download-item>a .pdf-icon path,.download-item>a .pdf-icon rect{fill:var(--download-surface);transition:fill .2s ease}
@media(prefers-reduced-motion:reduce){.download-item>a,.download-item>a .pdf-icon path,.download-item>a .pdf-icon rect{transition:none}}

/* Mobile lesson navigation stays open, with one full-width link per row. */
@media(max-width:700px){
 .lesson-tabs{display:flex;flex-direction:column;gap:6px;margin:24px 0}
 .lesson-tabs a{width:100%;min-height:44px;padding:11px 15px;border:1px solid #d9dfd6;border-radius:5px;font-size:13px;line-height:1.6;background:#fff;color:#34463a;transition:background-color .2s ease}
 .lesson-tabs a:hover{background:#f0f0f0;color:#34463a}
 .lesson-tabs a[aria-current=page]{border-color:#173c37;background:#173c37;color:#fff;font-weight:400}
 .lesson-tabs a[aria-current=page]:hover{border-color:#234e46;background:#234e46;color:#fff}
}
@media(max-width:700px) and (prefers-reduced-motion:reduce){.lesson-tabs a{transition:none}}

/* Classroom opening: a pastoral summary followed by four full-width paper cards. */
.lesson-overview-intro{margin:0 0 26px}
.reading .lesson-overview-intro h2{font-size:32px;line-height:1.25;margin:0 0 16px;padding-bottom:14px;border-bottom:1px solid #bdd9d7}
.reading .lesson-overview-intro p{font:19px/1.65 Georgia,'Times New Roman',serif;color:var(--article-copy);margin:0}
.lesson-at-a-glance{display:grid;grid-template-columns:1fr;gap:18px;padding:24px;background:#f1f2ef url('lesson-paper-pattern.svg') repeat;margin:0 0 26px}
.lesson-fact{padding:24px;background:#fff;box-shadow:0 1px 3px #173c3708;min-width:0}
.reading .lesson-fact h2{font:400 11px/1.5 "Montserrat",sans-serif;letter-spacing:1.2px;text-transform:uppercase;color:#586658;margin:0 0 16px}
.reading .lesson-fact>p,.reading .lesson-fact blockquote p{font:20px/1.5 Georgia,'Times New Roman',serif;color:#252e28;margin:0}
.reading .lesson-fact .verse-reference{font:400 12px/1.6 "Montserrat",sans-serif;color:#586658;margin:0 0 12px}
.reading .lesson-fact blockquote{margin:0;padding:0;border:0;background:none;font-style:normal}
@media(max-width:700px){.reading .lesson-overview-intro h2{font-size:28px}.reading .lesson-overview-intro p{font-size:18px}.lesson-at-a-glance{padding:16px;gap:14px}.lesson-fact{padding:22px}.reading .lesson-fact>p,.reading .lesson-fact blockquote p{font-size:19px}}
@media print{.lesson-at-a-glance{background:none;padding:0}.lesson-fact{box-shadow:none;border:1px solid #ddd;break-inside:avoid}.reading .lesson-fact h2,.reading .lesson-fact .verse-reference{font-family:Georgia,serif}}

.reading .scripture-quotation p::before{content:"“"}
.reading .scripture-quotation p::after{content:"”"}
.reading .scripture-exact p::before,.reading .scripture-exact p::after{content:none}
.teacher-wording{margin:25px 0}
.reading .teacher-wording .wording-label{font:400 11px/1.5 "Montserrat",sans-serif;letter-spacing:.8px;text-transform:uppercase;color:#667267;margin:0 0 10px}
.reading .teacher-wording blockquote{margin:0}

.reading .memory-fact .verse-reference{margin:14px 0 0}

/* Shared lesson title: larger, without a repeated stage/sample label. */
.reader-top h1.lesson-title{font-size:52px;line-height:1.12}
@media(max-width:700px){.reader-top h1.lesson-title{font-size:36px;line-height:1.15}}

/* Opt-in combined Sunday School preparation article. Scope: map-owned prototype. */
@media screen{
 .reading.preparation-article>h2{border:0;padding-bottom:0;margin-top:36px;margin-bottom:16px}
 .reading.preparation-article .preparation-details{font:400 13px/1.6 Montserrat,sans-serif;margin-bottom:12px}
 .reading.preparation-article .preparation-focus{font-style:italic;margin-bottom:14px}
 .reading.preparation-article .reading-time{margin-bottom:28px}
 .reading.preparation-article .preparation-prayer{margin-top:28px}
}
