@import url("https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,400..700&display=swap");

@font-face{font-family:"Caveat";src:url("Caveat-variable.ttf") format("truetype");font-weight:400 700;font-style:normal;font-display:swap}

/* Policy articles use the established page banner and reading typography. */
.mission-copy.policy-copy h2{font-size:30px;line-height:1.25;margin:42px 0 18px}
.policy-copy a{overflow-wrap:anywhere}
@media(max-width:700px){.mission-copy.policy-copy h2{font-size:25px;margin-top:34px}}

/* Heralds to Hearts supplied palette: shared colour roles, not new layout rules. */
:root{
 --body-copy:#242824;--article-copy:#353A35;--nav-ink:#181818;
 --brand-deep:#03363D;--brand-teal:#17494D;--brand-mint:#BDD9D7;
 --brand-cream:#ECE0CE;--brand-paper:#F3F0EE;--brand-mist:#F8F9F9;
 --soft-sage:#E3F0D2;--soft-blue:#D6EEF1;--soft-gold:#F9E9B1;
 --soft-lilac:#EAD7E9;--soft-coral:#F6C8BE;--soft-orange:#FED6A8;
 --accent-green:#00A656;--accent-cyan:#30AABC;--accent-gold:#EFC93D;
 --accent-mauve:#CE9FB7;--accent-orange:#FF6224;--accent-apricot:#F79A3E;
 --ink-sage:#587052;--ink-blue:#2D8DAE;--ink-gold:#C38F00;
 --ink-plum:#7D3D54;--ink-red:#AF2C2C;--ink-orange:#BF5000;
}
body{color:var(--body-copy)}
.masthead,.hero{background-color:var(--brand-deep)}
.masthead{border-bottom-color:var(--brand-teal)}
.site-footer{background-color:var(--brand-deep);color:var(--brand-mint)}
.hero h1,.hero .intro,.hero:not(.curriculum-hero) .intro{color:var(--brand-mist)}
.hero .eyebrow,.dark .eyebrow{color:var(--brand-mint)}
.hero:not(.curriculum-hero){background-image:linear-gradient(90deg,rgba(3,54,61,.82),rgba(3,54,61,.57)),url('bible-study-hero.png')}
h1,h2,h3,.reading h2,.reading h3,.reading h4,.tutorial-copy h2,.tutorial-route span{color:var(--brand-deep)}
.eyebrow,.label,.card-heading .label,.context-link,.card-bottom a{color:var(--brand-teal)}
.button{background:var(--brand-cream);color:var(--brand-deep)}
.button.outline{background:transparent;border-color:var(--brand-mint);color:var(--brand-mist)}
.button.dark-button{background:var(--brand-deep);color:white}
.button.dark-button:hover,.hero .button.dark-button:hover{background:var(--brand-teal);color:white}
.tabs button[aria-pressed=true]{background:var(--brand-deep);border-color:var(--brand-deep);color:white}
.contexts-section{background:var(--brand-mist)}
.context-grid{gap:24px;border-top:0}
.context-grid article,.context-grid article+article{padding:30px;border:0;background:var(--brand-cream)}
.context-grid article+article{background:var(--brand-mint)}
.context-grid article>p:not(.eyebrow){color:var(--brand-teal)}
.tutorial-feature{background:var(--brand-paper)}
.tutorial-route{border-color:var(--brand-mint)}
.curriculum-card .label::before{content:"";display:block;width:36px;height:3px;background:var(--accent-cyan);margin-bottom:12px}
.curriculum-card.high .label::before{background:var(--ink-plum)}
.reader-top{background:#fff}
.reader-top .breadcrumbs,.reading-time,.reading .teacher-wording .wording-label{color:var(--brand-teal)}
.lesson-tabs a[aria-current=page]{color:var(--brand-deep);border-bottom-color:var(--brand-deep)}
.lesson-at-a-glance{background-color:var(--brand-paper)}
.lesson-fact{border-top:4px solid var(--accent-cyan)}
.lesson-fact:nth-child(2){border-top-color:var(--accent-gold)}
.lesson-fact:nth-child(3){border-top-color:var(--ink-sage)}
.lesson-fact:nth-child(4){border-top-color:var(--accent-mauve)}
.reading .lesson-fact h2,.reading .lesson-fact .verse-reference{color:var(--brand-teal)}
.reading .lesson-fact>p,.reading .lesson-fact blockquote p{color:var(--brand-deep)}
.download-item>a,.download-item>a:hover,.download-item>a:hover .download-copy{color:var(--brand-deep)}
/* Preserve the user's neutral download hover, independent of the brand accents. */
.download-item>a{--download-surface:#fff}.download-item>a:hover{--download-surface:#f0f0f0}
@media(max-width:940px){.mainnav{background:var(--brand-deep);border-color:var(--brand-teal)}}
@media(max-width:700px){
 .hero:not(.curriculum-hero){background-image:linear-gradient(rgba(3,54,61,.82),rgba(3,54,61,.72)),url('bible-study-hero.png')}
 .context-grid article,.context-grid article+article{padding:24px}
 .lesson-tabs a[aria-current=page]{background:var(--brand-deep);border-color:var(--brand-deep);color:#fff}
 .lesson-tabs a[aria-current=page]:hover{background:var(--brand-teal);border-color:var(--brand-teal);color:#fff}
}
@media print{.reader-top,.lesson-at-a-glance,.tutorial-feature{background:#fff}.lesson-fact{border-top-width:1px}}

/* Scripture read aloud: distinct from white overview cards and teacher wording. */
.scripture-reading{background:var(--soft-blue);margin:28px 0;padding:26px 30px;border-top:3px solid var(--brand-mint);break-inside:avoid}
.reading-cue{display:flex;align-items:center;gap:10px;color:var(--brand-teal);font:400 11px/1.5 "Montserrat",sans-serif;text-transform:uppercase;letter-spacing:1px;margin-bottom:18px}
.reading-cue svg{width:25px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}
.reading .scripture-reading blockquote{padding:0;margin:0;border:0;background:none;font-style:normal}
.reading .scripture-reading blockquote p{font:20px/1.6 Georgia,'Times New Roman',serif;color:var(--brand-deep);margin:0 0 14px}
.reading .scripture-reading blockquote p:last-child{margin-bottom:0}
.scripture-text sup{font:400 11px/1 "Montserrat",sans-serif;vertical-align:super;margin-right:6px;color:var(--brand-teal)}
.scripture-reading figcaption{font:400 12px/1.6 "Montserrat",sans-serif;color:var(--brand-teal);margin-top:18px}
.scripture-reading figcaption a{color:inherit;text-decoration:none}
.scripture-reading figcaption a:hover{color:#667267}
@media(max-width:700px){.scripture-reading{padding:22px 20px}.reading .scripture-reading blockquote p{font-size:19px}}
@media print{.scripture-reading{border:1px solid #BDD9D7;background:#F8F9F9}.reading-cue,.scripture-text sup,.scripture-reading figcaption{font-family:Georgia,serif}}

/* Quiet full-column dividers beneath major article headings. */
.reading>h2,.reading>h3{padding-bottom:14px;border-bottom:1px solid #BDD9D7}

/* Junior lesson flow: one connected train of thought, with room to read. */
.lesson-flow{background:var(--brand-mist);padding:28px 32px 12px;margin:0 0 38px}
.reading .flow-intro p{margin:0 0 28px;color:var(--brand-teal)}
.reading .flow-steps{list-style:none;counter-reset:lesson-step;margin:0;padding:0}
.reading .flow-steps>li{counter-increment:lesson-step;position:relative;margin:0;padding:0 0 27px 55px}
.flow-steps>li::before{content:counter(lesson-step);position:absolute;left:0;top:0;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--brand-mint);color:var(--brand-deep);font:500 12px/1 "Montserrat",sans-serif;z-index:1}
.flow-steps>li:not(:last-child)::after{content:"";position:absolute;left:15px;top:32px;bottom:0;width:1px;background:var(--brand-mint)}
.reading .flow-step h4{font-size:23px;line-height:1.3;letter-spacing:-.3px;margin:0 0 9px;padding-top:2px;color:var(--brand-deep)}
.reading .flow-step p{margin:0;font-size:18px;line-height:1.7}
@media(max-width:700px){.lesson-flow{padding:24px 18px 4px}.reading .flow-steps>li{padding-left:44px}.reading .flow-step h4{font-size:22px}.reading .flow-step p{font-size:17px}}

/* Organisation opening: an editorial message beside an unfiltered photograph. */
.organisation-opening{display:grid;grid-template-columns:1fr 1fr;max-width:1500px;margin:40px auto 0;background:var(--brand-cream);border-radius:24px;overflow:hidden;width:calc(100% - 40px)}
.opening-copy{padding:66px clamp(32px,4.5vw,72px) 62px;align-self:center}
.opening-copy .eyebrow{font-size:11px;letter-spacing:1.2px;margin:0 0 26px;color:var(--brand-teal)}
.opening-copy h1{font-size:clamp(46px,4.8vw,74px);line-height:1.04;letter-spacing:-1.8px;margin:0 0 28px;color:var(--brand-deep);max-width:600px}
.opening-intro{font:400 16px/1.8 "Montserrat",sans-serif;max-width:470px;margin:0;color:var(--brand-teal)}
.opening-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px 25px;margin-top:32px}
.opening-sample{font:400 12px/1.6 "Montserrat",sans-serif;color:var(--brand-teal)}
.opening-sample:hover{color:#667267}
.opening-photograph{position:relative;margin:0;min-height:620px;background:#a46b36}
.opening-photograph img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 61%}
.opening-photograph figcaption{position:absolute;bottom:15px;right:18px;background:rgba(3,54,61,.9);color:white;padding:5px 9px;font:400 9px/1.5 "Montserrat",sans-serif}
.opening-photograph figcaption a{color:inherit}
.opening-photograph figcaption a:hover{color:#BDD9D7}
@media(max-width:900px){.opening-copy{padding:45px 30px}.opening-copy h1{font-size:49px}.opening-photograph{min-height:590px}}
@media(max-width:700px){.organisation-opening{width:calc(100% - 24px);margin-top:24px;border-radius:16px;grid-template-columns:1fr}.opening-copy{padding:35px 25px 34px}.opening-copy h1{font-size:46px;letter-spacing:-1.2px;margin-bottom:22px}.opening-copy .eyebrow{font-size:9px;letter-spacing:.7px;margin-bottom:22px}.opening-intro{font-size:14px;line-height:1.8}.opening-actions{margin-top:25px;gap:18px}.opening-photograph{min-height:0;aspect-ratio:1.5}.opening-photograph img{object-position:50% 64%}.opening-sample{font-size:12px}}

/* White shared navigation with the supplied dark-lettered logo. */
.masthead{background:#fff;border-bottom-color:#d9dfd6}
.masthead .mainnav a{color:var(--nav-ink);font-weight:500}
.masthead .mainnav a:hover{color:var(--nav-ink)}
.masthead .menu-button{color:var(--brand-deep);border-color:var(--brand-mint)}
@media(max-width:940px){.masthead .mainnav{background:#fff;border-color:var(--brand-mint)}}

/* Homepage context panels echo the banner corners. */
#contexts .context-grid article{border-radius:24px}
@media(max-width:700px){#contexts .context-grid article{border-radius:16px}}

/* Numbered movements within the exposition are substantial subheadings. */
.reading :is(h3,h4).teaching-point,.reading.primary-classroom-reading :is(h3,h4).teaching-point{display:flex;align-items:flex-start;gap:12px;border-bottom:0;padding-bottom:0;font-size:23px;font-weight:400;line-height:1.4;color:var(--brand-deep);margin:30px 0 18px;letter-spacing:0}
.point-number{flex:0 0 28px;display:grid;place-items:center;height:28px;margin-top:2px;border-radius:50%;background:#17494D;color:#fff;font:400 13px/1 "Montserrat",sans-serif}
@media(max-width:700px){.reading :is(h3,h4).teaching-point,.reading.primary-classroom-reading :is(h3,h4).teaching-point{font-size:21px;gap:11px}.point-number{flex-basis:26px;height:26px;font-size:12px}}
@media print{.reading :is(h3,h4).teaching-point,.reading.primary-classroom-reading :is(h3,h4).teaching-point{font-size:14pt;break-after:avoid}.point-number{flex-basis:24px;height:24px;font-size:10pt}}

.reading :is(h3,h4).teaching-point>span:last-child{-webkit-text-stroke:.2px currentColor}

/* Plain numbering keeps the teaching points natural and unobtrusive. */
.reading :is(h3,h4).teaching-point .point-number{flex:0 0 auto;display:inline;height:auto;min-height:0;margin:0;border-radius:0;background:none;color:inherit;font:inherit}

/* Reinforcement prompts are statements to evaluate, not section headings. */
.discussion-statement{background:var(--brand-paper);padding:26px 30px;margin:28px 0 14px;break-inside:avoid;break-after:avoid}
.reading .discussion-statement .statement-label{display:flex;align-items:center;gap:10px;font:400 11px/1.5 "Montserrat",sans-serif;letter-spacing:1px;text-transform:uppercase;color:var(--brand-teal);margin:0 0 18px}
.reading .discussion-statement .statement-text{font:400 20px/1.6 Georgia,serif;color:var(--brand-deep);margin:0}
@media(max-width:700px){.discussion-statement{padding:22px 20px}.reading .discussion-statement .statement-text{font-size:19px}}
@media print{.reading .discussion-statement .statement-text{font-size:11pt}.reading .discussion-statement .statement-label{font-size:8pt}}

.statement-label svg{width:25px;height:23px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}

/* Primary classroom trial: slightly larger major section headings. */
.reading.primary-classroom-reading>h2,.reading.primary-classroom-reading>h3{font-size:32px}
@media(max-width:700px){.reading.primary-classroom-reading>h2,.reading.primary-classroom-reading>h3{font-size:28px}}

/* Primary classroom panel refinement: soft corners without an accent rule. */
.scripture-reading{border-top:0;border-radius:10px}
.primary-classroom-reading .discussion-statement{border-radius:10px}

/* Primary classroom suggested teacher speech, distinct from Scripture and discussion. */
.primary-classroom-reading .teacher-say{background:#E3F0D2;border-radius:10px;padding:26px 30px;margin:28px 0}
.say-label{display:flex;align-items:center;gap:10px;font:400 11px/1.5 "Montserrat",sans-serif;letter-spacing:1px;text-transform:uppercase;color:var(--brand-teal);margin:0 0 18px}
.say-label svg{width:25px;height:23px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}
.reading.primary-classroom-reading .teacher-say blockquote{padding:0;margin:0;border:0;background:none;font-style:normal}
.reading.primary-classroom-reading .teacher-say blockquote p{font:400 20px/1.6 Georgia,serif;color:var(--brand-deep);margin:0}
@media(max-width:700px){.primary-classroom-reading .teacher-say{padding:22px 20px}.reading.primary-classroom-reading .teacher-say blockquote p{font-size:19px}}

.primary-classroom-reading .say-label{text-transform:uppercase;letter-spacing:1px}
.say-label svg{stroke-linecap:round}

/* Align desktop menu lettering with the lower wordmark lettering. */
@media(min-width:941px){.masthead .mainnav{transform:translateY(11px)}}

/* Primary opening cards: no coloured top borders. */
.primary-classroom-reading .lesson-fact{border-top:0}

/* Primary classroom main lesson title colour. */
body:has(.primary-classroom-reading) .reader-top h1.lesson-title{color:#333333}

/* Give Scripture attribution a clear separation from the lesson text. */
.reading .scripture-copyright{border-top:1px solid #BDD9D7;margin-top:40px;padding-top:24px}
.reading .scripture-copyright small{font-family:Georgia,'Times New Roman',serif;font-size:.833333em;font-weight:400;font-style:normal;color:inherit}

/* Passage subsections sit below preparation section headings. */
.reading h3.preparation-subheading{font-size:25px;font-weight:600;line-height:1.4;margin:28px 0 16px;padding-bottom:0;border-bottom:0;letter-spacing:0;color:var(--brand-teal)}
.reading.primary-classroom-reading .lesson-question{border-left:3px solid #BDD9D7;padding:2px 0 2px 22px;margin:28px 0}
.reading.primary-classroom-reading .lesson-question p{margin:0 0 14px}
.reading.primary-classroom-reading .lesson-question p:last-child{margin-bottom:0}
.reading.primary-classroom-reading .question-prompt>strong,.reading.primary-classroom-reading .answer-guide>strong,.reading.primary-classroom-reading .question-help>strong{display:block;font:700 14px/1.5 "Montserrat",sans-serif;color:#17494D;letter-spacing:0;margin-bottom:6px}
.reading.primary-classroom-reading .question-prompt{color:#03363D}
.reading.primary-classroom-reading .teacher-note{border:1px solid #BDD9D7;padding:18px 22px;margin:28px 0;background:white;color:inherit;text-align:left;font:inherit}
@media screen{.reading.primary-classroom-reading .teacher-note{max-width:none}}
.reading.primary-classroom-reading .teacher-note p{margin:0 0 12px;font:inherit;color:inherit;text-align:left}
.reading.primary-classroom-reading .teacher-note p:last-child{margin-bottom:0}
@media(max-width:700px){.reading.primary-classroom-reading .lesson-question{padding-left:16px}.reading.primary-classroom-reading .teacher-note{padding:16px}}
@media print{.reading.primary-classroom-reading .lesson-question{break-inside:avoid;border-left-width:1.5pt;padding:2pt 0 2pt 10pt;margin:12pt 0}.reading.primary-classroom-reading .lesson-question p{margin-bottom:7pt}.reading.primary-classroom-reading .question-prompt>strong,.reading.primary-classroom-reading .answer-guide>strong,.reading.primary-classroom-reading .question-help>strong{font-size:8.5pt;margin-bottom:3pt}.reading.primary-classroom-reading .teacher-note{break-inside:avoid;padding:9pt 12pt;margin:12pt 0}}
@media(max-width:700px){.reading h3.preparation-subheading{font-size:22px}}
@media print{.reading h3.preparation-subheading{font-size:14pt;break-after:avoid}}

/* Newsreader gives every display and article heading the shared editorial voice. */
h1,h2,h3,h4,h5,h6,.stage-title,.pathways strong,.tutorial-route span{font-family:"Newsreader",Georgia,'Times New Roman',serif;font-optical-sizing:auto}
/* Make Home prototypes visibly actionable in the lesson catalogue. */
.lesson-list .reviewable-lesson{margin-inline:-14px;padding-inline:14px;border-radius:8px;transition:background-color .15s}
.lesson-list .reviewable-lesson:hover{background:#edf3ed}
.lesson-list .reviewable-lesson h3 a{text-decoration:underline;text-decoration-color:#8aa69b;text-decoration-thickness:1px;text-underline-offset:5px}
.lesson-list .review-link{color:#17494d;font-weight:500}
.lesson-list .review-link:hover{color:#03363d}
@media(max-width:700px){
  .lesson-list .reviewable-lesson{flex-wrap:wrap}
  .lesson-list .reviewable-lesson h3{flex:1}
  .lesson-list .reviewable-lesson .review-link{display:inline-flex;width:100%;margin-left:58px;margin-top:-4px;font-size:12px}
}

/* Heralds at Home approach and support pages */
.how-band{background:var(--brand-mist)}
.how-grid,.principle-grid{list-style:none;margin:0;padding:0;display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}
.how-grid li,.principle-grid li{background:#fff;border-top:3px solid #BDD9D7;border-radius:0 0 16px 16px;padding:28px 28px 22px}
.how-grid li:nth-child(2){border-top-color:#30AABC}.how-grid li:nth-child(3){border-top-color:#17494D}
.how-grid h3,.principle-grid h3{font-size:26px;line-height:1.2;color:#03363D;margin:8px 0 14px}
.how-grid p,.principle-grid p{font:17px/1.65 Georgia,'Times New Roman',serif;color:var(--body-copy);margin:0 0 8px}
.how-label{display:block;font:400 11px/1.4 "Montserrat",sans-serif;letter-spacing:1.4px;text-transform:uppercase;color:#17494D}
.support-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.rhythm-list{list-style:none;counter-reset:rhythm;margin:30px 0 0;padding:0}
.rhythm-list li{counter-increment:rhythm;position:relative;padding:0 0 26px 58px;border-bottom:1px solid #BDD9D7;margin-bottom:26px}
.rhythm-list li:last-child{border-bottom:0;margin-bottom:0}
.rhythm-list li::before{content:counter(rhythm);position:absolute;left:0;top:2px;width:36px;height:36px;border-radius:50%;background:#03363D;color:#fff;font:500 15px/36px "Montserrat",sans-serif;text-align:center}
.rhythm-list h3{font-size:25px;margin:0 0 10px;color:#03363D}
.rhythm-list p{font:18px/1.65 Georgia,'Times New Roman',serif;color:var(--body-copy);margin:0}
.order-list{margin:8px 0 0;padding-left:22px}
.order-list li{font:18px/1.65 Georgia,'Times New Roman',serif;color:var(--body-copy);margin:0 0 16px;padding-left:6px}
.order-list strong{color:#03363D}
.aside-note h3+p{margin-top:10px}.aside-note p+h3{margin-top:28px}
.prayer-list{margin:0;padding-left:22px}
.prayer-list li{font:20px/1.65 Georgia,'Times New Roman',serif;color:var(--body-copy);margin:0 0 14px;padding-left:6px}
.cta-panel{display:flex;align-items:center;justify-content:space-between;gap:28px 48px;background:#ECE0CE;border-radius:24px;padding:44px clamp(28px,4vw,56px)}
.cta-panel h2{font-size:36px;line-height:1.15;margin:0;color:#03363D;max-width:620px}
/* Base eyebrow spacing and print fallback. The shared screen moustache role below
   owns the approved website typography and colours. */
p.eyebrow{font:700 14px/1.65 "Montserrat",sans-serif;letter-spacing:2.4px;text-transform:uppercase;color:#7D3D54;margin:0 0 12px}
.cta-actions{display:flex;flex-wrap:wrap;gap:14px;flex-shrink:0}
.button.outline-dark{background:transparent;border:1px solid #03363D;color:#03363D}
.button.outline-dark:hover{background:#03363D;color:#fff}
@media(max-width:1050px){.how-grid,.principle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cta-panel{flex-direction:column;align-items:flex-start}}
@media(max-width:700px){.how-grid,.principle-grid,.support-grid{grid-template-columns:1fr;gap:16px}.how-grid li,.principle-grid li{padding:22px 20px 16px}.how-grid h3,.principle-grid h3{font-size:23px}.rhythm-list li{padding-left:50px}.rhythm-list h3{font-size:22px}.rhythm-list p,.order-list li{font-size:17px}.prayer-list li{font-size:18px}.cta-panel{border-radius:16px;padding:30px 22px}.cta-panel h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.button.outline-dark{transition:none}}

/* Context landing banners: inset rounded card, photograph right, copy left */
.context-banner{position:relative;display:flex;align-items:center;max-width:1500px;width:calc(100% - 40px);min-height:620px;margin:40px auto 0;border-radius:24px;overflow:hidden;background:#03363D;isolation:isolate}
.banner-media{position:absolute;top:0;right:0;bottom:0;left:32%;margin:0;z-index:-1}
.banner-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.banner-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#03363D 0%,rgba(3,54,61,.88) 16%,rgba(3,54,61,.35) 42%,rgba(3,54,61,0) 62%)}
.organisation-banner .banner-media img{object-position:50% 62%}
.school-banner .banner-media img{object-position:50% 58%}
.banner-copy{position:relative;max-width:640px;padding:72px clamp(32px,4.5vw,72px);text-align:left;color:#F8F9F9}
.banner-copy .eyebrow{font-size:11px;letter-spacing:1.2px;margin:0 0 24px;color:#BDD9D7}
.banner-copy h1{font-size:clamp(46px,4.8vw,72px);line-height:1.04;letter-spacing:-1.6px;margin:0 0 24px;color:#fff}
.banner-copy .intro{font:400 16px/1.8 "Montserrat",sans-serif;max-width:500px;margin:0;color:#E3ECEA}
.banner-copy .buttons{display:flex;flex-wrap:wrap;gap:14px;margin:32px 0 0}
.banner-copy .button.dark-button{background:#ECE0CE;color:#03363D}
.banner-copy .button.dark-button:hover{background:#F8F9F9;color:#03363D}
.button.banner-outline{background:transparent;border:1px solid rgba(248,249,249,.7);color:#fff}
.button.banner-outline:hover{background:rgba(248,249,249,.12);color:#fff}
.banner-copy .pathways{max-width:none;margin:40px 0 0;padding:26px 0 0;border-top:1px solid rgba(189,217,215,.4);grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px}
.banner-copy .pathways a{padding:0;color:#D6E4E2;font-size:12px;line-height:1.5}
.banner-copy .pathways strong{color:#fff;font-size:21px;line-height:1.2;margin-bottom:6px}
.banner-copy .pathways a:hover,.banner-copy .pathways a:hover strong{color:#BDD9D7;text-decoration:none}
@media(max-width:900px){.banner-media{left:22%}.banner-copy{max-width:560px;padding:56px 32px}.banner-copy h1{font-size:49px}}
@media(max-width:700px){.context-banner{display:flex;flex-direction:column;align-items:stretch;min-height:0;width:calc(100% - 24px);margin-top:24px;border-radius:16px}.banner-media{position:relative;inset:auto;order:2;height:260px;z-index:0}.banner-media::after{background:linear-gradient(180deg,#03363D 0%,rgba(3,54,61,0) 38%)}.banner-copy{order:1;max-width:none;padding:35px 25px 30px}.banner-copy h1{font-size:40px;letter-spacing:-1px;margin-bottom:20px}.banner-copy .eyebrow{font-size:9px;letter-spacing:.7px;margin-bottom:20px}.banner-copy .intro{font-size:14px}.banner-copy .pathways{margin-top:30px;padding-top:22px;gap:0 12px}.banner-copy .pathways strong{font-size:17px}.banner-copy .pathways a{font-size:10px}}
@media(prefers-reduced-motion:reduce){.banner-copy .pathways a,.button.banner-outline{transition:none}}
.banner-copy .buttons{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;text-align:left}
.school-banner{margin-bottom:40px}
@media(max-width:700px){.banner-copy .buttons{flex-direction:column;align-items:flex-start}.school-banner{margin-bottom:24px}}
/* Banner pathways as rows */
.banner-copy .pathways{display:block;margin-top:36px;padding-top:0;border-top:1px solid rgba(189,217,215,.4)}
.banner-copy .pathways a{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr) auto;align-items:center;gap:0 20px;padding:16px 0;border-bottom:1px solid rgba(189,217,215,.4);font-size:13px}
.banner-copy .pathways strong{margin:0;font-size:22px}
.banner-copy .pathways a::after{content:"→";font:400 18px/1 "Montserrat",sans-serif;color:#BDD9D7;transition:transform .2s ease}
.banner-copy .pathways a:hover::after{transform:translateX(4px)}
@media(max-width:700px){.banner-copy .pathways{margin-top:28px}.banner-copy .pathways a{grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;padding:14px 0;font-size:12px}.banner-copy .pathways strong{grid-column:1;font-size:19px}.banner-copy .pathways a::after{grid-column:2;grid-row:1 / span 2}}
@media(prefers-reduced-motion:reduce){.banner-copy .pathways a::after{transition:none}}
/* Banner pathway rows: titles only, whole-row white fade on hover */
.banner-copy .pathways a{position:relative;grid-template-columns:minmax(0,1fr) auto;padding:18px 12px 18px 0;color:#fff;transition:padding-left .25s ease}
.banner-copy .pathways a::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.16),rgba(255,255,255,0));opacity:0;transition:opacity .25s ease;pointer-events:none}
.banner-copy .pathways a:hover,.banner-copy .pathways a:focus-visible{color:#fff;padding-left:14px}
.banner-copy .pathways a:hover strong,.banner-copy .pathways a:focus-visible strong{color:#fff}
.banner-copy .pathways a:hover::before,.banner-copy .pathways a:focus-visible::before{opacity:1}
.banner-copy .pathways a::after{grid-column:2;grid-row:1}
@media(max-width:700px){.banner-copy .pathways a{padding:15px 10px 15px 0}.banner-copy .pathways a:hover,.banner-copy .pathways a:focus-visible{padding-left:10px}}
@media(prefers-reduced-motion:reduce){.banner-copy .pathways a,.banner-copy .pathways a::before{transition:none}}
.banner-copy .pathways a{grid-template-columns:minmax(0,1fr)}
.banner-copy .pathways a::after{content:none}
/* Planned Home curricula without pages yet */
.curricula-group{margin-top:64px}
.planned-card .card-status{font-size:12px;color:#6a746c}
@media(max-width:700px){.curricula-group{margin-top:40px}}
/* Home series features: image beside series introduction */
.series-feature{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:center;margin:8px 0 40px}
.series-feature.reverse .series-image{order:2}
.series-image{margin:0;border-radius:24px;overflow:hidden;aspect-ratio:3/2;background:#ECE0CE}
.series-image img{display:block;width:100%;height:100%;object-fit:cover}
#guard-your-heart .series-image img{object-position:30% 50%}
#genesis-to-revelation .series-image img{object-position:72% 60%}
.series-copy .eyebrow{margin:0 0 18px}
.series-title{font-size:clamp(38px,3.6vw,54px);line-height:1.08;letter-spacing:-1px;margin:0 0 20px;color:#03363D}
.series-title a{color:inherit}
.series-intro{font:19px/1.65 Georgia,'Times New Roman',serif;color:var(--body-copy);margin:0 0 18px;max-width:560px}
.series-meta{font-size:12px;letter-spacing:.6px;text-transform:uppercase;color:#17494D;margin:0 0 26px}
.curricula-group{margin-top:88px;padding-top:72px;border-top:1px solid #BDD9D7}
@media(max-width:900px){.series-feature{grid-template-columns:1fr;gap:26px}.series-feature.reverse .series-image{order:0}}
@media(max-width:700px){.series-image{border-radius:16px}.series-title{font-size:34px}.series-intro{font-size:17px}.curricula-group{margin-top:48px;padding-top:40px}}
/* Home series as distinct bands; series titles are main headings */
.series-section{padding:88px 0}
.series-tint{background:#F3F0EE}
.series-section .series-feature{margin:0 0 48px}
h2.series-title{font-size:clamp(40px,4vw,58px);line-height:1.06;letter-spacing:-1.2px;margin:0 0 20px;color:#03363D}
.series-tint .series-image{background:#ECE0CE}
@media(max-width:700px){.series-section{padding:48px 0}.series-section .series-feature{margin-bottom:28px}h2.series-title{font-size:36px}}
.series-tint .curriculum-card,.series-tint .curriculum-card:hover{background:transparent;border-color:#DCD5CB}
.series-tint .cards{border-color:#DCD5CB}
.series-meta{margin-bottom:0}
/* Banner rows: fixed indent, no movement; optical vertical centring */
.banner-copy .pathways a,.banner-copy .pathways a:hover,.banner-copy .pathways a:focus-visible{padding:20px 14px 16px;transition:none}
.banner-copy .pathways strong{line-height:1.2}
@supports (text-box:trim-both cap alphabetic){.banner-copy .pathways a,.banner-copy .pathways a:hover,.banner-copy .pathways a:focus-visible{padding:22px 14px}.banner-copy .pathways strong{text-box:trim-both cap alphabetic}}
@media(max-width:700px){.banner-copy .pathways a,.banner-copy .pathways a:hover,.banner-copy .pathways a:focus-visible{padding:17px 10px 13px}@supports (text-box:trim-both cap alphabetic){.banner-copy .pathways a,.banner-copy .pathways a:hover,.banner-copy .pathways a:focus-visible{padding:19px 10px}}}
/* Global navigation: light grey hover pill and a distinct Support us action */
@media(min-width:701px){
 .masthead .mainnav{gap:4px}
 .masthead .mainnav a{padding:9px 14px;border-radius:8px;transition:background-color .15s ease}
 .masthead .mainnav a:hover,.masthead .mainnav a:focus-visible{background:#F0F0F0;color:var(--nav-ink);text-decoration:none}
 .masthead .mainnav a.nav-support{margin-left:14px;padding:10px 20px;border-radius:999px;background:#03363D;color:#fff;font-weight:500}
 .masthead .mainnav a.nav-support:hover,.masthead .mainnav a.nav-support:focus-visible{background:#17494D;color:#fff}
}
@media(min-width:701px) and (max-width:1050px){.masthead .mainnav a{padding:8px 10px}.masthead .mainnav a.nav-support{margin-left:8px;padding:9px 16px}}
@media(max-width:700px){
 .masthead .mainnav{padding:12px 13px 18px}
 .masthead .mainnav a{padding:11px 12px;border-radius:8px}
 .masthead .mainnav a:hover,.masthead .mainnav a:focus-visible{background:#F0F0F0;color:var(--nav-ink);text-decoration:none}
 .masthead .mainnav a.nav-support{width:auto;margin:10px 0 0 12px;padding:12px 22px;border-radius:999px;background:#03363D;color:#fff;font-weight:500}
 .masthead .mainnav a.nav-support:hover,.masthead .mainnav a.nav-support:focus-visible{background:#17494D;color:#fff}
}
@media(prefers-reduced-motion:reduce){.masthead .mainnav a{transition:none}}
/* Support us: text link distinguished by colour and weight, not a button */
.masthead .mainnav a.nav-support,.masthead .mainnav a.nav-support:hover,.masthead .mainnav a.nav-support:focus-visible{margin-left:0;padding:9px 14px;border-radius:8px;background:transparent;color:#BF5000;font-weight:700}
.masthead .mainnav a.nav-support:hover,.masthead .mainnav a.nav-support:focus-visible{background:#F0F0F0;color:#9A4100}
@media(min-width:701px) and (max-width:1050px){.masthead .mainnav a.nav-support,.masthead .mainnav a.nav-support:hover{padding:8px 10px}}
@media(max-width:700px){.masthead .mainnav a.nav-support,.masthead .mainnav a.nav-support:hover,.masthead .mainnav a.nav-support:focus-visible{width:100%;margin:0;padding:11px 12px}}
.masthead{border-bottom:1px solid #D9DFD6}
/* Shared reading intro type: matches "Truth for the conversations" body copy (Georgia 21px/1.65) */
.banner-copy .intro{font:400 21px/1.65 Georgia,'Times New Roman',serif;max-width:540px}
.series-intro{font:21px/1.65 Georgia,'Times New Roman',serif;color:var(--body-copy)}
.curriculum-card .card-body p{font:21px/1.65 Georgia,'Times New Roman',serif;color:var(--body-copy)}
@media(max-width:700px){.banner-copy .intro,.series-intro,.curriculum-card .card-body p{font-size:19px}}
/* Body reading copy in Merriweather (Light), sized to match the previous Georgia optical size */
.mission-copy>p:not(.eyebrow),.series-intro,.curriculum-card .card-body p,.banner-copy .intro,.home-series-copy>p:not(.eyebrow),.context-grid article>p:not(.eyebrow),.home-curriculum>p:not(.eyebrow),.how-grid p,.principle-grid p,.rhythm-list p,.order-list li,.prayer-list li{font-family:"Merriweather",Georgia,'Times New Roman',serif;font-weight:300;line-height:1.75}
.mission-copy>p:not(.eyebrow),.series-intro,.curriculum-card .card-body p,.banner-copy .intro{font-size:19px}
.context-grid article>p:not(.eyebrow),.home-curriculum>p:not(.eyebrow),.prayer-list li{font-size:18px}
.home-series-copy>p:not(.eyebrow){font-size:17px}
.rhythm-list p,.order-list li{font-size:16.5px}
.how-grid p,.principle-grid p{font-size:15.5px}
.mission-copy em,.series-intro em,.home-series-copy em,.card-body em,.order-list strong,.banner-copy .intro strong{font-weight:inherit}
.order-list strong,.home-series-copy strong{font-weight:700}
@media(max-width:700px){.mission-copy>p:not(.eyebrow),.series-intro,.curriculum-card .card-body p,.banner-copy .intro{font-size:17px}.context-grid article>p:not(.eyebrow),.home-curriculum>p:not(.eyebrow),.prayer-list li{font-size:16.5px}.home-series-copy>p:not(.eyebrow),.rhythm-list p,.order-list li{font-size:16px}}
/* Banner rows: lighter weight, no background on hover, gentle text fade */
.banner-copy .pathways strong{font-weight:500}
.banner-copy .pathways a::before{content:none}
.banner-copy .pathways a strong{transition:color .2s ease}
.banner-copy .pathways a:hover strong,.banner-copy .pathways a:focus-visible strong{color:#BDD9D7}
@media(prefers-reduced-motion:reduce){.banner-copy .pathways a strong{transition:none}}
.curriculum-card .card-body p{font-size:17px}
@media(max-width:700px){.curriculum-card .card-body p{font-size:16px}}
/* Quiet sans-serif text action with the navigation's grey hover */
.mission-copy>p.text-action-row{margin:8px 0 0;font:inherit}
.text-action{display:inline-block;margin-left:-14px;padding:9px 14px;border-radius:8px;font:400 14px/1.4 "Montserrat",sans-serif;letter-spacing:.3px;color:var(--brand-teal);transition:background-color .15s ease}
.text-action:hover,.text-action:focus-visible{background:#F0F0F0;color:var(--nav-ink);text-decoration:none}
@media(prefers-reduced-motion:reduce){.text-action{transition:none}}
.text-action{margin-left:0;padding:10px 16px;border:1px solid #DADADA;background:#fff;font:500 13px/1.4 "Montserrat",sans-serif;letter-spacing:1.1px;text-transform:uppercase}
.text-action:hover,.text-action:focus-visible{background:#F0F0F0;border-color:#DADADA}
.text-action,.text-action:hover,.text-action:focus-visible{padding:0;border:0;border-radius:0;background:transparent;font:400 14px/1.5 "Merriweather",Georgia,'Times New Roman',serif;letter-spacing:1.1px;text-transform:uppercase}
.text-action{transition:color .2s ease}
.text-action:hover,.text-action:focus-visible{color:#6E7A78}
.text-action,.text-action:hover,.text-action:focus-visible{text-transform:none;letter-spacing:0;font-size:16px}
.text-action,.text-action:focus-visible{font-size:19px;line-height:1.75;color:#1F2421}
.text-action:hover,.text-action:focus-visible{color:#6B706C}
@media(max-width:700px){.text-action{font-size:17px}}
.text-action,.text-action:hover,.text-action:focus-visible{font-size:19px;line-height:1.75}
.text-action:hover,.text-action:focus-visible{color:#5E635F}
@media(max-width:700px){.text-action,.text-action:hover,.text-action:focus-visible{font-size:17px}}
.mission-copy>p.text-action-row{text-align:right}
.mission-copy>p.text-action-row{text-align:left}
.text-action{color:var(--brand-teal)}
.text-action:hover,.text-action:focus-visible{color:#8A8F8B}
/* Curriculum card Explore link: no arrow, navigation-style grey hover */
.card-bottom a.card-explore{display:inline-block;margin-right:-12px;padding:7px 12px;border-radius:8px;color:var(--brand-teal);text-decoration:none;transition:background-color .15s ease}
.card-bottom a.card-explore:hover,.card-bottom a.card-explore:focus-visible{background:#F0F0F0;color:var(--nav-ink);text-decoration:none}
.series-tint .card-bottom a.card-explore:hover,.series-tint .card-bottom a.card-explore:focus-visible{background:#E6E0D7}
@media(prefers-reduced-motion:reduce){.card-bottom a.card-explore{transition:none}}
/* Series landing pages (e.g. Guard Your Heart) */
.banner-breadcrumbs{display:flex;flex-wrap:wrap;gap:6px 10px;margin:0 0 22px;font:400 13px/1.5 "Montserrat",sans-serif;color:#BDD9D7}
.banner-breadcrumbs a{color:#E3ECEA;transition:color .2s ease}
.banner-breadcrumbs a:hover,.banner-breadcrumbs a:focus-visible{color:#BDD9D7;text-decoration:none}
.gyh-banner .banner-media img{object-position:18% 50%}
.series-list-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;margin:0 0 36px}
.series-list-heading h2.series-title{margin:0}
@media(max-width:700px){.banner-breadcrumbs{font-size:12px;margin-bottom:16px}.series-list-heading{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){.banner-breadcrumbs a{transition:none}}
.gyh-banner .banner-media img{object-position:50% 50%;transform:scaleX(-1)}
/* Breadcrumbs in the white area above a context banner */
.page-breadcrumbs-row{max-width:1500px;width:calc(100% - 40px);margin:28px auto 0}
.page-breadcrumbs{display:flex;flex-wrap:wrap;gap:6px 10px;padding:0 clamp(32px,4.5vw,72px);font:400 13px/1.5 "Montserrat",sans-serif;color:#6B706C}
.page-breadcrumbs a{color:var(--brand-teal);transition:color .2s ease}
.page-breadcrumbs a:hover,.page-breadcrumbs a:focus-visible{color:#8A8F8B;text-decoration:none}
.context-banner.has-breadcrumbs{margin-top:16px}
@media(max-width:900px){.page-breadcrumbs{padding:0 32px}}
@media(max-width:700px){.page-breadcrumbs-row{width:calc(100% - 24px);margin-top:18px}.page-breadcrumbs{padding:0 13px;font-size:12px}.context-banner.has-breadcrumbs{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.page-breadcrumbs a{transition:none}}
.page-breadcrumbs{font-size:15px}
@media(max-width:700px){.page-breadcrumbs{font-size:13px}}
.page-breadcrumbs-row{max-width:none;width:auto;margin:28px 0 0}
.page-breadcrumbs,.page-breadcrumbs-row .page-breadcrumbs{padding:0}
@media(max-width:700px){.page-breadcrumbs-row{width:auto;margin-top:18px}}
.svg-banner .banner-media img{object-position:50% 50%}
.svg-banner .banner-media{left:36%}
.g2r-banner .banner-media img{object-position:72% 55%}
@media(max-width:700px){.svg-banner .banner-media{left:auto}}
/* Breadcrumb: muted links, current page in teal */
.page-breadcrumbs,.page-breadcrumbs a{color:#6B706C}
.page-breadcrumbs span[aria-hidden]{color:#A9AEAA}
.page-breadcrumbs a:hover,.page-breadcrumbs a:focus-visible{color:var(--brand-teal)}
.page-breadcrumbs [aria-current="page"]{color:var(--brand-teal);font-weight:500}
/* Organisation homepage banner: taller context banner with potter photograph */
.organisation-banner{min-height:740px}
.organisation-banner .banner-copy h1{font-size:clamp(50px,5.2vw,80px);max-width:560px}
@media(max-width:900px){.organisation-banner{min-height:640px}}
@media(max-width:700px){.organisation-banner{min-height:0}.organisation-banner .banner-media{height:320px}.organisation-banner .banner-copy h1{font-size:44px}}
.home-banner .banner-media{left:36%}
.home-banner .banner-media img{object-position:50% 45%}
@media(max-width:700px){.home-banner .banner-media,.svg-banner .banner-media{left:0}.home-banner .banner-media img{object-position:50% 55%}}
/* Series banner colours: each series carries its own palette colour; homepage and context banners stay deep teal */
.context-banner{--banner-rgb:3,54,61;background:rgb(var(--banner-rgb))}
.banner-media::after{background:linear-gradient(90deg,rgb(var(--banner-rgb)) 0%,rgba(var(--banner-rgb),.88) 16%,rgba(var(--banner-rgb),.35) 42%,rgba(var(--banner-rgb),0) 62%)}
@media(max-width:700px){.banner-media::after{background:linear-gradient(180deg,rgb(var(--banner-rgb)) 0%,rgba(var(--banner-rgb),0) 38%)}}
.gyh-banner{--banner-rgb:19,62,91;--banner-fill:linear-gradient(90deg,#133E5B 0%,#201624 100%)} /* Dark blue/plum sampled from digiheart-gradient-v1.png. */
/* Guard-only paper-circuit field derived from the heart, 26 October 2026. */
.curriculum-banner.gyh-circuit-banner{position:relative;isolation:isolate;overflow:hidden}
.curriculum-banner.gyh-circuit-banner::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('guard-paper-circuit-field-v1.png') center/cover no-repeat;opacity:.2}
@media print{.curriculum-banner.gyh-circuit-banner::before{display:none}}
.primary-banner{--banner-rgb:191,80,0}  /* #BF5000 */
.high-banner{--banner-rgb:125,61,84}    /* #7D3D54 */
.series-banner .banner-copy .pathways{border-top-color:rgba(255,255,255,.35)}
.series-banner .banner-copy .pathways a{border-bottom-color:rgba(255,255,255,.35)}
.series-banner .banner-copy .intro{color:#FFFFFF}
.series-banner .banner-copy .pathways a:hover strong,.series-banner .banner-copy .pathways a:focus-visible strong{color:#F3F0EE;opacity:.8}
/* Context landing banner colours (deepened palette shades for white-text contrast) */
.home-banner,.home-context-tile{--banner-rgb:1,1,1;--home-ink-rgb:255,255,255} /* Potter photograph with near-black fades in both placements */
@media(min-width:701px) and (max-width:1200px){.home-banner .banner-media::after{background:linear-gradient(90deg,rgb(var(--banner-rgb)) 0%,rgba(var(--banner-rgb),.88) 72%,rgba(var(--banner-rgb),0) 100%)}}
.school-banner{--banner-rgb:34,122,153} /* #227A99, deepened from #2D8DAE */
.home-banner .banner-copy .pathways,.school-banner .banner-copy .pathways{border-top-color:rgba(255,255,255,.35)}
.home-banner .banner-copy .pathways a,.school-banner .banner-copy .pathways a{border-bottom-color:rgba(255,255,255,.35)}
.home-banner .banner-copy .intro,.school-banner .banner-copy .intro{color:#FFFFFF}
.home-banner .banner-copy .pathways a:hover strong,.home-banner .banner-copy .pathways a:focus-visible strong,.school-banner .banner-copy .pathways a:hover strong,.school-banner .banner-copy .pathways a:focus-visible strong{color:#F3F0EE;opacity:.8}
.home-banner .banner-copy h1,.home-banner .banner-copy .intro,.home-banner .banner-copy .pathways a,.home-banner .banner-copy .pathways strong{color:rgb(var(--home-ink-rgb))}
.home-banner .banner-copy .pathways,.home-banner .banner-copy .pathways a{border-color:rgba(var(--home-ink-rgb),.3)}
.home-banner .banner-copy .pathways a:hover strong,.home-banner .banner-copy .pathways a:focus-visible strong{color:rgb(var(--home-ink-rgb));opacity:.8}
/* Curriculum page banner: compact inset colour card, mark left, title right, no buttons (Zendesk announcement style) */
.curriculum-banner{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr);align-items:center;gap:40px;max-width:1500px;width:calc(100% - 40px);min-height:300px;margin:16px auto 0;padding:56px clamp(40px,6vw,110px);border-radius:24px;background:var(--banner-fill,rgb(var(--banner-rgb,3,54,61)));color:#fff}
.curriculum-banner-mark{display:flex;flex-direction:column;gap:8px}
.mark-series{font:600 30px/1.1 "Newsreader",Georgia,serif;letter-spacing:-.4px;color:#fff}
.mark-sequence{font:400 14px/1.4 "Montserrat",sans-serif;color:rgba(255,255,255,.8)}
.curriculum-banner-copy h1{margin:0 0 14px;font-size:clamp(34px,3.4vw,50px);line-height:1.1;letter-spacing:-.8px;color:#fff;max-width:900px}
.curriculum-banner-copy p{margin:0;max-width:820px;font:300 18px/1.7 "Merriweather",Georgia,serif;color:#fff}
@media(max-width:900px){.curriculum-banner{grid-template-columns:1fr;gap:22px;padding:44px 32px}}
@media(max-width:700px){.curriculum-banner{width:calc(100% - 24px);margin-top:12px;border-radius:16px;padding:32px 24px;min-height:0}.mark-series{font-size:24px}.curriculum-banner-copy h1{font-size:32px}.curriculum-banner-copy p{font-size:16px}}
/* Curriculum banner: single column */
.curriculum-banner{grid-template-columns:1fr;gap:18px;align-content:center}
.curriculum-banner-mark{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:6px 14px}
.mark-series{font-size:22px}
.mark-sequence::before{content:"·";margin-right:14px;color:rgba(255,255,255,.6)}
@media(max-width:700px){.mark-series{font-size:19px}.mark-sequence::before{margin-right:10px}.curriculum-banner-mark{gap:4px 10px}}
/* Curriculum sequence visualisation below the curriculum banner */
.curriculum-sequence{max-width:1500px;width:calc(100% - 40px);margin:34px auto 0;padding:0 clamp(40px,6vw,110px)}
.curriculum-sequence ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--steps,5),minmax(0,1fr));position:relative}
.curriculum-sequence li{position:relative;padding:0 10px}
.curriculum-sequence li::before{content:"";position:absolute;top:19px;left:0;right:0;height:3px;background:#E3DED6}
.curriculum-sequence li:first-child::before{left:50%}
.curriculum-sequence li:last-child::before{right:50%}
.curriculum-sequence li.is-before::before,.curriculum-sequence li.is-current::before{background:rgb(var(--banner-rgb,3,54,61))}
.curriculum-sequence li.is-current::before{right:50%}
.curriculum-sequence li.is-current:first-child::before{display:none}
.seq-step{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;color:#6B706C;text-decoration:none}
.seq-dot{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#fff;border:3px solid #E3DED6;font:500 15px/1 "Montserrat",sans-serif;color:#6B706C;transition:border-color .2s ease,color .2s ease}
.seq-title{font:500 15px/1.35 "Newsreader",Georgia,serif;max-width:220px;transition:color .2s ease}
.is-before .seq-dot{border-color:rgb(var(--banner-rgb,3,54,61));color:rgb(var(--banner-rgb,3,54,61))}
.is-current .seq-dot{background:rgb(var(--banner-rgb,3,54,61));border-color:rgb(var(--banner-rgb,3,54,61));color:#fff}
.is-current .seq-title{color:#1F2421;font-weight:700}
a.seq-step:hover .seq-dot,a.seq-step:focus-visible .seq-dot{border-color:rgb(var(--banner-rgb,3,54,61));color:rgb(var(--banner-rgb,3,54,61))}
a.seq-step:hover .seq-title,a.seq-step:focus-visible .seq-title{color:#1F2421;text-decoration:none}
.gyh-sequence{--banner-rgb:19,62,91}
@media(max-width:900px){.curriculum-sequence{padding:0 12px}.seq-title{font-size:13px}}
@media(max-width:700px){
 .curriculum-sequence{width:calc(100% - 24px);margin-top:24px;padding:0 4px}
 .curriculum-sequence ol{grid-template-columns:1fr;gap:0}
 .curriculum-sequence li{padding:0 0 14px 0}
 .curriculum-sequence li::before{top:0;bottom:0;left:18px;right:auto;width:3px;height:auto}
 .curriculum-sequence li:first-child::before{left:18px;top:20px}
 .curriculum-sequence li:last-child::before{right:auto;bottom:calc(100% - 20px)}
 .curriculum-sequence li.is-current::before{right:auto}
 .seq-step{flex-direction:row;text-align:left;gap:14px}
 .seq-dot{width:36px;height:36px;flex:0 0 36px;font-size:14px}
 .seq-title{font-size:16px;max-width:none}
}
@media(prefers-reduced-motion:reduce){.seq-dot,.seq-title{transition:none}}
/* sequence connectors: left half (::before) and right half (::after) */
.curriculum-sequence li::before,.curriculum-sequence li::after{content:"";position:absolute;top:19px;height:3px;background:#E3DED6;display:block}
.curriculum-sequence li::before{left:0;right:50%}
.curriculum-sequence li::after{left:50%;right:0}
.curriculum-sequence li:first-child::before,.curriculum-sequence li:last-child::after{display:none}
.curriculum-sequence li.is-current:first-child::before{display:none}
.curriculum-sequence li.is-before::before,.curriculum-sequence li.is-before::after,.curriculum-sequence li.is-current::before{background:rgb(var(--banner-rgb,3,54,61))}
.curriculum-sequence li.is-current::after{background:#E3DED6}
@media(max-width:700px){
 .curriculum-sequence li::before,.curriculum-sequence li::after{left:17px;right:auto;width:3px;height:auto}
 .curriculum-sequence li::before{top:0;bottom:calc(100% - 18px)}
 .curriculum-sequence li::after{top:18px;bottom:0}
 .curriculum-sequence li:first-child::before{display:none}
 .curriculum-sequence li:last-child::after{display:none}
}
.seq-step{z-index:1}.seq-dot{position:relative;z-index:1}
.curriculum-banner-copy p{max-width:none}.curriculum-banner-copy h1{max-width:none}
/* Curriculum page layout: vertical sequence column beside the lesson list */
.curriculum-layout{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:64px;align-items:start;padding-top:56px;padding-bottom:72px}
.curriculum-aside{position:sticky;top:112px}
.curriculum-layout .curriculum-sequence{width:auto;max-width:none;margin:0;padding:0}
.curriculum-layout .curriculum-sequence ol{grid-template-columns:1fr;gap:0}
.curriculum-layout .curriculum-sequence li{padding:0 0 22px 0}
.curriculum-layout .curriculum-sequence li:last-child{padding-bottom:0}
.curriculum-layout .curriculum-sequence li::before,.curriculum-layout .curriculum-sequence li::after{left:17px;right:auto;width:3px;height:auto}
.curriculum-layout .curriculum-sequence li::before{top:0;bottom:calc(100% - 18px)}
.curriculum-layout .curriculum-sequence li::after{top:18px;bottom:0}
.curriculum-layout .curriculum-sequence li:first-child::before,.curriculum-layout .curriculum-sequence li:last-child::after{display:none}
.curriculum-layout .seq-step{flex-direction:row;align-items:center;text-align:left;gap:14px}
.curriculum-layout .seq-dot{width:36px;height:36px;flex:0 0 36px;font-size:14px}
.curriculum-layout .seq-title{font-size:17px;max-width:none}
.curriculum-main .section{padding:0;background:transparent}
.curriculum-main .wrap{max-width:none;padding:0;width:auto}
.curriculum-main .home-lesson-catalogue h2{margin-top:0}
.lesson-list .reviewable-lesson .review-link{display:none}
@media(max-width:900px){.curriculum-layout{grid-template-columns:1fr;gap:40px;padding-top:36px}.curriculum-aside{position:static}}
@media(max-width:700px){.curriculum-layout{padding-top:28px;padding-bottom:48px}}
/* Lesson lists: only the linked title fades, matching Sunday School course lists. */
.lesson-list li{position:relative}
.lesson-list .reviewable-lesson{background:transparent;transition:none}
.lesson-list .reviewable-lesson:hover,.lesson-list .reviewable-lesson:focus-within{background:transparent;outline:none}
.lesson-list .reviewable-lesson h3 a{text-decoration:none;color:inherit;transition:color .15s ease}
.lesson-list .reviewable-lesson h3 a:hover{color:#8A8F8B;text-decoration:none}
.lesson-list .reviewable-lesson h3 a::after{display:none}
.lesson-list .reviewable-lesson h3 a:focus-visible{outline:2px solid var(--brand-teal);outline-offset:4px}
@media(prefers-reduced-motion:reduce){.lesson-list .reviewable-lesson h3 a{transition:none}}
/* Lesson rows: square corners, text optically centred. */
.lesson-list li,.lesson-list .reviewable-lesson{margin-inline:0;padding:20px 12px;border-radius:0;align-items:center}
.lesson-list li .lesson-number{line-height:1.2}
.lesson-list li h3{line-height:1.3}
@supports (text-box:trim-both cap alphabetic){.lesson-list li,.lesson-list .reviewable-lesson{padding:24px 12px}.lesson-list li h3,.lesson-list li .lesson-number{text-box:trim-both cap alphabetic}}
@media(max-width:700px){.lesson-list li,.lesson-list .reviewable-lesson{padding:16px 10px}@supports (text-box:trim-both cap alphabetic){.lesson-list li,.lesson-list .reviewable-lesson{padding:20px 10px}}}
/* Sequence indicator v3: no connecting line, solid numbers, hidden on mobile */
.curriculum-sequence li::before,.curriculum-sequence li::after,.curriculum-layout .curriculum-sequence li::before,.curriculum-layout .curriculum-sequence li::after{display:none}
.seq-dot,.is-before .seq-dot{background:#6B706C;border-color:#6B706C;color:#fff}
.is-current .seq-dot{background:rgb(var(--banner-rgb,3,54,61));border-color:rgb(var(--banner-rgb,3,54,61));color:#fff}
a.seq-step:hover .seq-dot,a.seq-step:focus-visible .seq-dot{background:rgb(var(--banner-rgb,3,54,61));border-color:rgb(var(--banner-rgb,3,54,61));color:#fff}
.curriculum-layout .curriculum-sequence li{padding-bottom:16px}
@media(max-width:700px){.curriculum-aside{display:none}.curriculum-layout{gap:0}}
.seq-dot,.is-before .seq-dot{background:#C9CCC9;border-color:#C9CCC9;color:#fff}
.seq-dot,.is-before .seq-dot{background:#D9DCD9;border-color:#D9DCD9;color:#fff}
.seq-step .seq-title{color:#D9DCD9}
.is-current .seq-title{color:#1F2421}
a.seq-step:hover .seq-title,a.seq-step:focus-visible .seq-title{color:#1F2421}
.curriculum-main .home-lesson-catalogue h2{padding-bottom:14px;border-bottom:1px solid #BDD9D7;margin-bottom:0}
.curriculum-main .home-lesson-catalogue h2 + .lesson-list{margin-top:0}
/* Sequence hover: instant colour change only */
.seq-dot,.seq-title{transition:none!important}
.seq-dot{border:0}
.curriculum-layout .seq-dot{width:36px;height:36px}
a.seq-step:hover .seq-dot,a.seq-step:focus-visible .seq-dot{background:rgb(var(--banner-rgb,3,54,61))}
.curriculum-main .lesson-list li:first-child{border-top:0}
.primary-sequence{--banner-rgb:191,80,0}
.high-sequence{--banner-rgb:125,61,84}
.curriculum-extras{display:flex;flex-direction:column;gap:10px;margin-top:32px;padding-top:24px;border-top:1px solid #BDD9D7}
.curriculum-extras .text-action,.curriculum-extras .text-action:hover,.curriculum-extras .text-action:focus-visible{font-size:16px;line-height:1.5}
/* Primary school: photograph and slate colour taken from its grey background */
.primary-banner,.primary-sequence{--banner-rgb:84,95,129}   /* #545F81 */
.primary-banner .banner-media img{object-position:78% 55%}
#primary-series .series-image img{object-position:80% 60%}
/* High school photograph */
.high-banner .banner-media img{object-position:58% 45%}
#high-series .series-image img{object-position:55% 50%}
.high-banner,.high-sequence{--banner-rgb:106,97,97}   /* #6A6161 warm grey taken from the photograph's paving */
.high-banner,.high-sequence{--banner-rgb:58,87,125}   /* #3A577D denim blue taken from the photograph's jeans */
/* Curriculum card accent line in each series colour */
.curriculum-card .label::before{background:var(--card-accent,var(--accent-cyan))}
.gyh-cards{--card-accent:#133E5B}
.primary-cards{--card-accent:#545F81}
.high-cards{--card-accent:#3A577D}
.high-banner,.high-sequence{--banner-rgb:27,35,48}   /* #1B2330 deep indigo denim sampled from the photograph's jeans */
.high-banner{--banner-rgb:68,44,109} /* #442C6D Franco's deep violet, derived from the approved figure palette */
.high-cards{--card-accent:#1B2330}
/* Genesis to Revelation: mountain photograph and warm rock brown */
/* Graham selected Leaf green from the rendered comparison, 5 October 2026. */
:root{--genesis-rgb:54,123,73}
.g2r-banner,.g2r-sequence{--banner-rgb:var(--genesis-rgb)}
.g2r-cards{--card-accent:rgb(var(--genesis-rgb))}
.g2r-banner .banner-media img{object-position:55% 40%}
#genesis-to-revelation .series-image img{object-position:50% 45%}

/* 17 September 2026: organisation and policy pages use the rounded banner panel instead of a full-width hero. Single column (no series mark), primary brand colour #03363D from the default --banner-rgb. */
.page-banner{grid-template-columns:minmax(0,1fr);min-height:0}
.page-banner .curriculum-banner-copy p{max-width:900px}

/* 17 September 2026: homepage banner and the two context tiles read as one block.
   The banner keeps heading and introduction only (its pathways row was removed); the tiles
   below carry that navigation, sharing the banner's width, radius and teal wash. */
/* 17 September 2026: homepage banner takes #010101, the most common pixel in a dark clip of
   the potter photograph the user supplied. The teal was tinting the hands and clay cool; near
   black lets the photograph carry all the colour. Only the organisation banner changes; the
   context tiles below still carry the #03363D wash. */
.organisation-banner{--banner-rgb:60,53,49;min-height:520px}
.context-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1500px;width:calc(100% - 40px);margin:24px auto 0}
.context-tile{position:relative;display:flex;align-items:flex-end;min-height:420px;border-radius:24px;overflow:hidden;background:#03363D;isolation:isolate}
.tile-media{position:absolute;inset:0;margin:0;z-index:-1}
.tile-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.tile-media::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#03363D 4%,rgba(3,54,61,.93) 44%,rgba(3,54,61,.7) 72%,rgba(3,54,61,.45) 100%)}
.home-context-tile{background:rgb(var(--banner-rgb))}
.home-context-tile .tile-copy{position:static}
.home-context-tile .tile-copy h2,.home-context-tile .tile-copy p,.home-context-tile .tile-action{color:rgb(var(--home-ink-rgb))}
.home-context-tile .tile-media img{object-position:50% 45%}
.home-context-tile .tile-media::after{background:linear-gradient(0deg,rgb(var(--banner-rgb)) 4%,rgba(var(--banner-rgb),.93) 44%,rgba(var(--banner-rgb),.7) 72%,rgba(var(--banner-rgb),.45) 100%)}
.tile-copy{position:relative;padding:40px clamp(28px,3vw,48px);color:#F8F9F9}
/* Context tiles sit on photographs and keep their approved 17 September treatment. */
.tile-copy .eyebrow{font:300 16px/1.75 "Merriweather",Georgia,serif;letter-spacing:2.4px;margin:0 0 14px;color:#BDD9D7}
.tile-copy h2{font-size:clamp(30px,2.4vw,38px);line-height:1.1;letter-spacing:-.8px;margin:0 0 16px;color:#fff}
.tile-copy h2 a{color:inherit}
.tile-copy h2 a::after{content:"";position:absolute;inset:0}
.tile-copy h2 a:hover{text-decoration:none}
.tile-copy p{font:300 16px/1.75 "Merriweather",Georgia,serif;margin:0;color:#E3ECEA;max-width:56ch}
.tile-action{display:block;margin-top:22px;font:500 13px/1.4 "Montserrat",sans-serif;letter-spacing:.3px;color:#BDD9D7}
.context-tile:hover .tile-action{color:#fff}
.banner-copy .tile-action{margin-top:30px}
.banner-copy a.tile-action:hover{color:#fff;text-decoration:none}
.context-tile:hover .tile-media img{transform:scale(1.03)}
.tile-media img{transition:transform .4s ease}
@media(max-width:900px){.context-tiles{grid-template-columns:1fr}}
@media(max-width:700px){.context-tiles{width:calc(100% - 24px);gap:16px;margin-top:16px}.context-tile{min-height:330px;border-radius:16px}.tile-copy{padding:28px 25px}.tile-copy h2{font-size:28px}.tile-copy p{font-size:14px}}

/* 17 September 2026: approved layout A, smaller images beside aligned text. */
.featured-curriculum{padding:56px 0}
.featured-curriculum>.wrap{display:grid;grid-template-columns:352px minmax(0,1fr);column-gap:48px}
.featured-curriculum .section-heading{display:block;grid-column:2;margin-bottom:26px}
.featured-curriculum .feature-context{margin-top:6px}
.featured-curriculum .series-feature{display:contents;margin:0}
.featured-curriculum .series-image{grid-column:1;grid-row:1 / span 2;aspect-ratio:3/2;border-radius:8px;align-self:start}
.featured-curriculum .series-feature.reverse .series-image{order:0}
.featured-curriculum .series-image img{transform:scale(1.15);transform-origin:center;object-position:75% 50%}
.featured-curriculum .series-copy{grid-column:2}
.featured-curriculum .series-title{font-size:38px;max-width:none}
.featured-curriculum .series-intro{font-size:17px;line-height:1.75;max-width:none}
.featured-curriculum .series-quote{font:400 24px/1.35 "Newsreader",Georgia,serif;color:#03363D;border:0;padding:0;margin:24px 0 28px;max-width:none}
.featured-curriculum .series-quote span{display:block;margin:8px 0 0;font:400 17px/1.4 "Newsreader",Georgia,serif;text-transform:none;letter-spacing:0;color:inherit}
.featured-curriculum .feature-context{font:400 13px/1.5 "Montserrat",sans-serif;color:#6B706C;margin:10px 0 0}
@media(max-width:700px){.featured-curriculum{padding:36px 0}.featured-curriculum>.wrap{display:flex;flex-direction:column}.featured-curriculum .section-heading{order:0}.featured-curriculum .series-feature .series-image{order:1;width:100%;aspect-ratio:2/1;margin-bottom:26px}.featured-curriculum .series-copy{order:2}.featured-curriculum .series-title{font-size:32px}}
.series-quote{font:300 20px/1.6 "Merriweather",Georgia,serif;color:#03363D;margin:0 0 20px;padding-left:18px;border-left:3px solid #BDD9D7;max-width:560px}
.series-quote span{display:block;margin-top:8px;font:500 11px/1.4 "Montserrat",sans-serif;letter-spacing:1.1px;text-transform:uppercase;color:#17494D}
@media(max-width:700px){.series-quote{font-size:17px;padding-left:14px}}

/* 17 September 2026: quiet chip actions. A barely-there rounded background reads as a button
   without becoming a call-to-action pill, echoing the main navigation's hover shape.
   Dark surfaces (homepage banner, context tiles) use transparent white; the light featured
   band uses the navigation's own #F0F0F0. */
.tile-action,.featured-curriculum .text-action{font:500 15px/1.4 "Montserrat",sans-serif;letter-spacing:.3px;text-transform:none}
.tile-action{display:inline-block;margin-top:22px;padding:11px 18px;border-radius:8px;background:rgba(255,255,255,.10);color:#E8EFED;transition:background-color .15s ease,color .15s ease}
.context-tile:hover .tile-action{background:rgba(255,255,255,.18);color:#fff}
.banner-copy a.tile-action:hover,.banner-copy a.tile-action:focus-visible{background:rgba(255,255,255,.18);color:#fff;text-decoration:none}
.featured-curriculum .text-action{display:inline-block;margin-top:24px;padding:11px 18px;border-radius:8px;background:#F0F0F0;color:var(--brand-teal);transition:background-color .15s ease}
.featured-curriculum .text-action:hover,.featured-curriculum .text-action:focus-visible{background:#E4E7E3;color:var(--brand-teal);text-decoration:none}
@media(max-width:700px){.tile-action,.featured-curriculum .text-action{font-size:14px;padding:10px 15px}}

/* Guard Your Heart: the extended canvas supplies its own background; no added fade. */
.series-banner.gyh-banner .banner-media{left:0}
.gyh-banner .banner-media::after{content:none;background:none}
.gyh-banner .banner-media img{transform:none;object-position:50% 50%}
.series-banner.gyh-banner .banner-copy{width:45%;max-width:640px;padding-right:24px}
#guard-your-heart .series-image img{transform:none;object-position:100% 50%}
#featured-home .series-image img{object-position:83% 50%}
@media(max-width:1100px){.series-banner.gyh-banner{display:flex;flex-direction:column;align-items:stretch;min-height:0}.series-banner.gyh-banner .banner-copy{width:auto;max-width:none;order:1;padding:40px 32px}.series-banner.gyh-banner .banner-media{position:relative;inset:auto;order:2;height:auto;aspect-ratio:1576/998;z-index:0}.series-banner.gyh-banner .banner-media img{position:absolute;inset:0;object-fit:contain}}
@media(max-width:700px){.series-banner.gyh-banner .banner-copy{padding:35px 25px 30px}}


/* 17 September 2026: organisation homepage receives the wood-and-heart visual, without a colour panel - the photograph fills the
   whole banner and the copy sits directly on the wood, over a neutral black scrim.
   The longer homepage copy needs stronger shading; below 1280px it covers the text column. */
.organisation-banner .banner-media{left:0}
.organisation-banner .banner-media::after{background:linear-gradient(90deg,rgba(0,0,0,.65) 0%,rgba(0,0,0,.55) 34%,rgba(0,0,0,0) 66%)}
@media(min-width:701px) and (max-width:1279px){.organisation-banner .banner-media::after{background:linear-gradient(90deg,rgba(0,0,0,.68) 0,rgba(0,0,0,.68) 580px,rgba(0,0,0,0) 100%)}}
.home-context-tile .tile-action{background:rgba(var(--home-ink-rgb),.08)}
.home-context-tile:hover .tile-action{color:rgb(var(--home-ink-rgb));background:rgba(var(--home-ink-rgb),.14)}
@media(max-width:700px){.organisation-banner .banner-media{left:0}.organisation-banner .banner-media::after{background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.3) 42%,rgba(0,0,0,0) 72%)}}

/* 17 September 2026: footer email block, above the policy row and divided from it. */
.footer-contact-row{padding-bottom:26px;margin-bottom:26px;border-bottom:1px solid rgba(255,255,255,.14)}
.footer-contact-label{margin:0 0 12px;font:400 13px/1.4 "Montserrat",sans-serif;color:#9FABA2}
.footer-email{display:inline-flex;align-items:center;gap:11px;font:400 13px/1.4 "Montserrat",sans-serif;color:#FFFFFF;text-decoration:none;transition:color .15s ease}
.site-footer .footer-email:hover,.site-footer .footer-email:focus-visible{color:#9FABA2;text-decoration:none}
.footer-email-icon{width:17px;height:13px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:700px){.footer-contact-row{padding-bottom:20px;margin-bottom:20px}.footer-contact-label,.footer-email{font-size:12px}}
.plain-grid{gap:48px}
.plain-grid li{background:none;border-top:0;border-radius:0;padding:0}
.plain-grid h3{margin:0 0 12px}
.plain-grid p{font-size:19px}
@media(max-width:700px){.plain-grid{gap:30px}.plain-grid li{padding:0}}

/* About us foundation documents — 5 October 2026. */
.foundations-layout{display:grid;grid-template-columns:260px minmax(0,760px);gap:72px;align-items:start;padding-top:64px;padding-bottom:88px;max-width:1180px}
.foundations-nav{position:sticky;top:112px;display:flex;flex-direction:column}
.foundations-nav a{display:block;padding:17px 0;border-bottom:1px solid #d9dcd9;font-family:"Newsreader",Georgia,serif;font-size:24px;line-height:1.3;font-weight:500;color:var(--body-copy);text-decoration:none}
.foundations-nav a[aria-current]{color:#03363d;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.foundations-nav a:focus-visible{outline:2px solid #17494d;outline-offset:5px}
.foundation-document{min-width:0;scroll-margin-top:110px;color:var(--body-copy)}
.foundation-document>h1,.foundation-document>h2{font-family:"Newsreader",Georgia,serif;font-size:42px;line-height:1.15;margin:0 0 22px}
.foundation-document section h2,.foundation-document h3{font-family:"Newsreader",Georgia,serif;font-size:28px;line-height:1.25;font-weight:600;margin:0 0 10px;color:#03363d}
.foundation-document p{font-family:"Merriweather",Georgia,serif;font-weight:300;font-size:18px;line-height:1.85;margin:0}
.foundation-document .foundations-intro{margin-bottom:38px}
.foundation-document section{margin:0 0 30px}
@media(max-width:900px){.foundations-layout{grid-template-columns:220px minmax(0,1fr);gap:36px}.foundations-nav a{font-size:21px}}
@media(max-width:700px){.foundations-layout{display:block;padding-top:28px;padding-bottom:48px}.foundations-nav{position:static;margin-bottom:38px}.foundations-nav a{font-size:22px;padding:12px 0}.foundation-document>h1,.foundation-document>h2{font-size:34px}.foundation-document section h2,.foundation-document h3{font-size:25px}.foundation-document p{font-size:16.5px;line-height:1.8}.foundation-document section{margin-bottom:28px}}

.vision-document section p+p{margin-top:18px}

/* 5 October 2026: independently selected Sunday School courses. */
.school-course-layout{max-width:1040px;padding-top:56px;padding-bottom:72px}
.school-course-layout .course-use{padding-top:32px;border-top:1px solid #BDD9D7}
.course-aim,.course-use p,.course-outline .course-unit-copy p{font-family:var(--body-serif,"Merriweather",Georgia,serif);font-weight:300;color:var(--body-copy);line-height:1.75}
.course-aim,.course-use p{font-size:19px;margin:20px 0 28px}
.course-outline li{align-items:flex-start;gap:18px}
.course-outline .lesson-number{flex:0 0 104px;min-width:104px;padding-top:6px}
.course-outline .course-unit-copy{flex:1;min-width:0}
.course-outline .course-unit-copy h3{margin:0}
.course-outline .course-unit-copy p{font-size:16px;margin:10px 0 0}
.course-use{margin-top:42px}
.course-use h2{font-family:"Newsreader",Georgia,serif;color:#03363D}
@media(max-width:700px){.course-aim,.course-use p{font-size:17px}.course-outline li{display:block}.course-outline .lesson-number{display:block;min-width:0;margin-bottom:10px;padding-top:0}.course-outline .course-unit-copy p{font-size:15px}}
@media(max-width:900px){.school-course-layout{padding-top:36px}}
@media(max-width:700px){.school-course-layout{padding-top:32px;padding-bottom:48px}.school-course-layout .course-use{padding-top:28px}}
/* 5 October 2026: supplied aerial photograph for Senior primary. */
.senior-primary-banner .banner-media img{object-position:50% 50%}
#senior-primary-series .series-image img,#featured-school .series-image img{object-position:50% 50%;transform:none}

/* 5 October 2026: Graham selected Deeper sky, sampled from the supplied mountain photograph. */
:root{--senior-primary-rgb:15,103,160}
.senior-banner{--banner-rgb:var(--senior-primary-rgb)}
.senior-cards{--card-accent:rgb(var(--senior-primary-rgb))}


.senior-banner .banner-copy .pathways a:hover strong,.senior-banner .banner-copy .pathways a:focus-visible strong{color:#fff;opacity:1}

/* Grouped lesson access: shared Sunday School course component, 5 October 2026. */
.school-course-layout.school-lesson-catalogue{max-width:1280px}
.school-lesson-catalogue .course-aim{max-width:900px}
.school-units{margin-top:46px}
.school-unit{margin-top:52px;scroll-margin-top:110px}
.school-unit:first-child{margin-top:0}
.school-unit-heading{margin-bottom:24px}
.school-unit-meta{font:500 12px/1.5 "Montserrat",sans-serif;letter-spacing:1px;text-transform:uppercase;color:var(--card-accent);margin:0 0 12px}
.school-unit-meta span{margin:0 6px}
.school-unit-heading h3{font:500 32px/1.2 "Newsreader",Georgia,serif;letter-spacing:-.5px;color:#03363D;margin:0 0 10px}
.school-unit-scope{font:300 15px/1.65 "Merriweather",Georgia,serif;color:#58615D;margin:0}
.school-lesson-grid{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;margin:0;border-top:1px solid #DCD5CB}
.school-lesson-card{position:relative;display:flex;flex-direction:column;padding:28px 26px;min-width:0;border-bottom:1px solid #DCD5CB}
.school-lesson-card::before{content:"";display:block;width:36px;height:3px;background:var(--card-accent);margin-bottom:19px}
.school-lesson-number{font:400 12px/1.5 "Montserrat",sans-serif;letter-spacing:.9px;text-transform:uppercase;color:var(--card-accent);margin-bottom:12px}
.school-lesson-card h4{font:500 27px/1.16 "Newsreader",Georgia,serif;letter-spacing:-.45px;color:#03363D;margin:0 0 14px}
.school-lesson-passage{font:400 12px/1.65 "Montserrat",sans-serif;color:#505C57;margin:0 0 18px}
.school-lesson-summary{font:300 16px/1.75 "Merriweather",Georgia,serif;color:var(--body-copy);margin:0 0 24px}
.school-lesson-action{font:400 12px/1.5 "Montserrat",sans-serif;color:#606C66;margin-top:auto;padding-top:8px}
.school-lesson-open::after{content:"";position:absolute;inset:0}
.school-lesson-open:focus-visible{outline:none}
.school-lesson-card:has(.school-lesson-open) .school-lesson-action{color:var(--card-accent)}
.school-lesson-card.lesson-space h4{display:none}
.school-lesson-card.lesson-space{min-height:150px}
.school-lesson-card.lesson-space::before{margin-bottom:14px}
@media(min-width:1051px){.school-lesson-card:not(:nth-child(3n+1)){border-left:1px solid #DCD5CB}.school-lesson-card:nth-child(3n+1){padding-left:0}}
@media(min-width:701px) and (max-width:1050px){.school-lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.school-lesson-card:nth-child(even){border-left:1px solid #DCD5CB}.school-lesson-card:nth-child(odd){padding-left:0}}
@media(max-width:700px){.school-units{margin-top:32px}.school-unit{margin-top:38px}.school-unit-heading h3{font-size:28px}.school-unit-scope{font-size:14px}.school-lesson-grid{grid-template-columns:1fr}.school-lesson-card{padding:24px 0}.school-lesson-card h4{font-size:26px}.school-lesson-card.lesson-space{min-height:126px}.school-lesson-summary{font-size:16px}.school-unit-heading{margin-bottom:20px}}

/* Sunday School stage pages: centred trapezoids, with distinct shape directions. */
.stage-trapezoid{display:flex;justify-content:center;align-items:center;min-height:0;padding:50px 40px 56px;background:transparent;border-radius:0;overflow:visible}
.stage-trapezoid .banner-copy{position:relative;flex:none;width:100%;max-width:900px;padding:96px 120px;z-index:1;isolation:isolate;text-align:center}
.stage-trapezoid .banner-copy::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--banner-fill,rgb(var(--banner-rgb)));transform:rotate(var(--trapezoid-angle,-3deg)) scaleY(var(--trapezoid-flip,1));mask-image:url("banner-trapezoid.svg");mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-image:url("banner-trapezoid.svg");-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat}
.stage-trapezoid .banner-copy .intro{max-width:580px;margin:0 auto}
@media(min-width:701px) and (max-width:1100px){
 .stage-trapezoid{padding:40px 24px 46px}
 .stage-trapezoid .banner-copy{padding:80px 76px}
}
@media(max-width:700px){
 .stage-trapezoid{padding:28px 12px 36px}
 .stage-trapezoid .banner-copy{max-width:none;padding:56px 38px}
 .stage-trapezoid .banner-copy::before{transform:rotate(var(--trapezoid-mobile-angle,-2deg)) scaleY(var(--trapezoid-flip,1))}
}

.junior-primary-banner{--trapezoid-angle:3deg;--trapezoid-mobile-angle:2deg;--trapezoid-flip:-1}
/* Decorative Junior primary creature at the lower-left corner marked by Graham. */
.junior-primary-banner{padding-bottom:80px}
.junior-primary-banner .banner-creature{position:absolute;left:-40px;bottom:-52px;display:block;width:180px;height:auto;max-width:none;z-index:2;pointer-events:none;user-select:none}
@media(min-width:701px) and (max-width:1100px){.junior-primary-banner .banner-creature{width:150px;left:0;bottom:-76px}}
@media(max-width:700px){.junior-primary-banner .banner-creature{width:110px;left:8px;bottom:-60px}}

/* Approved Senior primary fox; High school uses a gentler tilt and attentive owl. */
.senior-primary-banner,.high-school-banner{padding-bottom:85px}
.senior-primary-banner .banner-creature,.high-school-banner .banner-creature{position:absolute;bottom:-52px;display:block;width:180px;height:auto;max-width:none;z-index:2;pointer-events:none;user-select:none}
.senior-primary-banner .banner-creature{right:-40px;width:200px}
.high-school-banner{--trapezoid-angle:1.5deg;--trapezoid-mobile-angle:1deg}
.high-school-banner .banner-creature{left:24px;width:270px;bottom:-76px}
@media(min-width:701px) and (max-width:1100px){
 .senior-primary-banner .banner-creature,.high-school-banner .banner-creature{width:150px;bottom:-76px}
 .senior-primary-banner .banner-creature{right:0;width:170px}
 .high-school-banner .banner-creature{left:20px;width:230px;bottom:-85px}
}
@media(max-width:700px){
 .senior-primary-banner .banner-creature,.high-school-banner .banner-creature{width:110px;bottom:-60px}
 .senior-primary-banner .banner-creature{right:8px;width:120px;bottom:-68px}
 .high-school-banner .banner-creature{left:12px;width:172px;bottom:-90px}
}

/* Sunday School curricula: approved grouped lesson lists and trapezoid labels. */
.school-course-layout.school-lesson-list{max-width:1100px}
.school-lesson-list .school-lesson-card.lesson-space{min-height:0}
.school-lesson-list .lesson-space .school-lesson-number{grid-row:1}
.school-lesson-list .school-lesson-grid{display:block}
.school-lesson-list .school-lesson-card{display:grid;grid-template-columns:120px minmax(0,1fr);column-gap:26px;row-gap:8px;padding:24px 12px;border-left:0}
.school-lesson-list .school-lesson-card::before{display:none}
.school-lesson-list .school-lesson-number{grid-column:1;grid-row:1/4;align-self:start;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-height:50px;margin:0;padding:14px 12px;color:#fff;font-weight:500}
.school-lesson-list .school-lesson-number::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--card-accent);mask:url("banner-trapezoid.svg") center/100% 100% no-repeat;-webkit-mask:url("banner-trapezoid.svg") center/100% 100% no-repeat;transform:rotate(-3deg)}
.school-lesson-list .school-lesson-card h4{grid-column:2;grid-row:1;font-size:28px;margin:0}
.school-lesson-list .school-lesson-card .availability-note{grid-column:2;grid-row:4;margin:0}
.school-lesson-list .school-lesson-open::after{display:none}
.school-lesson-list .school-lesson-open{color:inherit;text-decoration:none;transition:color .15s ease}
.school-lesson-list .school-lesson-open:hover{color:#8A8F8B;text-decoration:none}
.school-lesson-list .school-lesson-open:focus-visible{outline:2px solid var(--card-accent);outline-offset:4px}
.school-lesson-list .school-lesson-passage{grid-column:2;grid-row:2;margin:0}
.school-lesson-list .school-lesson-summary{grid-column:2;grid-row:3;font-size:16px;margin:0}
@media(max-width:700px){
 .school-lesson-list .school-lesson-card{grid-template-columns:minmax(0,1fr);row-gap:12px;padding:24px 0}
 .school-lesson-list .school-lesson-number{grid-column:1;grid-row:1;justify-self:start;width:120px;padding:14px 12px}
 .school-lesson-list .school-lesson-card h4{grid-column:1;grid-row:2;font-size:26px}
 .school-lesson-list .school-lesson-card .availability-note{grid-column:1;grid-row:5}
 .school-lesson-list .school-lesson-passage{grid-column:1;grid-row:3}
 .school-lesson-list .school-lesson-summary{grid-column:1;grid-row:4}
}

/* A visible catalogue distinguishes free reading, signed-in reading and future plans. */
.availability-note,.curriculum-card .card-body p.availability-note{font:500 12px/1.5 "Montserrat",sans-serif;color:#48534E;letter-spacing:.15px;margin:9px 0 0}
.curriculum-card .card-body .card-bottom{order:1;margin-top:auto}
.curriculum-card .card-body p.availability-note{order:2;margin-top:0;padding-top:8px}
.curriculum-card:is(.access-planned,.access-member:not(.is-unlocked)),
.curriculum-card:is(.access-planned,.access-member:not(.is-unlocked)):hover{background:transparent;box-shadow:none;transform:none;cursor:default}
.curriculum-card:is(.access-planned,.access-member:not(.is-unlocked)) :is(h3,.label,.card-body p:not(.availability-note),.card-bottom,.card-bottom a){color:#ADB4B0}
.curriculum-card:is(.access-planned,.access-member:not(.is-unlocked)) .availability-note{color:#676F6B}
.curriculum-card:is(.access-planned,.access-member:not(.is-unlocked)) .label::before{background:#ADB4B0}
.access-member:not(.is-unlocked) .member-link{cursor:default}
.access-member.is-unlocked .availability-note{display:none}
.access-member.is-unlocked .member-link a{color:inherit;text-decoration:none}
.access-member.is-unlocked .member-link a:hover{color:#5B635E}
.school-lesson-list .school-lesson-card.access-planned,.school-lesson-list .school-lesson-card.access-member:not(.is-unlocked),
.lesson-list li.access-planned,.lesson-list li.access-member:not(.is-unlocked){background:transparent;cursor:default}
.school-lesson-list .school-lesson-card:is(.access-planned,.access-member:not(.is-unlocked)) :is(h4,.school-lesson-passage,.school-lesson-summary,.school-lesson-action),
.lesson-list li:is(.access-planned,.access-member:not(.is-unlocked)) :is(h3,.home-lesson-passage,.home-lesson-summary){color:#ADB4B0}
.school-lesson-list .school-lesson-card:is(.access-planned,.access-member:not(.is-unlocked)) .availability-note,
.lesson-list li:is(.access-planned,.access-member:not(.is-unlocked)) .availability-note{color:#676F6B}
.school-lesson-list .school-lesson-card:is(.access-planned,.access-member:not(.is-unlocked)) .school-lesson-number::before{background:#ADB4B0}
.school-lesson-list .access-member:not(.is-unlocked) .school-lesson-open:hover{color:inherit}
.school-lesson-list .access-member.is-unlocked .member-link a.school-lesson-open{color:inherit}

/* Context gateways share the established trapezoid family. */
:is(.school-library-heading,.home-library-heading){padding:44px 0 28px;text-align:center}
:is(.school-library-heading,.home-library-heading) h1{font:700 clamp(42px,4.8vw,68px)/1.08 "Newsreader",Georgia,serif;letter-spacing:-1.5px;color:#03363D;margin:0 0 22px}
:is(.school-library-heading,.home-library-heading) .intro{max-width:760px;margin:0 auto;font:300 19px/1.75 "Merriweather",Georgia,serif;color:var(--body-copy)}
.school-stage-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;padding-top:32px;padding-bottom:68px}
:is(.school-stage-card,.home-series-card){position:relative;isolation:isolate;display:flex;flex-direction:column;text-align:center;min-width:0;padding:56px 36px 100px;color:#fff;text-decoration:none}
:is(.school-stage-card,.home-series-card)::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--banner-fill,rgb(var(--banner-rgb)));mask:url("banner-trapezoid.svg") center/100% 100% no-repeat;-webkit-mask:url("banner-trapezoid.svg") center/100% 100% no-repeat;transform:rotate(var(--stage-link-angle,-3deg)) scaleY(var(--stage-link-flip,1));transition:filter .2s}
:is(.school-stage-card,.home-series-card) h2{font:700 40px/1.08 "Newsreader",Georgia,serif;letter-spacing:-.8px;color:#fff;margin:0 0 22px}
:is(.school-stage-card,.home-series-card) p{font:300 17px/1.75 "Merriweather",Georgia,serif;color:#fff;margin:0 0 26px}
:is(.school-stage-action,.home-series-action){display:inline-flex;align-items:center;justify-content:center;align-self:center;min-height:44px;margin-top:auto;padding:12px 24px;border:1px solid rgba(255,255,255,.8);border-radius:8px;background:#fff;color:rgb(var(--banner-rgb));font:500 16px/1.5 "Montserrat",sans-serif;text-decoration:none;transition:background .2s}
:is(.school-stage-card,.home-series-card) img{position:absolute;width:120px;height:auto;bottom:-28px;left:4px;pointer-events:none;user-select:none}
.school-stage-junior{--stage-link-angle:3deg;--stage-link-flip:-1}
.school-stage-card.school-stage-junior,.context-banner.junior-primary-banner{--banner-rgb:54,116,119}
.school-stage-junior img{width:150px;bottom:-40px}
/* Jack 1.1 sheep gateway — selected Mulberry, 19 October 2026. */
.school-stage-card.school-stage-margaret{--banner-rgb:59,85,83;--banner-fill:rgb(59,85,83)}
.school-stage-card.school-stage-margaret :is(h2,p){color:#FFFFFF}
.school-stage-card.school-stage-margaret .school-stage-action{color:#3B5553}
.school-stage-card.school-stage-margaret img{width:148px;left:4px;bottom:-75px}
@media(max-width:1050px){.school-stage-card.school-stage-margaret{margin-bottom:32px}}
@media(min-width:701px) and (max-width:1050px){.school-stage-card.school-stage-margaret img{width:156px;left:16px;bottom:-78px}}
@media(max-width:700px){.school-stage-card.school-stage-margaret img{width:136px;left:4px;bottom:-69px}}
.school-stage-senior img{left:auto;right:0;width:134px}
.school-stage-high{--stage-link-angle:1.5deg}
.school-stage-high img{left:4px;width:190px;bottom:-72px}
:is(.school-stage-card,.home-series-card):hover::before{filter:brightness(1.08)}
:is(.school-stage-card,.home-series-card):hover :is(.school-stage-action,.home-series-action),:is(.school-stage-card,.home-series-card):focus-visible :is(.school-stage-action,.home-series-action){background:#F3F0EE}
:is(.school-stage-card,.home-series-card):focus-visible{outline:3px solid #03363D;outline-offset:12px;border-radius:12px}
.school-material-guide{scroll-margin-top:110px}
:is(.senior-teaching-guide,.junior-teaching-guide,.high-school-teaching-guide,.little-ones-teaching-guide) .section{padding:42px 0}
:is(.senior-teaching-guide,.junior-teaching-guide,.high-school-teaching-guide,.little-ones-teaching-guide) .teacher-guide-copy{max-width:900px}
/* Landing-page section rules span the page; retain the established prose spacing. */
:is(.senior-teaching-guide,.junior-teaching-guide,.high-school-teaching-guide,.little-ones-teaching-guide) .section+.section{position:relative}
:is(.senior-teaching-guide,.junior-teaching-guide,.high-school-teaching-guide,.little-ones-teaching-guide) .section+.section::before{content:"";position:absolute;left:0;right:0;top:42px;border-top:1px solid #BDD9D7;pointer-events:none}
:is(.senior-teaching-guide,.junior-teaching-guide,.high-school-teaching-guide,.little-ones-teaching-guide) .section+.section .teacher-guide-copy{border-top:1px solid transparent;padding-top:42px}
:is(.senior-teaching-guide,.junior-teaching-guide,.high-school-teaching-guide,.little-ones-teaching-guide) h2{font:500 42px/1.16 "Newsreader",Georgia,serif;letter-spacing:-.6px;color:#03363D;margin:0 0 26px}
:is(.senior-teaching-guide,.junior-teaching-guide,.high-school-teaching-guide,.little-ones-teaching-guide) h3{font:500 29px/1.25 "Newsreader",Georgia,serif;letter-spacing:-.3px;color:#17494D;margin:32px 0 14px}
:is(.senior-teaching-guide,.junior-teaching-guide,.high-school-teaching-guide,.little-ones-teaching-guide) p{font:300 19px/1.75 "Merriweather",Georgia,serif;color:var(--body-copy);margin:0 0 20px}
:is(.senior-teaching-guide,.junior-teaching-guide,.high-school-teaching-guide,.little-ones-teaching-guide) p:last-child{margin-bottom:0}
:is(.senior-teaching-guide,.junior-teaching-guide,.high-school-teaching-guide,.little-ones-teaching-guide) strong{font-weight:700}
:is(.senior-teaching-guide,.junior-teaching-guide,.high-school-teaching-guide,.little-ones-teaching-guide) [id],:is(.senior-teaching-guide,.junior-teaching-guide,.high-school-teaching-guide,.little-ones-teaching-guide)+.series-section{scroll-margin-top:15px}
:is(.senior-teaching-guide,.junior-teaching-guide,.high-school-teaching-guide,.little-ones-teaching-guide) a:focus-visible{outline:2px solid #17494D;outline-offset:5px}
@media(max-width:700px){:is(.senior-teaching-guide,.junior-teaching-guide,.high-school-teaching-guide,.little-ones-teaching-guide) .section{padding:28px 0}:is(.senior-teaching-guide,.junior-teaching-guide,.high-school-teaching-guide,.little-ones-teaching-guide) .section+.section::before{top:28px}:is(.senior-teaching-guide,.junior-teaching-guide,.high-school-teaching-guide,.little-ones-teaching-guide) .section+.section .teacher-guide-copy{padding-top:30px}:is(.senior-teaching-guide,.junior-teaching-guide,.high-school-teaching-guide,.little-ones-teaching-guide) h2{font-size:32px}:is(.senior-teaching-guide,.junior-teaching-guide,.high-school-teaching-guide,.little-ones-teaching-guide) h3{font-size:26px;margin-top:28px}:is(.senior-teaching-guide,.junior-teaching-guide,.high-school-teaching-guide,.little-ones-teaching-guide) p{font-size:17px}:is(.senior-teaching-guide,.junior-teaching-guide,.high-school-teaching-guide,.little-ones-teaching-guide) [id],:is(.senior-teaching-guide,.junior-teaching-guide,.high-school-teaching-guide,.little-ones-teaching-guide)+.series-section{scroll-margin-top:8px}}
.school-material-steps{margin:36px 0}
.school-material-guide{position:relative}
.school-material-steps>section{display:grid;grid-template-columns:120px minmax(0,1fr);column-gap:28px;padding:28px 0;border:0}
.school-material-step-copy{min-width:0;max-width:850px}
.school-material-puzzle{display:block;align-self:start;width:120px;height:120px;margin-top:4px;background:url("sunday-school-puzzle-jack-v4.png") no-repeat;background-size:200% 200%}
.school-material-puzzle[data-puzzle-stage="1"]{background-position:0 0}
.school-material-puzzle[data-puzzle-stage="2"]{background-position:100% 0}
.school-material-puzzle[data-puzzle-stage="3"]{background-position:0 100%}
.school-material-steps h3{font:500 32px/1.2 "Newsreader",Georgia,serif;letter-spacing:-.5px;color:#03363D;margin:0 0 20px}
.school-material-steps p{font:300 17px/1.75 "Merriweather",Georgia,serif;color:var(--body-copy);margin:0}
.school-material-steps p+p{margin-top:14px}
@media(max-width:700px){.school-material-steps{margin:28px 0}.school-material-steps>section{grid-template-columns:64px minmax(0,1fr);column-gap:14px;padding:24px 0}.school-material-puzzle{width:64px;height:64px;grid-column:1;grid-row:1;margin-top:0}.school-material-step-copy{display:contents}.school-material-step-copy h3{grid-column:2;grid-row:1;align-self:center;margin:0}.school-material-step-copy p{grid-column:1/-1}.school-material-step-copy h3+p{margin-top:14px}.school-material-steps h3{font-size:28px}.school-material-steps p{font-size:16px}}

@media(max-width:1050px){
 .school-stage-links{grid-template-columns:1fr;max-width:640px;gap:72px}
 :is(.school-stage-card,.home-series-card){padding:58px 80px 84px}
 :is(.school-stage-card,.home-series-card) p{font-size:19px}
 :is(.school-stage-card,.home-series-card) img{width:130px;left:16px}
 .school-stage-junior img{width:160px}
 .school-stage-senior img{left:auto;right:8px;width:145px}
 .school-stage-high img{left:24px;width:210px;bottom:-78px}
}
@media(max-width:700px){
 :is(.school-library-heading,.home-library-heading){padding:30px 0 18px}
 :is(.school-library-heading,.home-library-heading) h1{font-size:42px;letter-spacing:-1px}
 :is(.school-library-heading,.home-library-heading) .intro{font-size:17px}
 .school-stage-links{padding-top:30px;padding-bottom:58px;gap:62px}
 :is(.school-stage-card,.home-series-card){padding:48px 34px 84px}
 :is(.school-stage-card,.home-series-card) h2{font-size:36px}
 :is(.school-stage-card,.home-series-card) p{font-size:17px}
 :is(.school-stage-card,.home-series-card) img{width:105px;left:4px}
 .school-stage-junior img{width:130px}
 .school-stage-senior img{left:auto;right:0;width:118px}
 .school-stage-high img{left:8px;width:170px;bottom:-76px}
}

/* Sally's senior-primary art keeps the shared coloured trapezoid treatment. */
.school-stage-card.school-stage-sally,.context-banner.senior-primary-sally{--banner-rgb:15,103,160;--banner-fill:linear-gradient(rgba(15,103,160,.94),rgba(15,103,160,.94)),url("senior-primary-sally-watercolour-wash-v1.png") center/cover no-repeat #0F67A0}
.school-stage-card.school-stage-sally img{left:auto;right:0;bottom:-54px;width:210px}
@media(min-width:701px) and (max-width:1050px){.school-stage-card.school-stage-sally img{right:8px;bottom:-64px;width:210px}}
@media(max-width:700px){.school-stage-card.school-stage-sally img{right:0;bottom:-54px;width:190px}}
.senior-primary-banner.senior-primary-sally{padding-bottom:110px}
.senior-primary-banner.senior-primary-sally .banner-creature{right:-34px;bottom:-94px;width:260px}
@media(min-width:701px) and (max-width:1100px){.senior-primary-banner.senior-primary-sally .banner-creature{right:0;bottom:-90px;width:230px}}
@media(max-width:700px){.senior-primary-banner.senior-primary-sally .banner-creature{right:4px;bottom:-82px;width:190px}}

/* Organisation pathways retain their destination's visual identity. */
.organisation-heading{padding-top:56px}
.organisation-heading .intro{max-width:880px}
.organisation-about{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:26px;padding:12px 24px;border:0;border-radius:8px;color:#17494D;background:#F0F0F0;font:500 16px/1.5 "Montserrat",sans-serif;text-decoration:none}
.organisation-about:hover{background:#E4E7E3}
.organisation-pathways.home-series-links{--pathway-art-height:180px;--pathway-art-drop:72px;grid-template-columns:repeat(2,minmax(0,1fr));max-width:1160px;gap:54px;padding-bottom:96px}
@media(max-width:1050px){.organisation-pathways.home-series-links{--pathway-art-height:170px;grid-template-columns:1fr;max-width:760px;gap:112px}}
.organisation-pathways .home-series-card{padding:56px 56px calc(var(--pathway-art-height) - var(--pathway-art-drop) + 26px)}
.organisation-pathways .home-series-card::before,.organisation-pathways .home-series-card:hover::before{filter:none;transition:none}
.organisation-home{--banner-rgb:172,81,75;--stage-link-angle:2deg;--stage-link-flip:-1;--pathway-art-width:calc(var(--pathway-art-height) * 1536 / 820);--pathway-art-centre:calc(var(--pathway-art-width) * -4.5 / 1536);--pathway-art-bottom:calc(var(--pathway-art-drop) + var(--pathway-art-width) * 112 / 1536)}
.organisation-school{--banner-rgb:83,91,112;--stage-link-angle:-2deg;--stage-link-flip:-1;--pathway-art-width:calc(var(--pathway-art-height) * 1464 / 979);--pathway-art-centre:calc(var(--pathway-art-width) * -2.5 / 1464);--pathway-art-bottom:calc(var(--pathway-art-drop) + var(--pathway-art-width) * 52 / 1464)}
.organisation-pathways .home-series-card img{width:var(--pathway-art-width);max-width:none;left:50%;right:auto;bottom:calc(-1 * var(--pathway-art-bottom));margin-left:var(--pathway-art-centre);transform:translateX(-50%)}
.organisation-page #mission{padding-top:84px;padding-bottom:48px}
.organisation-page .mission-heading-accent{color:#0F67A0}
.organisation-feature{max-width:1160px;padding-top:30px;padding-bottom:112px}
.organisation-feature-heading{font:700 44px/1.13 "Newsreader",Georgia,serif;letter-spacing:-1.1px;color:var(--brand-deep);padding-inline:76px;margin:0 0 34px}
.organisation-feature-panel{position:relative;isolation:isolate;padding:72px 76px 72px 320px;color:#fff}
.organisation-feature-panel::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--banner-fill);mask:url("banner-trapezoid.svg") center/100% 100% no-repeat;-webkit-mask:url("banner-trapezoid.svg") center/100% 100% no-repeat;transform:rotate(-1deg) scaleY(-1)}
.organisation-feature-copy .eyebrow{color:#fff}
.organisation-feature-copy h3{font:700 52px/1.08 "Newsreader",Georgia,serif;letter-spacing:-1px;margin:0 0 22px;color:#fff}
.organisation-feature-copy h3 a{color:inherit;text-decoration:none}
.organisation-feature-copy .intro{font:300 18px/1.75 "Merriweather",Georgia,serif;color:#fff;margin:0 0 24px}
.organisation-feature-quote{font:400 24px/1.35 "Newsreader",Georgia,serif;color:#fff;margin:0 0 28px}
.organisation-feature-quote span{display:block;font:400 17px/1.4 "Newsreader",Georgia,serif;margin-top:8px}
.organisation-feature-art{position:absolute;width:340px;height:auto;left:-44px;bottom:-34px;pointer-events:none;user-select:none}
.organisation-feature-copy .home-series-action{margin-top:0}
.organisation-feature a:focus-visible,.organisation-about:focus-visible{outline:3px solid #30AABC;outline-offset:6px}
@media(max-width:1050px){
 .organisation-feature-heading{padding-inline:64px}
 .organisation-feature-panel{padding:60px 64px 60px 250px}
 .organisation-feature-art{width:280px;left:-28px}
 .organisation-feature-copy h3{font-size:44px}
}
@media(max-width:700px){
 .organisation-feature-heading{font-size:31px;padding-inline:0;margin-bottom:28px}
 .organisation-heading{padding-top:34px}
 .organisation-pathways.home-series-links{--pathway-art-height:clamp(110px,36vw,140px);--pathway-art-drop:58px}
 .organisation-pathways .home-series-card{padding:44px 36px calc(var(--pathway-art-height) - var(--pathway-art-drop) + 26px)}
 .organisation-page #mission{padding-top:48px;padding-bottom:28px}
 .organisation-feature{padding-top:24px;padding-bottom:86px}
 .organisation-feature-panel{padding:44px 34px 170px}
 .organisation-feature-copy h3{font-size:38px}
 .organisation-feature-copy .intro{font-size:17px}
 .organisation-feature-quote{font-size:24px}
 .organisation-feature-art{width:190px;left:-2px;bottom:-40px}
}

/* Home shares the approved visual family, retaining its own course plans. */
.home-series-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:54px;max-width:1160px;padding-top:32px;padding-bottom:84px}
.home-series-card{padding:60px 50px 130px}
.home-series-heart{--stage-link-angle:3deg;--stage-link-flip:-1}
.home-series-genesis{--stage-link-flip:-1}
.home-series-card img{width:180px;left:-8px;bottom:-34px}
.home-series-genesis img{left:auto;right:-4px;width:190px;bottom:-48px}
.home-series-banner{padding-bottom:110px}
.home-series-banner .banner-copy{padding-bottom:136px}
.home-series-banner .banner-art{position:absolute;display:block;width:220px;height:auto;max-width:none;bottom:-68px;z-index:2;pointer-events:none;user-select:none}
.home-heart-banner{--trapezoid-angle:3deg;--trapezoid-mobile-angle:2deg;--trapezoid-flip:-1}
.home-heart-banner .banner-art{left:-28px}
.home-genesis-banner .banner-art{right:-30px;width:240px}
.home-course-layout{max-width:1100px;padding-top:56px;padding-bottom:72px}
.home-course-layout .course-introduction{font:300 19px/1.75 "Merriweather",Georgia,serif;color:var(--body-copy);margin:20px 0 0}
.home-course-layout .home-lesson-catalogue .lesson-list{margin-top:34px}
.home-course-layout .lesson-list{list-style:none;padding:0;margin:34px 0 0;border-top:1px solid #DCD5CB}
.home-course-layout .lesson-list>li{display:grid;grid-template-columns:120px minmax(0,1fr);gap:26px;align-items:start;padding:24px 12px;border-top:0;border-bottom:1px solid #DCD5CB}
.home-course-layout .lesson-number{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-height:50px;margin:0;padding:14px 12px;color:#fff;font:500 12px/1.5 "Montserrat",sans-serif;letter-spacing:.9px;text-transform:uppercase}
.home-course-layout .lesson-number::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--banner-fill,rgb(var(--banner-rgb)));mask:url("banner-trapezoid.svg") center/100% 100% no-repeat;-webkit-mask:url("banner-trapezoid.svg") center/100% 100% no-repeat;transform:rotate(-3deg)}
.home-course-layout .lesson-list h3{font:500 28px/1.16 "Newsreader",Georgia,serif;color:#03363D;letter-spacing:-.45px;margin:0;align-self:center;text-box-trim:none}
.home-course-layout .home-lesson-copy{min-width:0;align-self:center}
.home-course-layout .home-lesson-passage{font:400 12px/1.65 "Montserrat",sans-serif;color:#505C57;margin:8px 0 0}
.home-course-layout .home-lesson-summary{font:300 16px/1.75 "Merriweather",Georgia,serif;color:var(--body-copy);margin:8px 0 0}
.home-course-layout .lesson-list .lesson-number{line-height:1.5;text-box-trim:none}
.home-course-layout .lesson-list>li::before{display:none}
@media(min-width:701px) and (max-width:1100px){.home-series-banner .banner-art{width:180px;bottom:-68px}.home-heart-banner .banner-art{left:0}.home-genesis-banner .banner-art{right:0;width:200px}}
@media(max-width:900px){.home-course-layout{padding-top:36px}}
@media(max-width:1050px){.home-series-links{grid-template-columns:1fr;max-width:650px;gap:76px}.home-series-card{padding:60px 74px 130px}}
@media(max-width:700px){
 .home-series-links{padding-top:28px;padding-bottom:74px;gap:70px}
 .home-series-card{padding:44px 36px 104px}
 .home-series-card img{width:140px;left:0;bottom:-38px}
 .home-series-genesis img{width:150px;left:auto;right:0;bottom:-44px}
 .home-series-banner .banner-copy{padding-bottom:110px}
 .home-series-banner .banner-art{width:150px;bottom:-58px}
 .home-heart-banner .banner-art{left:6px}
 .home-genesis-banner .banner-art{right:0;width:160px}
 .home-course-layout{padding-top:32px;padding-bottom:48px}
 .home-course-layout .course-introduction{font-size:17px}
 .home-course-layout .lesson-list>li{grid-template-columns:minmax(0,1fr);gap:14px;padding:24px 0}
 .home-course-layout .lesson-number{justify-self:start;width:120px}
 .home-course-layout .lesson-list h3{font-size:26px;margin:0}
}
.home-course-layout .lesson-list>li:is(.access-planned,.access-member:not(.is-unlocked)) .lesson-number::before{background:#ADB4B0}
.home-course-layout .lesson-list>li:is(.access-planned,.access-member:not(.is-unlocked)) :is(h3,.home-lesson-passage,.home-lesson-summary){color:#ADB4B0}
.home-course-layout .lesson-list>li:is(.access-planned,.access-member:not(.is-unlocked)) .availability-note{color:#676F6B}

/* Shared article prose: larger on screen, including explanatory panel text. */
/* First Home overview: compact unboxed lesson details, 7 October 2026. */
.home-overview-reading .lesson-context{display:flex;flex-wrap:wrap;gap:8px 24px;margin:0 0 28px;padding:0;border:0;background:none;color:#17494d;font:400 13px/1.6 "Montserrat",sans-serif}
.home-overview-reading .lesson-context>span{white-space:nowrap}
.reader-top .lesson-context-series{margin:0 0 8px;font:600 12px/1.5 "Montserrat",sans-serif;letter-spacing:1.5px;text-transform:uppercase}
.reader-top .lesson-context-curriculum{margin:0;font:600 26px/1.2 "Newsreader",Georgia,serif;letter-spacing:-.3px;color:#17494d}
.home-overview-reading .lesson-context .reading-time{font:inherit;margin:0!important}
.reader-top .lesson-heading h1.lesson-title{margin:18px 0 0}
/* Four-layer Home lesson: use the existing white, fine-border treatment. */
.home-article-reading .layer-label{font:600 12px/1.5 "Montserrat",sans-serif;letter-spacing:1px;text-transform:uppercase;color:#17494d}
.home-article-reading .adult-care{margin:32px 0;padding:24px 28px;border:1px solid #bdd9d7;border-radius:3px;background:#fff}
.home-article-reading .adult-care h3{margin-top:0}
.home-article-reading .adult-care p:last-child{margin-bottom:0}
.reading .lesson-focus{margin:32px 0;padding:26px 30px;background:#E3F0D2;border:0;border-radius:10px}
.reading .lesson-focus .lesson-focus-label{margin:0 0 18px;color:#17494D;font:400 12px/1.5 "Montserrat",sans-serif;letter-spacing:1px;text-transform:uppercase}
.reading .lesson-focus .lesson-focus-statement{margin:0;color:#03363D;font:400 20px/1.6 Georgia,'Times New Roman',serif}
@media(max-width:700px){.reading .lesson-focus{padding:22px 20px}.reading .lesson-focus .lesson-focus-statement{font-size:19px}}
@media print{.reading .lesson-focus{background:#fff;border:1px solid #BDD9D7;break-inside:avoid}.reading .lesson-focus .lesson-focus-label{color:#17494D}.reading .lesson-focus .lesson-focus-statement{color:#353A35;font-size:12pt}}
.reading .source-note{font:inherit;color:inherit}
.home-article-reading hr{border:0;border-top:1px solid #BDD9D7;margin:32px 0 24px}
.reader-top:has(.reader-layer-navigation){border-bottom:0}
.reader-layer-navigation{border-top:1px solid #d9dfd6}
.reader-layer-navigation>.wrap{max-width:960px}
.reader-top .layer-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:0 0 18px;font:400 13px/1.6 "Montserrat",sans-serif;color:#17494d}
.reader-top .layer-nav a{position:relative;display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 14px;border:1px solid #d9dfd6;border-top-width:0;border-radius:0;background:#fff;color:#17494d;text-decoration:none;text-align:center}
.reader-top .layer-nav a:not(:last-child){margin-right:-1px}
.reader-top .layer-nav a:hover,.reader-top .layer-nav a:focus-visible{z-index:1}
.reader-top .layer-nav a:hover{background:#f2f2f2}
.reader-top .layer-nav a:focus-visible{outline:3px solid #17494d;outline-offset:4px}
@media(max-width:700px){.reader-top .layer-nav{grid-template-columns:1fr 1fr;font-size:12px}.reader-top .layer-nav a{min-height:48px}.reader-top .layer-nav a:not(:last-child){margin-right:0}.reader-top .layer-nav a:nth-child(odd){margin-right:-1px}.reader-top .layer-nav a:nth-child(n+3){border-top-width:1px;margin-top:-1px}}
@media print{.reader-top .layer-nav{display:none}}
.home-conversation-reading [id]{scroll-margin-top:100px}
@media(max-width:540px){
 .reader-top .lesson-context-curriculum{font-size:23px}
 .home-article-reading .adult-care{padding:20px}
}

@media screen{
 .reading,.reading .lesson-overview-intro p,.reading .flow-step p{font-size:20px}
}
@media screen and (max-width:700px){
 .reading,.reading .lesson-overview-intro p,.reading .flow-step p{font-size:19px}
}

/* Guard Your Heart: welcome guide and a short route for returning readers. */
.gyh-guide .section{padding:64px 0}
.gyh-guide .gyh-prose{max-width:900px}
.gyh-guide h2{font:500 42px/1.15 "Newsreader",Georgia,serif;letter-spacing:-.7px;margin:0 0 26px}
.gyh-guide h3{font:500 29px/1.25 "Newsreader",Georgia,serif;letter-spacing:-.3px;margin:32px 0 14px}
.gyh-prose p{font:400 20px/1.8 Georgia,serif;color:#353a35;margin:0 0 22px}
.gyh-prose p.eyebrow{font:600 11px/1.6 "Montserrat",sans-serif;color:#17494d;letter-spacing:1.8px;margin:0 0 15px}
.gyh-rule{border-top:1px solid #dce7e5}
.gyh-guide [id]{scroll-margin-top:115px}
.gyh-prose .gyh-invitation{display:flex;flex-wrap:wrap;align-items:center;gap:20px 26px;margin:30px 0 0;font:500 14px/1.65 "Montserrat",sans-serif}
.gyh-invitation>a:not(.button){color:#17494d;text-underline-offset:5px}
.gyh-layers{display:grid;grid-template-columns:1fr;gap:22px;margin:30px 0}
.gyh-layers article{padding:28px;border:1px solid #bdd9d7;border-radius:3px;background:#fff}
.gyh-layers .gyh-step{font:600 12px/1.6 "Montserrat",sans-serif;color:#17494d;margin:0 0 16px}
.gyh-layers h3{font-size:27px;margin:0 0 16px}
.gyh-layers p:last-child{margin-bottom:0;font-size:19px}
.gyh-early,.gyh-care{margin:30px 0 0;padding:30px;border:1px solid #bdd9d7;border-radius:3px;background:#fff}
.gyh-early h3,.gyh-care h3{margin-top:0}
.gyh-early p:last-child,.gyh-care p:last-child{margin-bottom:0}
.gyh-prose p.gyh-evidence{font-size:16px;line-height:1.7;border-top:1px solid #dce7e5;padding-top:20px}
.gyh-guide a:focus-visible{outline:3px solid #17494d;outline-offset:5px}
@media(max-width:600px){
 .gyh-guide .section{padding:42px 0}.gyh-guide h2{font-size:34px}.gyh-guide h3{font-size:27px}
 .gyh-prose p{font-size:19px;line-height:1.75}
 .gyh-layers article{padding:24px}
 .gyh-early,.gyh-care{padding:24px}
 .gyh-prose .gyh-invitation{align-items:flex-start;flex-direction:column;gap:20px}
}
/* Sunday School overview approved 7 October 2026: open details with stacked serif headings. */
@media screen{
 .primary-classroom-reading .lesson-at-a-glance{display:block;background:none;padding:0;margin:28px 0 36px}
 .primary-classroom-reading .lesson-fact{background:none;border:0;box-shadow:none;padding:0;margin:0 0 24px;min-width:0}
 .reading.primary-classroom-reading .lesson-fact h2{font:500 24px/1.25 "Newsreader",Georgia,serif;letter-spacing:0;text-transform:none;color:#17494D;border:0;padding:0;margin:0 0 10px}
 .reading.primary-classroom-reading .lesson-fact>p,.reading.primary-classroom-reading .lesson-fact blockquote p{font:400 20px/1.6 Georgia,'Times New Roman',serif;color:#353A35;margin:0}
 .reading.primary-classroom-reading .lesson-fact .verse-reference{font:400 12px/1.6 "Montserrat",sans-serif;color:#17494D;margin:10px 0 0}
 .primary-classroom-reading .lesson-fact+.lesson-fact{border-top:1px solid #BDD9D7;padding-top:22px}
}
@media screen and (max-width:700px){
 .reading.primary-classroom-reading .lesson-fact>p,.reading.primary-classroom-reading .lesson-fact blockquote p{font-size:19px}
 .reading.primary-classroom-reading .lesson-fact h2{font-size:22px}
}
.reading .memory-fact [data-quotation="authored"] p::before,.reading .memory-fact [data-quotation="authored"] p::after{content:none}

/* Sunday School lesson flow: an open teaching outline, 8 October 2026. */
@media screen{
 .primary-classroom-reading .lesson-flow{background:none;padding:0;margin:0 0 38px}
 .reading.primary-classroom-reading .flow-intro p{margin:0 0 28px;color:var(--article-copy)}
 .reading.primary-classroom-reading .flow-steps>li{margin:0 0 26px;padding:0}
 .primary-classroom-reading .flow-steps>li::before,.primary-classroom-reading .flow-steps>li::after{content:none;display:none}
 .reading.primary-classroom-reading .flow-step h4{font:500 24px/1.3 "Newsreader",Georgia,serif;letter-spacing:0;text-transform:none;color:var(--brand-teal);margin:0 0 8px;padding:0}
 .reading.primary-classroom-reading .flow-step p{margin:0;color:var(--article-copy)}
 .reading.primary-classroom-reading .flow-steps>li:last-child{margin-bottom:0}
}
@media screen and (max-width:700px){
 .reading.primary-classroom-reading .flow-step h4{font-size:22px}
}

/* Moustaches: Caveat and light charcoal approved site-wide 16 October 2026.
   Shared design owns this role. Teaching cues, controls and print stay separate. */
@media screen{
 body :is(.eyebrow,.card-heading .label,.how-label,.reader-top .lesson-context-series,.school-unit-meta,.gyh-layers .gyh-step,.mark-series){font-family:"Caveat",cursive;font-weight:400;font-size:28px;line-height:1.35;letter-spacing:0;text-transform:none;color:#6B6C66;font-synthesis:none}
 body :is(.hero,.dark,.tile-copy,.banner-copy) .eyebrow{color:#BDD9D7}
 body .organisation-feature-copy .eyebrow,body .curriculum-banner .mark-series{color:#fff}
}
@media screen and (max-width:700px){
 body :is(.eyebrow,.card-heading .label,.how-label,.reader-top .lesson-context-series,.school-unit-meta,.gyh-layers .gyh-step,.mark-series){font-size:26px}
}

/* Junior-primary painted-paper progression. Decorative stages follow the
   authored entry count; screen and A4 use the same generated collage sheet. */
.flow-paper-marker{display:none}
@media screen{
 .primary-classroom-reading .lesson-flow[data-flow-visual="paper-unfolding"] .flow-steps>li{display:grid;grid-template-columns:88px minmax(0,1fr);column-gap:20px;position:relative;min-height:88px;margin:0;padding:0 0 34px}
 .primary-classroom-reading .flow-paper-marker{display:block;align-self:start;position:relative;z-index:1;width:88px;height:88px;background:#fff url("lesson-paper-unfolding-jack-v2.png") no-repeat;background-size:200% 200%;background-position:var(--paper-x) var(--paper-y)}
 .primary-classroom-reading .lesson-flow[data-flow-visual="paper-unfolding"] .flow-step{min-width:0}
 .primary-classroom-reading .lesson-flow[data-flow-visual="paper-unfolding"] .flow-step h4{padding-top:6px}
 .primary-classroom-reading .lesson-flow[data-flow-visual="paper-unfolding"] .flow-steps>li:not(:last-child)::after{content:"";display:block;position:absolute;left:43px;top:92px;bottom:6px;width:1px;background:#BDD9D7}
 .primary-classroom-reading .lesson-flow[data-flow-visual="paper-unfolding"] .flow-steps>li::before{content:none;display:none}
 .primary-classroom-reading .lesson-flow[data-flow-visual="paper-unfolding"] .flow-steps>li:last-child{padding-bottom:0}
}
@media screen and (max-width:700px){
 .primary-classroom-reading .lesson-flow[data-flow-visual="paper-unfolding"] .flow-steps>li{grid-template-columns:52px minmax(0,1fr);column-gap:14px;min-height:52px;padding-bottom:30px}
 .primary-classroom-reading .flow-paper-marker{width:52px;height:52px}
 .primary-classroom-reading .lesson-flow[data-flow-visual="paper-unfolding"] .flow-step h4{padding-top:0}
 .primary-classroom-reading .lesson-flow[data-flow-visual="paper-unfolding"] .flow-steps>li:not(:last-child)::after{left:25px;top:58px}
}
@media print{
 .reading.primary-classroom-reading .lesson-flow[data-flow-visual="paper-unfolding"] .flow-steps>li{display:grid;grid-template-columns:44pt minmax(0,1fr);column-gap:12pt;position:relative;min-height:44pt;margin:0;padding:0 0 16pt;break-inside:avoid}
 .reading.primary-classroom-reading .flow-paper-marker{display:block;position:relative;z-index:1;align-self:start;width:44pt;height:44pt;background:#fff url("lesson-paper-unfolding-jack-v2.png") no-repeat;background-size:200% 200%;background-position:var(--paper-x) var(--paper-y)}
 .reading.primary-classroom-reading .lesson-flow[data-flow-visual="paper-unfolding"] .flow-step{min-width:0}
 .reading.primary-classroom-reading .lesson-flow[data-flow-visual="paper-unfolding"] .flow-steps>li:not(:last-child)::after{content:"";display:block;position:absolute;left:22pt;top:48pt;bottom:4pt;width:.5pt;background:#BDD9D7}
 .reading.primary-classroom-reading .lesson-flow[data-flow-visual="paper-unfolding"] .flow-steps>li::before{content:none;display:none}
 .reading.primary-classroom-reading .lesson-flow[data-flow-visual="paper-unfolding"] .flow-steps>li:last-child{padding-bottom:0}
}

/* Picture-book progression, 11 October 2026. Opt-in artwork follows the authored
   entry count; no fixed row heights, new headings or browser script are needed. */
.flow-growth-marker{display:none}
@media screen{
 .primary-classroom-reading .lesson-flow[data-flow-visual="plant-growth"] .flow-steps>li{display:grid;grid-template-columns:88px minmax(0,1fr);column-gap:20px;position:relative;min-height:88px;margin:0;padding:0 0 34px}
 .primary-classroom-reading .flow-growth-marker{display:block;align-self:start;position:relative;z-index:1;width:88px;height:88px;background-color:#fff;background-image:url("lesson-growth-picture-book-v1.png");background-size:400% 200%;background-position:var(--growth-x) var(--growth-y);background-repeat:no-repeat}
 .primary-classroom-reading .lesson-flow[data-flow-visual="plant-growth"] .flow-step{min-width:0}
 .primary-classroom-reading .lesson-flow[data-flow-visual="plant-growth"] .flow-step h4{padding-top:6px}
 .primary-classroom-reading .lesson-flow[data-flow-visual="plant-growth"] .flow-steps>li:not(:last-child)::after{content:"";display:block;position:absolute;left:43px;top:92px;bottom:6px;width:1px;background:#BDD9D7}
 .primary-classroom-reading .lesson-flow[data-flow-visual="plant-growth"] .flow-steps>li::before{content:none;display:none}
 .primary-classroom-reading .lesson-flow[data-flow-visual="plant-growth"] .flow-steps>li:last-child{padding-bottom:0}
}
@media screen and (max-width:700px){
 .primary-classroom-reading .lesson-flow[data-flow-visual="plant-growth"] .flow-steps>li{grid-template-columns:52px minmax(0,1fr);column-gap:14px;min-height:52px;padding-bottom:30px}
 .primary-classroom-reading .flow-growth-marker{width:52px;height:52px}
 .primary-classroom-reading .lesson-flow[data-flow-visual="plant-growth"] .flow-step h4{padding-top:0}
 .primary-classroom-reading .lesson-flow[data-flow-visual="plant-growth"] .flow-steps>li:not(:last-child)::after{left:25px;top:58px}
}
@media print{.flow-growth-marker{display:none}}

/* Lesson Overview: optional decorative picture-book icons, 11 October 2026. */
@media screen{
 .primary-classroom-reading .lesson-fact[data-overview-icon]{position:relative;padding-left:108px;min-height:88px}
 .primary-classroom-reading .lesson-fact[data-overview-icon]::before{content:"";position:absolute;left:0;top:0;width:88px;height:88px;background:url("lesson-overview-picture-book-v1.png") no-repeat;background-size:200% 200%}
 .primary-classroom-reading .lesson-fact+.lesson-fact[data-overview-icon]::before{top:22px}
 .primary-classroom-reading .lesson-fact[data-overview-icon="passage"]::before{background-position:0 0}
 .primary-classroom-reading .lesson-fact[data-overview-icon="focus"]::before{background-position:100% 0}
 .primary-classroom-reading .lesson-fact[data-overview-icon="objective"]::before{background-position:0 100%}
 .primary-classroom-reading .lesson-fact[data-overview-icon="memory"]::before{background-position:100% 100%}
}

/* Junior-primary question cues: open rows with larger collage illustrations. */
.reading.primary-classroom-reading .lesson-question[data-cue-style="junior-collage"]{border:0;padding:0;margin:28px 0}
.reading.primary-classroom-reading .lesson-question[data-cue-style="junior-collage"]>p{display:grid;grid-template-columns:88px minmax(0,1fr);column-gap:20px;row-gap:6px;align-items:start;margin:0 0 20px}
.reading.primary-classroom-reading .lesson-question[data-cue-style="junior-collage"]>p:last-child{margin-bottom:0}
.reading.primary-classroom-reading .lesson-question[data-cue-style="junior-collage"]>p>strong{grid-column:2;grid-row:1;display:block;min-height:0;padding-top:4px;margin:0;font:700 14px/1.5 "Montserrat",sans-serif;color:#17494D;letter-spacing:0}
.reading.primary-classroom-reading .lesson-question[data-cue-style="junior-collage"]>p>strong::before{display:none;content:none}
.reading.primary-classroom-reading .lesson-question[data-cue-style="junior-collage"] .cue-text{grid-column:2;grid-row:2;display:block;min-width:0}
.reading.primary-classroom-reading .lesson-question[data-cue-style="junior-collage"]>p::before{content:"";grid-column:1;grid-row:1 / span 2;width:88px;height:88px;background:url("lesson-question-jack-v1.png") no-repeat;background-size:240% 240%}
.reading.primary-classroom-reading .lesson-question[data-cue-style="junior-collage"]>.question-prompt::before{background-size:177.87234% 177.87234%;background-position:-4.371585% 4.28051%;clip-path:inset(4.042553% 8.93617%);}
.reading.primary-classroom-reading .lesson-question[data-cue-style="junior-collage"]>.answer-guide::before{background-size:197.791798% 197.791798%;background-position:105.16129% 14.596774%;clip-path:inset(4.022082% 6.940063%);}
.reading.primary-classroom-reading .lesson-question[data-cue-style="junior-collage"]>.question-help::before{background-size:184.955752% 184.955752%;background-position:-2.517361% 106.336806%;clip-path:inset(25.442478% 4.056047%);}
@media screen and (max-width:700px){
 .reading.primary-classroom-reading .lesson-question[data-cue-style="junior-collage"]>p{grid-template-columns:64px minmax(0,1fr);column-gap:14px}
 .reading.primary-classroom-reading .lesson-question[data-cue-style="junior-collage"]>p::before{width:64px;height:64px}
}
@media print{
 .reading.primary-classroom-reading .lesson-question[data-cue-style="junior-collage"]{border:0;padding:0;margin:10pt 0;break-inside:avoid}
 .reading.primary-classroom-reading .lesson-question[data-cue-style="junior-collage"]>p{grid-template-columns:44pt minmax(0,1fr);column-gap:12pt;row-gap:4pt;margin-bottom:4pt}
 .reading.primary-classroom-reading .lesson-question[data-cue-style="junior-collage"]>p>strong{font-size:8.5pt;padding-top:2pt;min-height:0;margin:0}
 .reading.primary-classroom-reading .lesson-question[data-cue-style="junior-collage"]>p::before{width:44pt;height:44pt}
}

/* Senior-primary cue trial: opt-in open rows with its own picture-book illustrations. */
.reading.primary-classroom-reading .lesson-question[data-cue-style="senior-picture-book"]{border:0;padding:0;margin:28px 0}
.reading.primary-classroom-reading .lesson-question[data-cue-style="senior-picture-book"]>p{display:grid;grid-template-columns:88px minmax(0,1fr);column-gap:20px;row-gap:6px;align-items:start;margin:0 0 20px}
.reading.primary-classroom-reading .lesson-question[data-cue-style="senior-picture-book"]>p:last-child{margin-bottom:0}
.reading.primary-classroom-reading .lesson-question[data-cue-style="senior-picture-book"]>p>strong{grid-column:2;grid-row:1;display:block;min-height:0;padding-top:4px;margin:0;font:700 14px/1.5 "Montserrat",sans-serif;color:#17494D;letter-spacing:0}
.reading.primary-classroom-reading .lesson-question[data-cue-style="senior-picture-book"]>p>strong::before{display:none;content:none}
.reading.primary-classroom-reading .lesson-question[data-cue-style="senior-picture-book"] .cue-text{grid-column:2;grid-row:2;display:block;min-width:0}
.reading.primary-classroom-reading .lesson-question[data-cue-style="senior-picture-book"]>p::before{content:"";grid-column:1;grid-row:1 / span 2;width:88px;height:88px;background:url("lesson-question-senior-picture-book-v2.png") no-repeat;background-size:240% 240%}
.reading.primary-classroom-reading .lesson-question[data-cue-style="senior-picture-book"]>.question-prompt::before{background-position:7.142857% 7.142857%}
.reading.primary-classroom-reading .lesson-question[data-cue-style="senior-picture-book"]>.answer-guide::before{background-position:92.857143% 7.142857%}
.reading.primary-classroom-reading .lesson-question[data-cue-style="senior-picture-book"]>.question-help::before{background-position:7.142857% 92.857143%}
@media screen and (max-width:700px){
 .reading.primary-classroom-reading .lesson-question[data-cue-style="senior-picture-book"]>p{grid-template-columns:64px minmax(0,1fr);column-gap:14px}
 .reading.primary-classroom-reading .lesson-question[data-cue-style="senior-picture-book"]>p::before{width:64px;height:64px}
}
@media print{
 .reading.primary-classroom-reading .lesson-question[data-cue-style="senior-picture-book"]{border:0;padding:0;margin:10pt 0;break-inside:avoid}
 .reading.primary-classroom-reading .lesson-question[data-cue-style="senior-picture-book"]>p{grid-template-columns:44pt minmax(0,1fr);column-gap:12pt;row-gap:4pt;margin-bottom:4pt}
 .reading.primary-classroom-reading .lesson-question[data-cue-style="senior-picture-book"]>p>strong{font-size:8.5pt;padding-top:2pt;min-height:0;margin:0}
 .reading.primary-classroom-reading .lesson-question[data-cue-style="senior-picture-book"]>p::before{width:44pt;height:44pt}
}

/* Junior-primary overview: same layout, distinct painted-paper subjects.
   The sprite has generous quadrant margins; crop within each cell to show
   readable artwork without cutting its silhouettes or neighbouring icons. */
.primary-classroom-reading .lesson-at-a-glance[data-overview-style="junior-collage"] .lesson-fact[data-overview-icon]::before{background-image:url("lesson-overview-jack-v1.png");background-size:250% 250%}
.primary-classroom-reading .lesson-at-a-glance[data-overview-style="junior-collage"] .lesson-fact[data-overview-icon="passage"]::before{background-size:221.164021% 221.164021%;background-position:9.315866% 14.41048%;clip-path:inset(4.056437% 5.467372%);}
.primary-classroom-reading .lesson-at-a-glance[data-overview-style="junior-collage"] .lesson-fact[data-overview-icon="focus"]::before{background-size:196.244131% 196.244131%;background-position:104.065041% 5.365854%;clip-path:inset(4.068858% 19.405321%);}
.primary-classroom-reading .lesson-at-a-glance[data-overview-style="junior-collage"] .lesson-fact[data-overview-icon="objective"]::before{background-size:235.272045% 235.272045%;background-position:18.238558% 94.521498%;clip-path:inset(4.033771% 5.347092%);}
.primary-classroom-reading .lesson-at-a-glance[data-overview-style="junior-collage"] .lesson-fact[data-overview-icon="memory"]::before{background-size:243.968872% 243.968872%;background-position:96.081081% 91.554054%;clip-path:inset(9.435798% 4.085603%);}

/* Teaching cues: picture-book icon trial; keep full-width text and visible labels. */
@media screen{
 .reading.primary-classroom-reading .lesson-question :is(.question-prompt,.answer-guide,.question-help)>strong{display:flex;align-items:center;gap:8px;min-height:32px}
 .reading.primary-classroom-reading .lesson-question :is(.question-prompt,.answer-guide,.question-help)>strong::before{content:"";flex:0 0 32px;width:32px;height:32px;background:url("lesson-question-picture-book-v1.png") no-repeat;background-size:300% 100%}
 .reading.primary-classroom-reading .lesson-question .question-prompt>strong::before{background-position:0 0}
 .reading.primary-classroom-reading .lesson-question .answer-guide>strong::before{background-image:url("lesson-listen-ear-picture-book-v2.png");background-size:contain;background-position:center}
 .reading.primary-classroom-reading .lesson-question .question-help>strong::before{background-position:100% 0}
}
@media screen and (max-width:700px){
 .primary-classroom-reading .lesson-fact[data-overview-icon]{padding-left:66px;min-height:52px}
 .primary-classroom-reading .lesson-fact[data-overview-icon]::before{width:52px;height:52px}
}

/* The same decorative artwork at A4 scale. Text labels retain the full meaning. */
@media print{
 .reading.primary-classroom-reading .lesson-fact[data-overview-icon]{position:relative;padding-left:56pt;min-height:44pt}
 .reading.primary-classroom-reading .lesson-fact[data-overview-icon]::before{content:"";position:absolute;left:0;top:11pt;width:44pt;height:44pt;background:url("lesson-overview-picture-book-v1.png") no-repeat;background-size:200% 200%}
 .reading.primary-classroom-reading .lesson-fact[data-overview-icon="passage"]::before{background-position:0 0}
 .reading.primary-classroom-reading .lesson-fact[data-overview-icon="focus"]::before{background-position:100% 0}
 .reading.primary-classroom-reading .lesson-fact[data-overview-icon="objective"]::before{background-position:0 100%}
 .reading.primary-classroom-reading .lesson-fact[data-overview-icon="memory"]::before{background-position:100% 100%}
 .reading.primary-classroom-reading .lesson-flow[data-flow-visual="plant-growth"] .flow-steps>li{display:grid;grid-template-columns:44pt minmax(0,1fr);column-gap:12pt;position:relative;min-height:44pt;margin:0;padding:0 0 16pt;break-inside:avoid}
 .reading.primary-classroom-reading .flow-growth-marker{display:block;position:relative;z-index:1;align-self:start;width:44pt;height:44pt;background:#fff url("lesson-growth-picture-book-v1.png") no-repeat;background-size:400% 200%;background-position:var(--growth-x) var(--growth-y)}
 .reading.primary-classroom-reading .lesson-flow[data-flow-visual="plant-growth"] .flow-step{min-width:0}
 .reading.primary-classroom-reading .lesson-flow[data-flow-visual="plant-growth"] .flow-steps>li:not(:last-child)::after{content:"";display:block;position:absolute;left:22pt;top:48pt;bottom:4pt;width:.5pt;background:#BDD9D7}
 .reading.primary-classroom-reading .lesson-flow[data-flow-visual="plant-growth"] .flow-steps>li::before{content:none;display:none}
 .reading.primary-classroom-reading .lesson-flow[data-flow-visual="plant-growth"] .flow-steps>li:last-child{padding-bottom:0}
 .reading.primary-classroom-reading .lesson-question :is(.question-prompt,.answer-guide,.question-help)>strong{display:flex;align-items:center;gap:5pt;min-height:18pt;break-after:avoid}
 .reading.primary-classroom-reading .lesson-question :is(.question-prompt,.answer-guide,.question-help)>strong::before{content:"";flex:0 0 18pt;width:18pt;height:18pt;background:url("lesson-question-picture-book-v1.png") no-repeat;background-size:300% 100%}
 .reading.primary-classroom-reading .lesson-question .question-prompt>strong::before{background-position:0 0}
 .reading.primary-classroom-reading .lesson-question .answer-guide>strong::before{background-image:url("lesson-listen-ear-picture-book-v2.png");background-size:contain;background-position:center}
 .reading.primary-classroom-reading .lesson-question .question-help>strong::before{background-position:100% 0}
}

/* Account actions share one right-aligned header on every page. */
.masthead .navrow{column-gap:16px}
.masthead .mainnav a{white-space:nowrap}
@media(min-width:941px) and (max-width:1180px){.masthead .mainnav a{font-size:11px;letter-spacing:.6px;padding:8px 10px}}
.masthead .nav-profile{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:50%;color:#17494D}
.masthead .nav-profile:hover,.masthead .nav-profile:focus-visible{background:#F0F0F0;text-decoration:none}
@media(min-width:941px){.masthead .profile-menu{transform:translateY(11px)}}
@media(max-width:940px){.masthead .navrow{column-gap:10px}.masthead .menu-button{margin-left:auto}.masthead .nav-profile{margin-left:0}}

/* Profile disclosure: shared across desktop and mobile. */
.masthead .profile-menu{position:relative;flex-shrink:0}
.masthead .nav-profile{padding:0;border:0;background:transparent;cursor:pointer}
.masthead .nav-profile[aria-expanded="true"]{background:#F0F0F0}
.profile-dropdown{position:absolute;right:0;top:calc(100% + 10px);min-width:180px;padding:7px;background:#fff;border:1px solid #BDD9D7;border-radius:10px;box-shadow:0 8px 24px #03363D1A;z-index:30}
.profile-dropdown a,.profile-dropdown button{display:block;width:100%;padding:11px 14px;border:0;border-radius:6px;background:transparent;color:#17494D;text-align:left;font:500 14px/1.5 Montserrat,sans-serif;white-space:nowrap}
.profile-dropdown a:hover,.profile-dropdown button:hover,.profile-dropdown a:focus-visible,.profile-dropdown button:focus-visible{background:#F0F0F0;color:#17494D;opacity:1;text-decoration:none}
.nav-account-status{position:absolute;right:0;top:100%;width:260px;padding:16px;background:#fff;border:1px solid #BDD9D7;border-radius:8px;color:#17494D;font:14px/1.5 Montserrat,sans-serif}

/* Home title: custom lettering integrated into the layered-paper house. */
.genesis-paper-banner{padding-top:24px;padding-bottom:48px}
.genesis-paper-banner-art{display:block;width:460px;max-width:100%;height:auto;margin:0 auto 26px}
@media(max-width:700px){.genesis-paper-banner{padding-top:18px;padding-bottom:32px}.genesis-paper-banner-art{width:350px;margin-bottom:22px}}
/* Approved Home gateway illustrations, 14 October 2026; scoped to this gateway. */
.home-open-series{gap:44px;padding-top:28px;padding-bottom:64px;align-items:stretch}
.home-open-series .home-series-card{padding:0 32px 28px;color:#03363D;border-radius:0;border:0;min-width:0}
.home-open-series .home-series-card::before,.home-open-series .home-series-card::after{display:none}
.home-open-series .home-series-card h2{color:#03363D;font-size:38px;margin:14px 0 18px}
.home-open-series .home-series-card p{color:#242824;font-size:17px;line-height:1.75;margin:0 0 26px}
.home-open-series .home-series-action{background:#F0F0F0;border:0;border-radius:8px;color:#17494D;padding:12px 24px;min-height:44px}
.home-open-series .home-series-card:hover .home-series-action,.home-open-series .home-series-card:focus-visible .home-series-action{background:#E4E7E3}
.home-open-series .series-paper-art{order:-1;position:relative;display:flex;align-items:center;justify-content:center;height:236px;width:100%;margin:0;background:transparent}
.home-open-series .home-series-card img{position:static;display:block;object-fit:contain;width:100%;height:auto;pointer-events:none;filter:none}
.home-open-series .home-series-heart img{width:195px;height:195px}
.home-open-series .home-series-genesis img{max-width:390px;height:250px}
.home-material-guide{scroll-margin-top:110px;border-top:1px solid #BDD9D7}
.home-material-steps{margin:36px 0}
.home-material-steps>section{padding:28px 0}
.home-material-steps h3{font:500 32px/1.2 "Newsreader",Georgia,serif;letter-spacing:-.5px;color:#03363D;margin:0 0 20px}
.home-material-steps p{font:300 17px/1.75 "Merriweather",Georgia,serif;color:var(--body-copy);margin:0}
.home-material-steps p+p{margin-top:14px}
@media(max-width:1050px){.home-open-series{gap:48px}}
@media(max-width:700px){
 .home-open-series{padding-left:24px;padding-right:24px;gap:38px}
 .home-open-series .home-series-card{padding:0 4px 24px}
 .home-open-series .home-series-card h2{font-size:32px}
 .home-open-series .home-series-card p{font-size:16px}
 .home-open-series .home-series-heart img{width:175px;height:175px}
 .home-open-series .home-series-genesis img{height:200px}
 .home-material-steps{margin:28px 0}
 .home-material-steps>section{padding:24px 0}
 .home-material-steps h3{font-size:28px}
 .home-material-steps p{font-size:16px}
}
/* Homepage pathways align copy and actions, with artwork overlapping the lower edge. */
.organisation-pathways .home-series-card h2{min-height:2.16em}
.organisation-pathways .organisation-home{color:#fff}
.organisation-pathways .organisation-home::before{display:block;background:rgb(var(--banner-rgb))}
.organisation-pathways .organisation-home h2{color:#fff}
.organisation-pathways .organisation-home>p{color:#fff}
.organisation-pathways .organisation-home .home-series-action{padding:12px 24px;border:1px solid transparent;border-radius:8px;background:#F0F0F0;color:#17494D}
.organisation-pathways .organisation-home:hover .home-series-action,.organisation-pathways .organisation-home:focus-visible .home-series-action{background:#E4E7E3}
.home-context-banner{--home-family-height:180px;--home-family-drop:72px;--home-family-width:calc(var(--home-family-height) * 1536 / 820);padding-bottom:112px}
.home-context-banner>.wrap{position:relative;isolation:isolate;max-width:1040px;padding:64px 96px calc(var(--home-family-height) - var(--home-family-drop) + 30px)}
.home-context-banner>.wrap::before{content:"";position:absolute;inset:0;z-index:-1;background:#AC514B;mask:url("banner-trapezoid.svg") center/100% 100% no-repeat;-webkit-mask:url("banner-trapezoid.svg") center/100% 100% no-repeat;transform:rotate(-1deg) scaleY(-1)}
.home-context-banner h1,.home-context-banner .intro{color:#fff}
.home-context-family{position:absolute;display:block;left:50%;bottom:calc(-1 * (var(--home-family-drop) + var(--home-family-width) * 112 / 1536));width:var(--home-family-width);height:auto;margin-left:calc(var(--home-family-width) * -4.5 / 1536);transform:translateX(-50%);pointer-events:none;user-select:none}
@media(min-width:701px) and (max-width:1100px){
 .home-context-banner{--home-family-height:155px;--home-family-drop:64px;padding-bottom:104px}
 .home-context-banner>.wrap{padding:56px 64px calc(var(--home-family-height) - var(--home-family-drop) + 30px)}
}
@media(max-width:700px){
 .home-context-banner{--home-family-height:clamp(110px,36vw,140px);--home-family-drop:58px;padding-bottom:96px}
 .home-context-banner>.wrap{padding:48px 32px calc(var(--home-family-height) - var(--home-family-drop) + 30px)}
}

/* HS01 prototype: neutral written cues and separately captioned photographs.
   Photographs serve the passage; primary-stage cue artwork is not inherited. */
.hs-teaching-photo{margin:28px 0;break-inside:avoid}
.hs-teaching-photo img{display:block;width:100%;max-width:100%;height:auto;border-radius:4px}
.hs-teaching-photo figcaption{font:400 13px/1.6 Montserrat,Arial,sans-serif;margin-top:12px;color:#17494D}
.reading.high-school-classroom-reading .lesson-question{border:0;padding:0;background:white}
.reading.high-school-classroom-reading .lesson-question>p>strong::before{display:none;content:none}
@media print{
 .hs-teaching-photo img{width:auto;max-height:75mm;margin:auto;object-fit:contain}
 .hs-teaching-photo figcaption{font-size:8pt;line-height:1.4;margin-top:5pt}
 .reading.high-school-classroom-reading .lesson-question{border:0;padding:0}
 .reading .scripture-copyright[data-lesson-credit="hs01"]{font-size:8pt!important;line-height:1.4!important;margin-top:10pt!important;padding-top:6pt!important}
 .reading .scripture-copyright[data-lesson-credit="hs01"] small{font:inherit!important}
}


/* High-school teacher flow: editorial illustrations, with complete authored reasoning. */
.reading .lesson-flow[data-flow-style="high-school-ink"]{background:none;padding:0;margin:32px 0 38px;break-inside:auto}
.reading .lesson-flow[data-flow-style="high-school-ink"]>h2{font:500 28px/1.25 Newsreader,Georgia,serif;color:#17494D;margin:0 0 18px;padding:0 0 12px;border-bottom:1px solid #BDD9D7;break-after:avoid}
.reading .lesson-flow[data-flow-style="high-school-ink"] .flow-intro{margin-bottom:26px}
.reading .lesson-flow[data-flow-style="high-school-ink"] .flow-intro p{color:var(--article-copy);margin:0}
.reading .lesson-flow[data-flow-style="high-school-ink"] .flow-steps{list-style:none;padding:0;margin:0}
.reading .lesson-flow[data-flow-style="high-school-ink"] .flow-steps>li{display:grid;grid-template-columns:88px minmax(0,1fr);column-gap:20px;position:relative;min-height:88px;margin:0;padding:0 0 30px;break-inside:avoid}
.reading .lesson-flow[data-flow-style="high-school-ink"] .flow-steps>li::before{content:"";display:block;position:relative;grid-column:1;grid-row:1;top:auto;left:auto;width:88px;height:88px;border-radius:0;background:#fff var(--flow-icon) center/contain no-repeat;z-index:1}
.reading .lesson-flow[data-flow-style="high-school-ink"] .flow-steps>li:not(:last-child)::after{content:"";display:block;position:absolute;left:43px;top:94px;bottom:7px;width:1px;background:#BDD9D7}
.reading .lesson-flow[data-flow-style="high-school-ink"] .flow-steps>li:last-child{padding-bottom:0}
.reading .lesson-flow[data-flow-style="high-school-ink"] .flow-step{grid-column:2;grid-row:1;min-width:0}
.reading .lesson-flow[data-flow-style="high-school-ink"] .flow-step h4{font:500 24px/1.3 Newsreader,Georgia,serif;color:#17494D;margin:3px 0 9px;padding:0;letter-spacing:0}
.reading .lesson-flow[data-flow-style="high-school-ink"] .flow-step p{font:20px/1.7 Georgia,serif;color:var(--article-copy);margin:0}
.lesson-flow[data-flow-style="high-school-ink"] [data-flow-icon="read"]{--flow-icon:url("high-school-franco-read-v1.png")}
.lesson-flow[data-flow-style="high-school-ink"] [data-flow-icon="examine"]{--flow-icon:url("high-school-franco-examine-v1.png")}
.lesson-flow[data-flow-style="high-school-ink"] [data-flow-icon="connect"]{--flow-icon:url("high-school-franco-connect-v1.png")}
.lesson-flow[data-flow-style="high-school-ink"] [data-flow-icon="discuss"]{--flow-icon:url("high-school-franco-discuss-v1.png")}
.lesson-flow[data-flow-style="high-school-ink"] [data-flow-icon="respond"]{--flow-icon:url("high-school-franco-respond-v1.png")}
@media screen and (max-width:700px){
 .reading .lesson-flow[data-flow-style="high-school-ink"]>h2{font-size:26px}
 .reading .lesson-flow[data-flow-style="high-school-ink"] .flow-steps>li{grid-template-columns:52px minmax(0,1fr);column-gap:14px;min-height:52px;padding-bottom:26px}
 .reading .lesson-flow[data-flow-style="high-school-ink"] .flow-steps>li::before{width:52px;height:52px}
 .reading .lesson-flow[data-flow-style="high-school-ink"] .flow-steps>li:not(:last-child)::after{left:25px;top:58px}
 .reading .lesson-flow[data-flow-style="high-school-ink"] .flow-step h4{font-size:22px;margin-top:0}
 .reading .lesson-flow[data-flow-style="high-school-ink"] .flow-step p{font-size:19px;line-height:1.65}
}
@media print{
 .reading .lesson-flow[data-flow-style="high-school-ink"]{margin:16pt 0;break-inside:auto}
 .reading .lesson-flow[data-flow-style="high-school-ink"]>h2{font:500 17pt/1.25 Newsreader,Georgia,serif;margin:0 0 10pt;padding-bottom:7pt}
 .reading .lesson-flow[data-flow-style="high-school-ink"] .flow-intro{margin-bottom:14pt;break-after:avoid}
 .reading .lesson-flow[data-flow-style="high-school-ink"] .flow-steps>li{grid-template-columns:44pt minmax(0,1fr);column-gap:12pt;min-height:44pt;padding:0 0 14pt;margin:0;break-inside:avoid}
 .reading .lesson-flow[data-flow-style="high-school-ink"] .flow-steps>li::before{width:44pt;height:44pt}
 .reading .lesson-flow[data-flow-style="high-school-ink"] .flow-steps>li:not(:last-child)::after{left:22pt;top:48pt;bottom:4pt;width:.5pt}
 .reading .lesson-flow[data-flow-style="high-school-ink"] .flow-step h4{font:500 13pt/1.25 Newsreader,Georgia,serif;margin:0 0 6pt}
 .reading .lesson-flow[data-flow-style="high-school-ink"] .flow-step p,.reading .lesson-flow[data-flow-style="high-school-ink"] .flow-intro p{font:11pt/1.48 Georgia,serif;color:#172b2d;margin:0}
}

/* High-school overview and teaching cues: the same editorial ink family as the flow. */
.reading.primary-classroom-reading .lesson-at-a-glance[data-overview-style="high-school-ink"] .lesson-fact[data-overview-icon]::before{background:var(--hs-overview-icon) center/contain no-repeat}
.reading .lesson-at-a-glance[data-overview-style="high-school-ink"] [data-overview-icon="passage"]{--hs-overview-icon:url("high-school-franco-read-v1.png")}
.reading .lesson-at-a-glance[data-overview-style="high-school-ink"] [data-overview-icon="focus"]{--hs-overview-icon:url("high-school-franco-examine-v1.png")}
.reading .lesson-at-a-glance[data-overview-style="high-school-ink"] [data-overview-icon="objective"]{--hs-overview-icon:url("high-school-franco-objective-v1.png")}
.reading .lesson-at-a-glance[data-overview-style="high-school-ink"] [data-overview-icon="memory"]{--hs-overview-icon:url("high-school-franco-discuss-v1.png")}
.reading.primary-classroom-reading .lesson-question[data-cue-style="high-school-ink"]{border:0;padding:0;margin:28px 0}
.reading.primary-classroom-reading .lesson-question[data-cue-style="high-school-ink"]>p{display:grid;grid-template-columns:88px minmax(0,1fr);column-gap:20px;row-gap:6px;align-items:start;margin:0 0 20px}
.reading.primary-classroom-reading .lesson-question[data-cue-style="high-school-ink"]>p:last-child{margin-bottom:0}
.reading.primary-classroom-reading .lesson-question[data-cue-style="high-school-ink"]>p>strong{grid-column:2;grid-row:1;display:block;min-height:0;padding-top:4px;margin:0;font:700 14px/1.5 "Montserrat",sans-serif;color:#17494D;letter-spacing:0}
.reading.primary-classroom-reading .lesson-question[data-cue-style="high-school-ink"]>p>strong::before{display:none;content:none}
.reading.primary-classroom-reading .lesson-question[data-cue-style="high-school-ink"] .cue-text{grid-column:2;grid-row:2;display:block;min-width:0}
.reading.primary-classroom-reading .lesson-question[data-cue-style="high-school-ink"]>p::before{content:"";grid-column:1;grid-row:1 / span 2;width:88px;height:88px;background:var(--hs-cue-icon) center/contain no-repeat}
.reading .lesson-question[data-cue-style="high-school-ink"]>.question-prompt{--hs-cue-icon:url("high-school-franco-discuss-v1.png")}
.reading .lesson-question[data-cue-style="high-school-ink"]>.answer-guide{--hs-cue-icon:url("high-school-franco-listen-v1.png")}
.reading .lesson-question[data-cue-style="high-school-ink"]>.question-help{--hs-cue-icon:url("high-school-franco-support-v1.png")}
@media screen and (max-width:700px){
 .reading.primary-classroom-reading .lesson-question[data-cue-style="high-school-ink"]>p{grid-template-columns:52px minmax(0,1fr);column-gap:14px}
 .reading.primary-classroom-reading .lesson-question[data-cue-style="high-school-ink"]>p::before{width:52px;height:52px}
}
@media print{
 .reading.primary-classroom-reading .lesson-question[data-cue-style="high-school-ink"]{margin:10pt 0;break-inside:avoid}
 .reading.primary-classroom-reading .lesson-question[data-cue-style="high-school-ink"]>p{grid-template-columns:44pt minmax(0,1fr);column-gap:12pt;row-gap:4pt;margin-bottom:4pt}
 .reading.primary-classroom-reading .lesson-question[data-cue-style="high-school-ink"]>p>strong{font-size:8.5pt;padding-top:2pt;min-height:0;margin:0}
 .reading.primary-classroom-reading .lesson-question[data-cue-style="high-school-ink"]>p::before{width:44pt;height:44pt}
}

@media print{.reading .teacher-readiness{break-inside:avoid}}

/* Protected resources use the shared typography and button treatments. */
.member-resource-section{padding:48px 0 64px;min-height:38vh}
.member-resource-section h1{font-size:clamp(2rem,4vw,3.5rem)}
.member-resource-section .button{margin:8px 8px 0 0}
.member-resource-section p{overflow-wrap:anywhere}

/* Approved Franco release, opted into only by the commissioned HS01 Lessons 1–2. */
.lesson-flow[data-flow-style="high-school-ink"][data-franco-release="FW-HS-2026-10-19-v1"] [data-flow-icon="read"]{--flow-icon:url("high-school-franco-read-r2.png")}
.lesson-flow[data-flow-style="high-school-ink"][data-franco-release="FW-HS-2026-10-19-v1"] [data-flow-icon="examine"]{--flow-icon:url("high-school-franco-examine-r2.png")}
.lesson-flow[data-flow-style="high-school-ink"][data-franco-release="FW-HS-2026-10-19-v1"] [data-flow-icon="connect"]{--flow-icon:url("high-school-franco-connect-r2.png")}
.lesson-flow[data-flow-style="high-school-ink"][data-franco-release="FW-HS-2026-10-19-v1"] [data-flow-icon="discuss"]{--flow-icon:url("high-school-franco-discuss-r2.png")}
.lesson-flow[data-flow-style="high-school-ink"][data-franco-release="FW-HS-2026-10-19-v1"] [data-flow-icon="respond"]{--flow-icon:url("high-school-franco-respond-r2.png")}
.reading .lesson-at-a-glance[data-overview-style="high-school-ink"][data-franco-release="FW-HS-2026-10-19-v1"] [data-overview-icon="passage"]{--hs-overview-icon:url("high-school-franco-read-r2.png")}
.reading .lesson-at-a-glance[data-overview-style="high-school-ink"][data-franco-release="FW-HS-2026-10-19-v1"] [data-overview-icon="focus"]{--hs-overview-icon:url("high-school-franco-examine-r2.png")}
.reading .lesson-at-a-glance[data-overview-style="high-school-ink"][data-franco-release="FW-HS-2026-10-19-v1"] [data-overview-icon="objective"]{--hs-overview-icon:url("high-school-franco-objective-r2.png")}
.reading .lesson-at-a-glance[data-overview-style="high-school-ink"][data-franco-release="FW-HS-2026-10-19-v1"] [data-overview-icon="memory"]{--hs-overview-icon:url("high-school-franco-discuss-r2.png")}
.reading .lesson-question[data-cue-style="high-school-ink"][data-franco-release="FW-HS-2026-10-19-v1"]>.question-prompt{--hs-cue-icon:url("high-school-franco-discuss-r2.png")}
.reading .lesson-question[data-cue-style="high-school-ink"][data-franco-release="FW-HS-2026-10-19-v1"]>.answer-guide{--hs-cue-icon:url("high-school-franco-listen-r2.png")}
.reading .lesson-question[data-cue-style="high-school-ink"][data-franco-release="FW-HS-2026-10-19-v1"]>.question-help{--hs-cue-icon:url("high-school-franco-support-r3.png")}
@media screen{.hs-teaching-photo img.franco-approved-book{aspect-ratio:3/2;object-fit:contain}}

/* Jack 1.0 accepted paper drawings, measured complete-subject regions. */
.reading.primary-classroom-reading .flow-paper-marker[data-flow-paper-stage="0"]{background-size:200% 200%;background-position:2.232855% 10.047847%;clip-path:inset(29.027113% 28.229665%);}
.reading.primary-classroom-reading .flow-paper-marker[data-flow-paper-stage="1"]{background-size:200% 200%;background-position:102.472089% 3.668262%;clip-path:inset(16.108453% 12.360447%);}
.reading.primary-classroom-reading .flow-paper-marker[data-flow-paper-stage="2"]{background-size:200% 200%;background-position:4.226475% 91.945774%;clip-path:inset(16.028708% 13.955343%);}
.reading.primary-classroom-reading .flow-paper-marker[data-flow-paper-stage="3"]{background-size:200% 200%;background-position:100.797448% 92.264753%;clip-path:inset(16.507177% 15.470494%);}

/* Margaret artwork on the Junior primary stage banner. */
.context-banner.junior-primary-margaret{--banner-rgb:59,85,83;--banner-fill:rgb(59,85,83);padding-bottom:104px}
.junior-primary-banner.junior-primary-margaret .banner-creature{width:200px;left:-40px;bottom:-76px}
@media(min-width:701px) and (max-width:1100px){.junior-primary-banner.junior-primary-margaret .banner-creature{width:175px;left:0;bottom:-80px}}
@media(max-width:700px){.context-banner.junior-primary-margaret{padding-bottom:116px}.junior-primary-banner.junior-primary-margaret .banner-creature{width:150px;left:8px;bottom:-94px}}

/* Franco v2 support family for the remaining HS01 Lessons 3–25. */
.lesson-flow[data-flow-style="high-school-ink"][data-franco-release="FW-HS-2026-10-19-v2"] [data-flow-icon="read"]{--flow-icon:url("high-school-franco-read-r2.png")}
.lesson-flow[data-flow-style="high-school-ink"][data-franco-release="FW-HS-2026-10-19-v2"] [data-flow-icon="examine"]{--flow-icon:url("high-school-franco-examine-r2.png")}
.lesson-flow[data-flow-style="high-school-ink"][data-franco-release="FW-HS-2026-10-19-v2"] [data-flow-icon="connect"]{--flow-icon:url("high-school-franco-connect-r2.png")}
.lesson-flow[data-flow-style="high-school-ink"][data-franco-release="FW-HS-2026-10-19-v2"] [data-flow-icon="discuss"]{--flow-icon:url("high-school-franco-discuss-r2.png")}
.lesson-flow[data-flow-style="high-school-ink"][data-franco-release="FW-HS-2026-10-19-v2"] [data-flow-icon="respond"]{--flow-icon:url("high-school-franco-respond-r2.png")}
.reading .lesson-at-a-glance[data-overview-style="high-school-ink"][data-franco-release="FW-HS-2026-10-19-v2"] [data-overview-icon="passage"]{--hs-overview-icon:url("high-school-franco-read-r2.png")}
.reading .lesson-at-a-glance[data-overview-style="high-school-ink"][data-franco-release="FW-HS-2026-10-19-v2"] [data-overview-icon="focus"]{--hs-overview-icon:url("high-school-franco-examine-r2.png")}
.reading .lesson-at-a-glance[data-overview-style="high-school-ink"][data-franco-release="FW-HS-2026-10-19-v2"] [data-overview-icon="objective"]{--hs-overview-icon:url("high-school-franco-objective-r2.png")}
.reading .lesson-at-a-glance[data-overview-style="high-school-ink"][data-franco-release="FW-HS-2026-10-19-v2"] [data-overview-icon="memory"]{--hs-overview-icon:url("high-school-franco-discuss-r2.png")}
.reading .lesson-question[data-cue-style="high-school-ink"][data-franco-release="FW-HS-2026-10-19-v2"]>.question-prompt{--hs-cue-icon:url("high-school-franco-discuss-r2.png")}
.reading .lesson-question[data-cue-style="high-school-ink"][data-franco-release="FW-HS-2026-10-19-v2"]>.answer-guide{--hs-cue-icon:url("high-school-franco-listen-r2.png")}
.reading .lesson-question[data-cue-style="high-school-ink"][data-franco-release="FW-HS-2026-10-19-v2"]>.question-help{--hs-cue-icon:url("high-school-franco-support-r3.png")}

/* Natalie Senior primary: paper treatment and scoped gateway artwork balance, 20 October 2026. */
.school-stage-card.school-stage-natalie,.context-banner.senior-primary-natalie{--banner-rgb:204,197,189;--banner-fill:#CCC5BD url("senior-primary-natalie-paper-v2.png") center / cover no-repeat}
.school-stage-card.school-stage-natalie :is(h2,p),.context-banner.senior-primary-natalie :is(h1,.intro){color:#03363D}
.school-stage-card.school-stage-natalie .school-stage-action{color:#03363D}
.school-stage-card.school-stage-natalie img{left:auto;right:0;bottom:-67px;width:173.685301px}
@media(min-width:701px) and (max-width:1050px){.school-stage-card.school-stage-natalie img{right:8px;bottom:-70px;width:181.956031px}}
@media(max-width:700px){.school-stage-card.school-stage-natalie img{right:0;bottom:-55px;width:153.008480px}}
.senior-primary-banner.senior-primary-natalie{padding-bottom:132px}
.senior-primary-banner.senior-primary-natalie .banner-creature{right:-30px;bottom:-99px;width:265px}
@media(min-width:701px) and (max-width:1100px){.senior-primary-banner.senior-primary-natalie .banner-creature{right:0;bottom:-98px;width:240px}}
@media(max-width:700px){.senior-primary-banner.senior-primary-natalie .banner-creature{right:4px;bottom:-83px;width:195px}}

/* Sunday School stage banners: match visible artwork size, baseline and clearances. */
.context-banner:is(.junior-primary-margaret,.senior-primary-natalie,.high-school-banner){--stage-art-height:180px;--stage-art-drop:72px;padding-bottom:112px}
.context-banner.junior-primary-margaret{--stage-art-width:calc(var(--stage-art-height) * 1254 / 1195);--stage-art-centre:calc(var(--stage-art-width) * -7 / 1254);--stage-art-bottom:calc(var(--stage-art-drop) + var(--stage-art-width) * 25 / 1254)}
.context-banner.senior-primary-natalie{--stage-art-width:calc(var(--stage-art-height) * 1254 / 1194);--stage-art-centre:calc(var(--stage-art-width) * -34.5 / 1254);--stage-art-bottom:calc(var(--stage-art-drop) + var(--stage-art-width) * 45 / 1254)}
.context-banner.high-school-banner{--stage-art-width:calc(var(--stage-art-height) * 1374 / 1037);--stage-art-centre:0px;--stage-art-bottom:calc(var(--stage-art-drop) + var(--stage-art-width) * 49 / 1374)}
.stage-trapezoid:is(.junior-primary-margaret,.senior-primary-natalie,.high-school-banner) .banner-copy{padding-bottom:132px}
.stage-trapezoid:is(.junior-primary-margaret,.senior-primary-natalie,.high-school-banner) .banner-creature{left:50%;right:auto;width:var(--stage-art-width);bottom:calc(-1 * var(--stage-art-bottom));margin-left:var(--stage-art-centre);transform:translateX(-50%)}
@media(min-width:701px) and (max-width:1100px){
 .context-banner:is(.junior-primary-margaret,.senior-primary-natalie,.high-school-banner){--stage-art-height:155px;--stage-art-drop:64px;padding-bottom:104px}
 .stage-trapezoid:is(.junior-primary-margaret,.senior-primary-natalie,.high-school-banner) .banner-copy{padding-bottom:116px}
}
@media(max-width:700px){
 .context-banner:is(.junior-primary-margaret,.senior-primary-natalie,.high-school-banner){--stage-art-height:125px;--stage-art-drop:52px;padding-bottom:92px}
 .stage-trapezoid:is(.junior-primary-margaret,.senior-primary-natalie,.high-school-banner) .banner-copy{padding-bottom:96px}
}
@media(max-width:420px){
 .stage-trapezoid:is(.junior-primary-margaret,.senior-primary-natalie,.high-school-banner) h1{display:grid;align-content:center;min-height:2.08em}
}

/* Sunday School gateway: shared content rows and optically aligned artwork, 19 October 2026. */
.school-stage-links .school-stage-card{margin-bottom:0;padding-bottom:128px}
.school-stage-links .school-stage-card img{left:50%;right:auto;transform:translateX(-50%);bottom:var(--gateway-art-bottom);margin-left:calc(var(--gateway-art-centre,0px) + var(--gateway-art-gaze,0px))}
.school-stage-links .school-stage-margaret{--gateway-art-bottom:-72px;--gateway-art-centre:-.83px;--gateway-art-gaze:-18px}
.school-stage-links .school-stage-natalie{--gateway-art-bottom:-75.378251px;--gateway-art-centre:-4.778423px}
.school-stage-links .school-stage-high{--gateway-art-bottom:-76px}
@media(min-width:1051px){
 .school-stage-links{row-gap:0}
 .school-stage-links .school-stage-card{display:grid;grid-template-rows:subgrid;grid-row:span 3;row-gap:0;justify-items:center}
 .school-stage-links .school-stage-card :is(h2,p){width:100%;align-self:start}
 .school-stage-links .school-stage-card h2{align-self:center}
 .school-stage-links .school-stage-action{justify-self:center;align-self:start;margin-top:0}
}
@media(max-width:1050px){
 .school-stage-links{gap:116px;padding-bottom:92px}
 .school-stage-links .school-stage-card{padding-bottom:128px}
 .school-stage-links .school-stage-margaret{--gateway-art-bottom:-72px;--gateway-art-centre:-.87px}
 .school-stage-links .school-stage-natalie{--gateway-art-bottom:-75.681978px;--gateway-art-centre:-5.005967px}
}
@media(max-width:700px){
 .school-stage-links .school-stage-margaret{--gateway-art-bottom:-71px;--gateway-art-centre:-.76px;--gateway-art-gaze:-14px}
 .school-stage-links .school-stage-natalie{--gateway-art-bottom:-73.618936px;--gateway-art-centre:-4.209563px}
 .school-stage-links .school-stage-high{--gateway-art-bottom:-74px}
}

/* Exact accepted Jack senior icons: SP01 lessons 1–4 only; measured complete subjects, unchanged icon layout. */
.reading.primary-classroom-reading .lesson-at-a-glance:is([data-jack-art^="sp01-"],[data-jack-art^="sp02-"]) .lesson-fact[data-overview-icon]::before{background-image:url("senior-primary-jack-overview-v1.png");background-repeat:no-repeat}
.reading.primary-classroom-reading .lesson-at-a-glance:is([data-jack-art^="sp01-"],[data-jack-art^="sp02-"]) .lesson-fact[data-overview-icon="passage"]::before{background-size:185.47909968% 185.47909968%;background-position:5.18356906% 8.99037015%;clip-path:inset(18.19935691% 4.00000000%);}
.reading.primary-classroom-reading .lesson-at-a-glance:is([data-jack-art^="sp01-"],[data-jack-art^="sp02-"]) .lesson-fact[data-overview-icon="focus"]::before{background-size:199.25388601% 199.25388601%;background-position:103.62984618% 8.77705854%;clip-path:inset(4.00000000% 8.84628670%);}
.reading.primary-classroom-reading .lesson-at-a-glance:is([data-jack-art^="sp01-"],[data-jack-art^="sp02-"]) .lesson-fact[data-overview-icon="objective"]::before{background-size:190.69090909% 190.69090909%;background-position:6.82364949% 101.39243275%;clip-path:inset(10.23471074% 4.00000000%);}
.reading.primary-classroom-reading .lesson-at-a-glance:is([data-jack-art^="sp01-"],[data-jack-art^="sp02-"]) .lesson-fact[data-overview-icon="memory"]::before{background-size:218.50000000% 218.50000000%;background-position:99.25840685% 96.02352640%;clip-path:inset(8.18181818% 4.00000000%);}
.reading.primary-classroom-reading .lesson-question:is([data-jack-art^="sp01-"],[data-jack-art^="sp02-"])>.question-prompt::before{background-image:url("senior-primary-jack-cues-v1.png");background-repeat:no-repeat;background-size:197.88679245% 197.88679245%;background-position:-0.94273498% 8.32690825%;clip-path:inset(4.00000000% 8.81303602%);}
.reading.primary-classroom-reading .lesson-question:is([data-jack-art^="sp01-"],[data-jack-art^="sp02-"])>.answer-guide::before{background-image:url("senior-primary-jack-cues-v1.png");background-repeat:no-repeat;background-size:172.44843049% 172.44843049%;background-position:105.52116861% 6.91177684%;clip-path:inset(9.70702541% 4.00000000%);}
.reading.primary-classroom-reading .lesson-question:is([data-jack-art^="sp01-"],[data-jack-art^="sp02-"])>.question-help::before{background-image:url("senior-primary-jack-cues-v1.png");background-repeat:no-repeat;background-size:186.07741935% 186.07741935%;background-position:3.97241793% 104.90556139%;clip-path:inset(15.20322581% 4.00000000%);}

/* Exact original Jack progression pixels; existing eight stages and frames. */
.reading.primary-classroom-reading .lesson-flow[data-jack-art^="sp02-"] .flow-growth-marker{background-image:url("senior-primary-jack-growth-v1.png")}

/* Margaret junior-primary lesson icons — 20 October 2026. Artwork only; existing cells/layouts unchanged. */
.primary-classroom-reading .lesson-at-a-glance[data-icon-artist="margaret"] .lesson-fact[data-overview-icon]::before{background-image:url("margaret-lesson-overview-v2.png");background-repeat:no-repeat}
.primary-classroom-reading .lesson-at-a-glance[data-icon-artist="margaret"] .lesson-fact[data-overview-icon="passage"]::before{background-size:188% 188%;background-position:-3.409091% -3.409091%;clip-path:inset(3% 3%);}
.primary-classroom-reading .lesson-at-a-glance[data-icon-artist="margaret"] .lesson-fact[data-overview-icon="focus"]::before{background-size:188% 188%;background-position:103.409091% -3.409091%;clip-path:inset(3% 3%);}
.primary-classroom-reading .lesson-at-a-glance[data-icon-artist="margaret"] .lesson-fact[data-overview-icon="objective"]::before{background-size:188% 188%;background-position:-3.409091% 103.409091%;clip-path:inset(3% 3%);}
.primary-classroom-reading .lesson-at-a-glance[data-icon-artist="margaret"] .lesson-fact[data-overview-icon="memory"]::before{background-size:188% 188%;background-position:103.409091% 103.409091%;clip-path:inset(3% 3%);}
.reading.primary-classroom-reading .lesson-question[data-icon-artist="margaret"]>p::before{background-image:url("margaret-lesson-questions-v2.png");background-repeat:no-repeat}
.reading.primary-classroom-reading .lesson-question[data-icon-artist="margaret"]>.question-prompt::before{background-size:155.1% 155.1%;background-position:-16.668259% -5.444646%;clip-path:inset(3% 9.184211%);}
.reading.primary-classroom-reading .lesson-question[data-icon-artist="margaret"]>.answer-guide::before{background-size:155.1% 155.1%;background-position:126.320565% -5.444646%;clip-path:inset(3% 14.502632%);}
.reading.primary-classroom-reading .lesson-question[data-icon-artist="margaret"]>.question-help::before{background-size:173.347059% 173.347059%;background-position:-4.090144% 118.413666%;clip-path:inset(19.588235% 3%);}
.primary-classroom-reading .lesson-flow[data-icon-artist="margaret"] .flow-paper-marker{background-image:url("margaret-lesson-paper-unfolding-v2.png");background-repeat:no-repeat}
.primary-classroom-reading .lesson-flow[data-icon-artist="margaret"] .flow-paper-marker[data-flow-paper-stage="0"]{background-size:203.312903% 177.841935%;background-position:-2.9038% -10.670921%;clip-path:inset(8.306452% 3%);}
.primary-classroom-reading .lesson-flow[data-icon-artist="margaret"] .flow-paper-marker[data-flow-paper-stage="1"]{background-size:174.832178% 152.929265%;background-position:104.008971% -26.728159%;clip-path:inset(14.147018% 3%);}
.primary-classroom-reading .lesson-flow[data-icon-artist="margaret"] .flow-paper-marker[data-flow-paper-stage="2"]{background-size:188.140299% 164.570149%;background-position:-3.403664% 109.752207%;clip-path:inset(6.297015% 3%);}
.primary-classroom-reading .lesson-flow[data-icon-artist="margaret"] .flow-paper-marker[data-flow-paper-stage="3"]{background-size:187.859911% 164.324888%;background-position:103.414527% 109.890645%;clip-path:inset(6.362146% 3%);}
/* End Margaret junior-primary lesson icons. */

/* Natalie: commissioned SP01 lessons 1–3 only; original generated sprites, measured crops. */
.reading.primary-classroom-reading .lesson-at-a-glance[data-icon-artist="natalie"] .lesson-fact[data-overview-icon="passage"]::before{background-image:url("natalie-overview-icons-v1.png");background-repeat:no-repeat;background-size:192.26575809199318% 192.26575809199318%;background-position:6.711595273264404% 4.717503692762186%;clip-path:inset(15.805792163543444% 3.999999999999999%);}
.reading.primary-classroom-reading .lesson-at-a-glance[data-icon-artist="natalie"] .lesson-fact[data-overview-icon="focus"]::before{background-image:url("natalie-overview-icons-v1.png");background-repeat:no-repeat;background-size:227.08249496981892% 227.08249496981892%;background-position:96.80968967701077% 9.602596580113998%;clip-path:inset(3.999999999999999% 4.362173038229373%);}
.reading.primary-classroom-reading .lesson-at-a-glance[data-icon-artist="natalie"] .lesson-fact[data-overview-icon="objective"]::before{background-image:url("natalie-overview-icons-v1.png");background-repeat:no-repeat;background-size:217.03846153846155% 217.03846153846155%;background-position:13.177785080512654% 92.73743016759775%;clip-path:inset(3.999999999999999% 11.269230769230766%);}
.reading.primary-classroom-reading .lesson-at-a-glance[data-icon-artist="natalie"] .lesson-fact[data-overview-icon="memory"]::before{background-image:url("natalie-overview-icons-v1.png");background-repeat:no-repeat;background-size:219.57198443579767% 219.57198443579767%;background-position:96.27399934917017% 94.66319557435729%;clip-path:inset(9.07782101167315% 3.999999999999999%);}
.reading.primary-classroom-reading .lesson-question[data-icon-artist="natalie"]>.question-prompt::before{background-image:url("natalie-question-icons-v1.png");background-repeat:no-repeat;background-size:329.64586846543% 109.88195615514333%;background-position:1.0610956087531211% 67.66211604095567%;clip-path:inset(6.883642495784149% 3.999999999999999%);}
.reading.primary-classroom-reading .lesson-question[data-icon-artist="natalie"]>.answer-guide::before{background-image:url("natalie-question-icons-v1.png");background-repeat:no-repeat;background-size:247.44303797468356% 82.48101265822785%;background-position:50.154532967032964% 35.043352601156066%;clip-path:inset(19.60759493670886% 3.999999999999999%);}
.reading.primary-classroom-reading .lesson-question[data-icon-artist="natalie"]>.question-help::before{background-image:url("natalie-question-icons-v1.png");background-repeat:no-repeat;background-size:316.3106796116505% 105.4368932038835%;background-position:99.68581687612209% 167.8571428571429%;clip-path:inset(12.883495145631064% 3.999999999999999%);}
.reading.primary-classroom-reading .lesson-flow[data-icon-artist="natalie"] li:nth-child(1) .flow-paper-marker{background-image:url("natalie-flow-icons-v1.png");background-repeat:no-repeat;background-size:335.8928571428571% 335.8928571428571%;background-position:19.341408024224073% 21.271763815291447%;clip-path:inset(3.999999999999999% 6.410714285714287%);}
.reading.primary-classroom-reading .lesson-flow[data-icon-artist="natalie"] li:nth-child(2) .flow-paper-marker{background-image:url("natalie-flow-icons-v1.png");background-repeat:no-repeat;background-size:208.61367837338264% 208.61367837338264%;background-position:94.49455411844791% 6.5010211027910145%;clip-path:inset(16.56007393715342% 3.999999999999999%);}
.reading.primary-classroom-reading .lesson-flow[data-icon-artist="natalie"] li:nth-child(3) .flow-paper-marker{background-image:url("natalie-flow-icons-v1.png");background-repeat:no-repeat;background-size:202.98561151079136% 202.98561151079136%;background-position:0.17464198393293842% 95.81732448480615%;clip-path:inset(20.26798561151079% 3.999999999999999%);}
.reading.primary-classroom-reading .lesson-flow[data-icon-artist="natalie"] li:nth-child(4) .flow-paper-marker{background-image:url("natalie-flow-icons-v1.png");background-repeat:no-repeat;background-size:180.28753993610223% 180.28753993610223%;background-position:104.07879029048945% 103.541583764425%;clip-path:inset(24.990415335463258% 3.999999999999999%);}
.reading.primary-classroom-reading .natalie-panel-icon,.reading .scripture-reading[data-icon-artist="natalie"] .natalie-panel-icon{display:inline-block;flex:0 0 25px;width:25px;height:23px;background-repeat:no-repeat}
.reading.primary-classroom-reading .natalie-panel-icon[data-symbol="read"],.reading .scripture-reading[data-icon-artist="natalie"] .natalie-panel-icon[data-symbol="read"]{background-image:url("natalie-overview-icons-v1.png");background-repeat:no-repeat;background-size:192.26575809199318% 192.26575809199318%;background-position:6.711595273264404% 4.717503692762186%;clip-path:inset(15.805792163543444% 3.999999999999999%);}
.reading.primary-classroom-reading .natalie-panel-icon[data-symbol="say"]{background-image:url("natalie-overview-icons-v1.png");background-repeat:no-repeat;background-size:219.57198443579767% 219.57198443579767%;background-position:96.27399934917017% 94.66319557435729%;clip-path:inset(9.07782101167315% 3.999999999999999%);}
.reading.primary-classroom-reading .natalie-lesson-figure{display:block;margin:26px auto;max-width:680px;break-inside:avoid}
.reading.primary-classroom-reading .natalie-lesson-figure img{display:block;margin:auto;max-width:100%;width:auto;height:auto;max-height:300px;object-fit:contain}
@media screen and (max-width:700px){.reading.primary-classroom-reading .natalie-lesson-figure{margin:22px auto}.reading.primary-classroom-reading .natalie-lesson-figure img{max-height:250px}}
@media print{.reading.primary-classroom-reading .natalie-lesson-figure{margin:10pt auto;max-width:145mm;break-inside:avoid}.reading.primary-classroom-reading .natalie-lesson-figure img{max-height:52mm;max-width:145mm}.reading.primary-classroom-reading .natalie-panel-icon,.reading .scripture-reading[data-icon-artist="natalie"] .natalie-panel-icon{width:18pt;height:16pt;flex-basis:18pt}}
/* Natalie remainder 2026-10-21 */
.reading.primary-classroom-reading .lesson-flow[data-icon-artist="natalie"][data-natalie-rollout] .flow-paper-marker[data-flow-paper-stage="0"]{background-image:url("natalie-flow-icons-v1.png");background-repeat:no-repeat;background-size:335.8928571428571% 335.8928571428571%;background-position:19.341408024224073% 21.271763815291447%;clip-path:inset(3.999999999999999% 6.410714285714287%);}
.reading.primary-classroom-reading .lesson-flow[data-icon-artist="natalie"][data-natalie-rollout] .flow-paper-marker[data-flow-paper-stage="1"]{background-image:url("natalie-flow-icons-v1.png");background-repeat:no-repeat;background-size:208.61367837338264% 208.61367837338264%;background-position:94.49455411844791% 6.5010211027910145%;clip-path:inset(16.56007393715342% 3.999999999999999%);}
.reading.primary-classroom-reading .lesson-flow[data-icon-artist="natalie"][data-natalie-rollout] .flow-paper-marker[data-flow-paper-stage="2"]{background-image:url("natalie-flow-icons-v1.png");background-repeat:no-repeat;background-size:202.98561151079136% 202.98561151079136%;background-position:0.17464198393293842% 95.81732448480615%;clip-path:inset(20.26798561151079% 3.999999999999999%);}
.reading.primary-classroom-reading .lesson-flow[data-icon-artist="natalie"][data-natalie-rollout] .flow-paper-marker[data-flow-paper-stage="3"]{background-image:url("natalie-flow-icons-v1.png");background-repeat:no-repeat;background-size:180.28753993610223% 180.28753993610223%;background-position:104.07879029048945% 103.541583764425%;clip-path:inset(24.990415335463258% 3.999999999999999%);}
.reading.primary-classroom-reading .lesson-flow[data-icon-artist="natalie"] .flow-growth-marker[data-flow-growth-stage="0"]{background-image:url("natalie-growth-eight-stages.png");background-repeat:no-repeat;background-size:408.33759590792846% 204.16879795396423%;background-position:1.7377239548772416% 25.362140928062853%;clip-path:inset(31.046035805626595% 3.999999999999993%);}
.reading.primary-classroom-reading .lesson-flow[data-icon-artist="natalie"] .flow-growth-marker[data-flow-growth-stage="1"]{background-image:url("natalie-growth-eight-stages.png");background-repeat:no-repeat;background-size:420.15789473684214% 210.07894736842107%;background-position:34.09501890514548% 21.491752330863022%;clip-path:inset(24.368421052631575% 3.999999999999999%);}
.reading.primary-classroom-reading .lesson-flow[data-icon-artist="natalie"] .flow-growth-marker[data-flow-growth-stage="2"]{background-image:url("natalie-growth-eight-stages.png");background-repeat:no-repeat;background-size:409.3846153846155% 204.69230769230774%;background-position:66.48433615116856% 19.360764144011757%;clip-path:inset(16.807692307692303% 3.999999999999993%);}
.reading.primary-classroom-reading .lesson-flow[data-icon-artist="natalie"] .flow-growth-marker[data-flow-growth-stage="3"]{background-image:url("natalie-growth-eight-stages.png");background-repeat:no-repeat;background-size:421.2664907651715% 210.63324538258576%;background-position:98.96928383705651% 15.87169091342714%;clip-path:inset(11.12401055408971% 3.999999999999999%);}
.reading.primary-classroom-reading .lesson-flow[data-icon-artist="natalie"] .flow-growth-marker[data-flow-growth-stage="4"]{background-image:url("natalie-growth-eight-stages.png");background-repeat:no-repeat;background-size:415.78124999999994% 207.89062499999997%;background-position:2.053438891637802% 101.48443157132516%;clip-path:inset(8.5703125% 4.000000000000004%);}
.reading.primary-classroom-reading .lesson-flow[data-icon-artist="natalie"] .flow-growth-marker[data-flow-growth-stage="5"]{background-image:url("natalie-growth-eight-stages.png");background-repeat:no-repeat;background-size:399.15000000000003% 199.57500000000002%;background-position:33.97960889186027% 97.79061009289481%;clip-path:inset(3.999999999999993% 7.149999999999997%);}
.reading.primary-classroom-reading .lesson-flow[data-icon-artist="natalie"] .flow-growth-marker[data-flow-growth-stage="6"]{background-image:url("natalie-growth-eight-stages.png");background-repeat:no-repeat;background-size:382.8776978417266% 191.4388489208633%;background-position:66.63275686673448% 99.33123524783633%;clip-path:inset(3.999999999999999% 6.482014388489211%);}
.reading.primary-classroom-reading .lesson-flow[data-icon-artist="natalie"] .flow-growth-marker[data-flow-growth-stage="7"]{background-image:url("natalie-growth-eight-stages.png");background-repeat:no-repeat;background-size:385.6521739130435% 192.82608695652175%;background-position:100.11415525114155% 98.59484777517564%;clip-path:inset(3.999999999999999% 6.717391304347826%);}

@media print{.reading .scripture-copyright[data-compact-credit="natalie-remainder"]{margin-top:5pt!important;padding-top:4pt!important;font-size:8pt!important;line-height:1.3!important}.reading .scripture-copyright[data-compact-credit="natalie-remainder"] small{font:inherit!important}}

@media print{.reading.primary-classroom-reading:has([data-print-spacing="compact"])>p{margin-bottom:6pt!important}.reading.primary-classroom-reading:has([data-print-spacing="compact"]) .natalie-lesson-figure{margin:7pt auto}.reading.primary-classroom-reading:has([data-print-spacing="compact"]) .natalie-lesson-figure img{max-height:48mm}}
@media print{.reading.primary-classroom-reading:has([data-print-spacing="compact"]) .lesson-question{margin:6pt 0!important}.reading.primary-classroom-reading:has([data-print-spacing="compact"])>h3{margin-top:12pt!important}}

/* Selected trapezoid treatment B, 21 October 2026.
   Actual-size circular masks preserve the corners across panel proportions.
   The original mask is retained if scripting is unavailable. */
:is(.stage-trapezoid .banner-copy,.school-stage-card,.organisation-pathways .home-series-card,.organisation-feature-panel,.home-context-banner>.wrap,.school-lesson-list .school-lesson-number,.home-course-layout .lesson-number)::before{
 mask-image:var(--trapezoid-mask,url("banner-trapezoid.svg"));
 -webkit-mask-image:var(--trapezoid-mask,url("banner-trapezoid.svg"));
}
:is(.stage-trapezoid .banner-copy,.school-stage-card,.organisation-pathways .home-series-card,.organisation-feature-panel,.home-context-banner>.wrap)::before{
 background-image:url("trapezoid-paper-v1.svg"),var(--trapezoid-fill,linear-gradient(rgb(var(--banner-rgb)),rgb(var(--banner-rgb))));
 background-color:transparent;background-size:480px 480px,100% 100%;background-repeat:repeat,no-repeat;background-position:center;
 background-blend-mode:soft-light,normal;
}
:is(.gyh-banner .banner-copy,.organisation-feature-panel){--trapezoid-fill:linear-gradient(90deg,#133E5B 0%,#201624 100%)}
/* Texture shares the exact surface mask without clipping the overlapping heart. */
.home-heart-banner.gyh-circuit-banner .banner-copy::after,
.organisation-feature-panel.gyh-circuit-banner::after{
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:url("guard-paper-circuit-field-v1.png") center/cover no-repeat;opacity:.2;
 transform:rotate(var(--trapezoid-angle,3deg)) scaleY(var(--trapezoid-flip,-1));
 mask:var(--trapezoid-mask,url("banner-trapezoid.svg")) 0 0/100% 100% no-repeat;
 -webkit-mask:var(--trapezoid-mask,url("banner-trapezoid.svg")) 0 0/100% 100% no-repeat;
}
.organisation-feature-panel.gyh-circuit-banner::after{transform:rotate(-1deg) scaleY(-1)}
@media(max-width:700px){.home-heart-banner.gyh-circuit-banner .banner-copy::after{transform:rotate(var(--trapezoid-mobile-angle,2deg)) scaleY(var(--trapezoid-flip,-1))}}
@media print{.home-heart-banner.gyh-circuit-banner .banner-copy::after,.organisation-feature-panel.gyh-circuit-banner::after{display:none}}
:is(.school-stage-natalie,.senior-primary-natalie .banner-copy)::before{background:#CCC5BD url("senior-primary-natalie-paper-v2.png") center/cover no-repeat}
:is(.organisation-home,.home-context-banner>.wrap){--banner-rgb:164,81,70}
.organisation-school{--banner-rgb:76,100,112}
.school-stage-card.school-stage-margaret,.context-banner.junior-primary-banner{--banner-rgb:66,94,103}
.school-stage-card.school-stage-margaret .school-stage-action{color:#425E67}
.school-stage-card.school-stage-high,.context-banner.high-school-banner{--banner-rgb:87,72,108}

/* Little Ones artwork and Home entrance. The church stage uses shared School components below. */
.organisation-pathways.home-series-links{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1120px;gap:48px}
.organisation-pathways .home-series-card{padding-inline:28px}
.organisation-pathways .home-series-card h2{font-size:36px}
.organisation-pathways .home-series-card>p{flex:1}
.organisation-little-hearts{--banner-rgb:1,107,111;--stage-link-angle:1.5deg;--stage-link-flip:1;--pathway-art-width:calc(var(--pathway-art-height) * 1536 / 905);--pathway-art-centre:calc(var(--pathway-art-width) * 3 / 1536);--pathway-art-bottom:calc(var(--pathway-art-drop) + var(--pathway-art-width) * 56 / 1536)}
.little-hearts-page{--lh-blue:#4F75BF;--lh-teal:#016B6F;--lh-peach:#FDCEAF;--lh-cream:#FAEFDA;color:#03363D}
.little-hearts-heading{max-width:1000px;padding-top:42px;text-align:center}
.little-hearts-heading h1{font:700 clamp(42px,5vw,68px)/1.08 "Newsreader",Georgia,serif;letter-spacing:-1.5px;margin:0 0 24px;color:#03363D}
.little-hearts-heading .intro{max-width:760px;margin:0 auto;font:300 19px/1.75 "Merriweather",Georgia,serif;color:#353A35}
.little-hearts-page .eyebrow{color:var(--lh-teal);margin:0 0 16px}
.little-hearts-action{display:inline-flex;gap:18px;align-items:center;min-height:48px;margin-top:28px;padding:12px 24px;border-radius:8px;background:#016B6F;color:#fff;text-decoration:none;font:500 15px/1.5 "Montserrat",sans-serif}
.little-hearts-action:hover{background:#07595C;color:#fff}
.little-hearts-action:focus-visible{outline:3px solid #016B6F;outline-offset:5px}
.little-hearts-landscape{max-width:1120px;margin-top:44px;margin-bottom:76px}
.little-hearts-landscape img{display:block;width:100%;height:auto;border-radius:18px}
.little-hearts-purpose,.little-hearts-participation{max-width:1120px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:68px;align-items:center;margin-bottom:88px}
.little-hearts-copy h2,.little-hearts-teaching>h2,.little-hearts-lessons h2{font:600 clamp(32px,3.4vw,44px)/1.13 "Newsreader",Georgia,serif;letter-spacing:-.8px;margin:0 0 24px;color:#03363D}
.little-hearts-copy p:not(.eyebrow),.little-hearts-teaching-columns p,.little-hearts-section-intro{font:400 20px/1.75 Georgia,serif;color:#353A35;margin:0 0 22px}
.little-hearts-copy p:last-child,.little-hearts-teaching-columns p:last-child{margin-bottom:0}
.little-hearts-copy p.eyebrow{color:#016B6F;margin-bottom:16px}
.little-hearts-character,.little-hearts-participation figure{margin:0}
.little-hearts-character img,.little-hearts-participation img{display:block;width:100%;height:auto;border-radius:16px}
.little-hearts-teaching{max-width:1120px;margin-bottom:88px}
.little-hearts-teaching>h2{text-align:center;margin-bottom:38px}
.little-hearts-teaching-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;padding-top:30px;border-top:1px solid #BDD9D7}
.little-hearts-teaching-columns h3{font:600 27px/1.2 "Newsreader",Georgia,serif;color:#03363D;margin:0 0 16px}
.little-hearts-participation{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:54px}
.little-hearts-copy a{color:#016B6F;text-decoration:underline;text-underline-offset:3px}
.little-hearts-lessons{max-width:1120px;padding-bottom:90px}
.little-hearts-section-intro{max-width:760px}
.little-hearts-lesson-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;list-style:none;margin:34px 0 0;padding:0}
.little-hearts-lesson-item{display:flex;align-items:center;justify-content:center;min-height:78px;padding:15px 12px;border:1px solid #DDDCD5;border-radius:8px;background:#F5F4F0;text-align:center;min-width:0}
.little-hearts-lesson-number{font:500 15px/1.4 "Montserrat",sans-serif;color:#666961}
.little-hearts-lesson-title{font:400 18px/1.5 Georgia,serif}
.little-hearts-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1150px){
 .organisation-pathways.home-series-links{grid-template-columns:1fr;max-width:760px;gap:112px;--pathway-art-height:170px}
 .organisation-pathways .home-series-card{padding-inline:56px}
 .organisation-pathways .home-series-card h2{font-size:40px}
 .little-hearts-purpose,.little-hearts-participation{gap:38px}
}
@media(min-width:941px) and (max-width:1260px){
 html{scroll-padding-top:80px}
 .masthead .navrow{height:68px;justify-content:space-between;column-gap:10px}
 .masthead .brand img{width:192px}
 .masthead .menu-button{display:block;margin-left:auto}
 .masthead .mainnav{display:none;position:absolute;left:0;right:0;top:68px;transform:none;background:#fff;padding:12px 13px 18px;flex-direction:column;align-items:flex-start;border-top:1px solid #BDD9D7;gap:0;margin:0}
 .masthead .mainnav.open{display:flex}
 .masthead .mainnav a{width:100%;font-size:13px;letter-spacing:1.1px;padding:11px 12px}
 .masthead .nav-profile{margin-left:0}
 .masthead .profile-menu{transform:none}
}
@media(max-width:700px){
 .organisation-pathways.home-series-links{--pathway-art-height:clamp(110px,36vw,140px)}
 .organisation-pathways .home-series-card{padding-inline:36px}
 .organisation-pathways .home-series-card h2{font-size:36px}
 .little-hearts-heading{padding-top:28px}
 .little-hearts-heading h1{letter-spacing:-1px}
 .little-hearts-heading .intro{font-size:17px}
 .little-hearts-landscape{margin-top:32px;margin-bottom:48px}
 .little-hearts-landscape img{border-radius:10px}
 .little-hearts-purpose,.little-hearts-participation{grid-template-columns:1fr;gap:30px;margin-bottom:54px}
 .little-hearts-character{max-width:300px;margin-inline:auto}
 .little-hearts-participation figure{order:2}
 .little-hearts-copy p:not(.eyebrow),.little-hearts-teaching-columns p,.little-hearts-section-intro{font-size:19px}
 .little-hearts-teaching{margin-bottom:54px}
 .little-hearts-teaching-columns{grid-template-columns:1fr;gap:30px}
 .little-hearts-teaching>h2{text-align:left;margin-bottom:26px}
 .little-hearts-lesson-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .little-hearts-lesson-item{min-height:66px}
 .little-hearts-lessons{padding-bottom:56px}
}
/* Little Ones: separate Home entrance and church teaching reader, 21 October 2026. */
.home-open-series .home-series-little-ones{grid-column:1/-1;max-width:560px;justify-self:center;width:100%}
.home-open-series .home-series-little-ones img{width:100%;max-width:390px;height:236px;border-radius:0}
.little-ones-context-link{padding-top:48px;padding-bottom:64px;border-top:1px solid #abd9cc}
.little-ones-context-link p{max-width:760px;font-size:19px;line-height:1.8}
.little-hearts-lesson-item:has(.little-hearts-lesson-title){align-items:flex-start;flex-direction:column;gap:10px}
.little-ones-reader{max-width:1000px;margin:0 auto;padding:40px 28px 80px}
.little-ones-reader-top{border-bottom:1px solid #abd9cc;margin-bottom:42px}
.little-ones-reader-top>p{font-size:17px;font-weight:650;color:#17494d}
.little-ones-reader-top>p span{font-size:14px;font-weight:400;display:block;margin-top:6px}
.little-ones-tabs{display:flex;flex-wrap:wrap;gap:4px 24px}
.little-ones-tabs a{display:flex;align-items:center;min-height:52px;padding:10px 0;text-decoration:none;border-bottom:3px solid transparent;font-size:16px;color:#17494d}
.little-ones-tabs a[aria-current=page]{border-color:#16786e;font-weight:700}
.little-ones-tabs a:hover{border-color:#8fbfb3}
.little-ones-reader .little-ones-article{max-width:790px;margin:0 auto;font-family:Georgia,'Times New Roman',serif;font-size:20px;line-height:1.8;color:#263a37}
.little-ones-article h1{font-size:46px;line-height:1.18;color:#17494d;margin:0 0 22px}
.little-ones-article h2{font-size:30px;line-height:1.3;margin:48px 0 20px;color:#17494d;scroll-margin-top:28px}
.little-ones-article h3{font-size:24px;line-height:1.35;margin:30px 0 14px;color:#17494d}
.little-ones-article p{margin:0 0 22px}
.little-ones-article li{margin-bottom:15px}
.little-ones-article .eyebrow{font-family:Arial,sans-serif;font-size:13px;letter-spacing:.08em;text-transform:uppercase;line-height:1.6;color:#47605a}
.little-ones-article .intro{font-size:24px;line-height:1.6}
.little-ones-hero{margin:30px 0}
.little-ones-hero img{display:block;width:100%;height:auto;border-radius:8px}
.little-ones-hero figcaption{font-size:17px;margin-top:12px}
.little-ones-jump{display:flex;flex-wrap:wrap;gap:10px 22px;margin:28px 0;font-family:Arial,sans-serif;font-size:15px}
.little-ones-jump a{padding:5px 0}
.little-ones-table-wrap{overflow-x:auto}
.little-ones-article .little-ones-schedule{border-collapse:collapse;width:100%;min-width:0;table-layout:fixed;font-size:17px;line-height:1.6}
.little-ones-schedule th:first-child{width:64px}
.little-ones-schedule th:last-child{width:64px}
.little-ones-schedule th,.little-ones-schedule td{text-align:left;padding:14px 12px;border-bottom:1px solid #bed9cf;vertical-align:top}
.little-ones-schedule th{background:#edf5f1;color:#17494d}
.little-ones-schedule th:first-child,.little-ones-schedule td:first-child,.little-ones-schedule td:last-child{white-space:nowrap}
.little-ones-say{border-left:3px solid #91bfb1;padding:6px 0 1px 24px;margin:25px 0}
.little-ones-say em{color:#52645d;font-size:.9em}
.little-ones-print-page{margin:60px 0;padding:24px;border:1px solid #bed9cf;background:#fff;scroll-margin-top:20px}
.little-ones-print-page .little-ones-print-label{font-family:Arial,sans-serif;text-transform:uppercase;font-size:11px;letter-spacing:.07em;color:#48625d;margin:0 0 18px}
.little-ones-print-page h2{margin:0 0 24px;font-size:29px}
.little-ones-picture-page{text-align:center}
.little-ones-picture-page img{display:block;width:100%;height:auto;margin:0 auto 24px}
.little-ones-picture-page img.little-ones-person-picture{max-height:540px;width:auto;max-width:100%;object-fit:contain}
.little-ones-print-page .little-ones-card-truth{font-size:26px;margin-bottom:12px}
.little-ones-print-page .little-ones-card-reference{font-size:13px;color:#48625d}
.little-ones-making-frame{height:490px;border:1.5px solid #70827b;margin:22px 0}
.little-ones-writing-line{height:30px;border-bottom:1px solid #70827b}
.little-ones-reminders{display:grid;grid-template-columns:1fr 1fr}
.little-ones-reminder{border:1px dashed #87958f;padding:22px;font-size:15px;line-height:1.55}
.little-ones-reminder h3{font-size:21px;margin:0 0 14px}
.little-ones-reminder p{margin:0 0 12px}
.little-ones-cut-note{font-size:15px}
@media(max-width:650px){.little-ones-reader{padding:24px 20px 50px}.little-ones-reader .little-ones-article{font-size:19px}.little-ones-article h1{font-size:36px}.little-ones-article h2{font-size:27px}.little-ones-tabs{gap:0 18px}.little-ones-tabs a{font-size:14px}.little-ones-print-page{padding:16px}.little-ones-reminders{grid-template-columns:1fr}.little-ones-making-frame{height:360px}.little-ones-schedule th,.little-ones-schedule td{padding:10px 6px;font-size:15px}}
@media print{
 @page little-ones-resource{size:A4 portrait;margin:14mm}
 body:has(.little-ones-resources){background:white!important;page:little-ones-resource}
 body:has(.little-ones-resources)>header,body:has(.little-ones-resources)>footer,body:has(.little-ones-resources) .page-breadcrumbs-row,body:has(.little-ones-resources) .little-ones-reader-top,body:has(.little-ones-resources) .little-ones-screen-intro,body:has(.little-ones-resources) .skip-link,body:has(.little-ones-resources) #consent-banner,body:has(.little-ones-resources) .cookie-banner{display:none!important}
 body:has(.little-ones-resources) main,body:has(.little-ones-resources) .little-ones-reader,body:has(.little-ones-resources) .little-ones-resources{display:block!important;margin:0!important;padding:0!important;width:auto!important;max-width:none!important}
 .little-ones-resources .little-ones-print-page{box-sizing:border-box;break-inside:avoid;break-after:page;margin:0!important;padding:0!important;border:0!important;height:268mm;font-family:Georgia,serif;font-size:14pt;line-height:1.5;color:#172e29!important}
 .little-ones-resources .little-ones-print-page:last-of-type{break-after:auto}
 .little-ones-resources .little-ones-print-label{font-size:9pt;margin:0 0 9mm}
 .little-ones-resources h2{font-size:25pt;margin:0 0 10mm}
 .little-ones-resources .little-ones-picture-page img{width:100%;height:180mm;object-fit:contain;margin:0 auto 8mm}
 .little-ones-resources .little-ones-picture-page img.little-ones-person-picture{max-height:none;height:180mm;width:100%}
 .little-ones-resources .little-ones-card-truth{font-size:22pt;margin:0 0 4mm}
 .little-ones-resources .little-ones-card-reference{font-size:9pt;margin:0}
 .little-ones-resources .little-ones-making-frame{height:168mm;margin:8mm 0;border-color:#444}
 .little-ones-resources .little-ones-writing-line{height:9mm}
 .little-ones-resources .little-ones-reminders{display:grid;grid-template-columns:1fr 1fr}
 .little-ones-resources .little-ones-reminder{box-sizing:border-box;min-height:100mm;font-size:12pt;line-height:1.5;padding:7mm 5mm;break-inside:avoid}
 .little-ones-resources .little-ones-reminder h3{font-size:16pt;margin:0 0 5mm}
 .little-ones-resources .little-ones-reminder p{margin:0 0 4mm}
 .little-ones-resources .little-ones-cut-note{font-size:10pt;margin-bottom:7mm}
}

/* Four Sunday School stages; Little Ones retains its approved teal and James artwork. */
.little-ones-banner{--banner-rgb:1,107,111;--banner-fill:#016B6F}
.little-ones-cards{--card-accent:#016B6F;--banner-rgb:1,107,111}
.school-stage-links{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:116px}
.school-stage-links .school-stage-little{--gateway-art-bottom:-74px}
.school-stage-links .school-stage-little img{width:240px;max-width:80%}
.school-stage-little .school-stage-action{color:#016B6F}
.little-ones-stage-banner .banner-copy{padding-bottom:132px}
.little-ones-stage-banner{padding-bottom:112px}
.little-ones-stage-banner .banner-creature{position:absolute;display:block;height:auto;max-width:none;z-index:2;pointer-events:none;user-select:none;left:50%;right:auto;width:306px;bottom:-83px;transform:translateX(-50%);margin-left:0}
.little-ones-teaching-guide .teacher-guide-copy{max-width:820px}
.little-ones-teaching-guide .little-ones-lesson-cards{max-width:none;margin-inline:0}
.little-ones-lesson-cards .curriculum-card{min-height:240px}
.little-ones-lesson-cards .card-heading::after{content:"";display:block;width:36px;height:3px;background:var(--card-accent,var(--accent-cyan));margin-top:18px}
.little-ones-lesson-cards .curriculum-card:is(.access-planned,.access-member:not(.is-unlocked)) .card-heading::after{background:#ADB4B0}
.little-ones-lesson-cards .card-body .lesson-passage{font-size:15px}
.little-ones-lesson-reader .little-ones-article{max-width:none}
/* Little Ones Lesson uses the shared classroom components; only its actions and picture need local treatment. */
.reading.little-ones-classroom .flow-step h3{font:500 24px/1.3 "Newsreader",Georgia,serif;letter-spacing:0;text-transform:none;color:var(--brand-teal);margin:0 0 8px;padding:0;border:0}
.reading.little-ones-classroom>h3.little-ones-subheading,.reading.little-ones-classroom .little-ones-activity-steps h3{font:500 24px/1.3 "Newsreader",Georgia,serif;color:var(--brand-teal);letter-spacing:0;margin:28px 0 12px;padding:0;border:0}
.reading.little-ones-classroom .little-ones-activity-steps{padding-left:1.4em}
.reading.little-ones-classroom .little-ones-activity-steps>li{padding-left:8px;margin:0 0 26px}
.reading.little-ones-classroom .little-ones-activity-steps h3{margin-top:0}
.reading.little-ones-classroom .little-ones-activity-steps p{margin:0}
.reading.little-ones-classroom .teacher-say blockquote p+p{margin-top:16px}
.reading.little-ones-classroom .little-ones-rhyme .action-cue{display:block;font:400 16px/1.6 Georgia,serif;color:var(--article-copy);margin-top:4px}
.reading.little-ones-classroom .lesson-question{border:0;padding:0}
.reading.little-ones-classroom .lesson-question>p{display:block;padding:0}
.reading.little-ones-classroom .lesson-question>p::before{content:none;display:none}
.reading.little-ones-classroom .little-ones-teaching-figure{margin:24px auto;max-width:450px}
.reading.little-ones-classroom .little-ones-teaching-figure img{display:block;width:100%;height:auto}
@media(max-width:700px){.reading.little-ones-classroom .flow-step h3,.reading.little-ones-classroom>h3.little-ones-subheading,.reading.little-ones-classroom .little-ones-activity-steps h3{font-size:22px}.reading.little-ones-classroom .little-ones-activity-steps>li{padding-left:3px}.reading.little-ones-classroom .flow-step p{font-size:19px}}
@media(max-width:1050px){.school-stage-links{grid-template-columns:1fr}.little-ones-stage-banner .banner-copy{padding-bottom:116px}.little-ones-stage-banner .banner-creature{width:263px;bottom:-74px}}
@media(max-width:700px){.little-ones-stage-banner .banner-copy{padding-bottom:96px}.little-ones-stage-banner .banner-creature{width:212px;bottom:-60px}.school-stage-links .school-stage-little img{width:210px}.organisation-pathways.home-series-links{grid-template-columns:1fr}}
@media print{body:has(.little-ones-resources) .reader-top{display:none!important}}

/* Shared open gateway layout, 21 October 2026. Individual stage banners retain their trapezoids. */
:is(.school-open-heading,.home-open-heading){padding-top:22px;padding-bottom:24px}
:is(.school-open-heading,.home-open-heading) h1{font-size:50px;margin-bottom:20px}
:is(.school-open-heading,.home-open-heading) .intro{max-width:850px;font-size:19px;line-height:1.7;margin:auto}
:is(.school-open-stages,.home-open-grid){display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;max-width:1280px;margin:auto;padding:20px 28px 64px}
:is(.school-stage-option,.home-series-option){display:flex;flex-direction:column;min-width:0;text-decoration:none;color:#03363D;position:relative}
:is(.school-stage-option,.home-series-option) h2{font:600 32px/1.15 "Newsreader",Georgia,serif;letter-spacing:-.4px;color:#03363D;margin:22px 0 16px}
:is(.school-stage-option,.home-series-option) p{font:300 16px/1.8 "Merriweather",Georgia,serif;color:#03363D;margin:0 0 24px}
:is(.school-stage-option-art,.home-series-option-art){display:flex;align-items:flex-end;justify-content:center;height:188px;padding-bottom:22px;min-width:0;border:0}
:is(.school-stage-option-art,.home-series-option-art) img{display:block;object-fit:contain;height:100%;max-width:100%;width:100%}
.school-stage-option-junior :is(.school-stage-option-art,.home-series-option-art) img{max-width:158px}
.school-stage-option-junior.jp-margaret-gateway .school-stage-option-art img{max-width:100%;width:100%;height:100%;object-fit:contain;object-position:center bottom}
.school-stage-option-senior :is(.school-stage-option-art,.home-series-option-art) img{max-width:182px}
.school-stage-option-high :is(.school-stage-option-art,.home-series-option-art) img{max-width:232px}
:is(.school-stage-option-copy,.home-series-option-copy){display:flex;flex:1;flex-direction:column;align-items:center;text-align:center}
:is(.school-stage-option-action,.home-series-option-action){display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 24px;border-radius:8px;background:#F0F0F0;color:#17494D;font:500 16px/1.25 "Montserrat",Arial,sans-serif;margin-top:auto;align-self:center;transition:background .15s}
:is(.school-stage-option,.home-series-option):hover :is(.school-stage-option-action,.home-series-option-action),:is(.school-stage-option,.home-series-option):focus-visible :is(.school-stage-option-action,.home-series-option-action){background:#E4E7E3}
:is(.school-stage-option,.home-series-option):focus-visible{outline:3px solid #03363D;outline-offset:8px;border-radius:8px}
@media(max-width:1050px){:is(.school-open-stages,.home-open-grid){grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 38px;max-width:800px}}
@media(max-width:600px){:is(.school-open-heading,.home-open-heading){padding:24px 0 20px}:is(.school-open-heading,.home-open-heading) h1{font-size:36px;margin-bottom:18px}:is(.school-open-heading,.home-open-heading) .intro{font-size:16px;line-height:1.8}:is(.school-open-stages,.home-open-grid){grid-template-columns:1fr;padding:20px 24px 48px;gap:42px;max-width:430px}:is(.school-stage-option-art,.home-series-option-art){height:180px}}

/* Home uses its three existing areas in the shared open gateway. */
@media(min-width:1051px){.home-open-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Organisation homepage: two open ministry pathways; the featured plan keeps its trapezoid. */
.organisation-open-pathways{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;max-width:1120px;padding:20px 48px 48px}
.organisation-open-pathways .home-series-option-art{height:260px;padding-bottom:12px}
.organisation-open-pathways .home-series-option p{max-width:430px}
@media(max-width:700px){.organisation-open-pathways{grid-template-columns:1fr;gap:48px;max-width:500px;padding:16px 28px 24px}.organisation-open-pathways .home-series-option-art{height:220px}}

/* Church Little Ones: shared overview and Lesson session timetable. */
.reading:is(.little-ones-article,.little-ones-classroom) .little-ones-glance-timings{margin:0;padding:0}
.reading:is(.little-ones-article,.little-ones-classroom) .little-ones-glance-timings dd{font:400 20px/1.5 Georgia,serif;color:var(--article-copy);margin:0}
.reading:is(.little-ones-article,.little-ones-classroom) .little-ones-glance-session{border:1px solid #BDD9D7;border-radius:8px;padding:24px;min-width:0;background:#fff;margin:28px 0}
.reading:is(.little-ones-article,.little-ones-classroom) .little-ones-glance-session h3{font:500 24px/1.25 "Newsreader",Georgia,serif;letter-spacing:0;text-transform:none;color:var(--brand-teal);margin:0 0 18px;padding:0;border:0}
.reading:is(.little-ones-article,.little-ones-classroom) .little-ones-glance-timings>div{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:baseline;padding:12px 0;border-top:1px solid #BDD9D7}
.reading:is(.little-ones-article,.little-ones-classroom) .little-ones-glance-timings>div:first-child{padding-top:0;border-top:0}
.reading:is(.little-ones-article,.little-ones-classroom) .little-ones-glance-timings>div:last-child{padding-bottom:0}
.reading:is(.little-ones-article,.little-ones-classroom) .little-ones-glance-timings dt{font:600 19px/1.5 "Montserrat",sans-serif;color:var(--brand-teal);white-space:nowrap}
.reading:is(.little-ones-article,.little-ones-classroom) .little-ones-glance-timings dt span{font-size:12px;font-weight:400}
.reading:is(.little-ones-article,.little-ones-classroom) .little-ones-glance-summary{font-size:20px;line-height:1.5;margin:0 0 16px}
.reading:is(.little-ones-article,.little-ones-classroom) .little-ones-glance-note{font-size:18px;line-height:1.5;margin:0}
@media(max-width:700px){.reading:is(.little-ones-article,.little-ones-classroom) .little-ones-glance-session{padding:20px}.reading:is(.little-ones-article,.little-ones-classroom) .little-ones-glance-timings dd,.reading:is(.little-ones-article,.little-ones-classroom) .little-ones-glance-summary{font-size:19px}}

.reading.little-ones-classroom .little-ones-session-detail{display:block;font-size:17px;line-height:1.5;margin-top:4px}

/* James Hillburne Lesson 1 icons: original sprite pixels, measured display windows. */
:is(.little-ones-classroom,.little-ones-overview-focus) .james-picture-icon{display:inline-block;position:relative;flex:none;width:88px;height:88px;vertical-align:middle}
:is(.little-ones-classroom,.little-ones-overview-focus) .james-picture-icon::before{content:"";position:absolute;left:var(--james-left);top:var(--james-top);width:var(--james-width);height:var(--james-height);background-image:var(--james-sheet);background-size:var(--james-size);background-position:var(--james-position);background-repeat:no-repeat}
.reading.little-ones-classroom .lesson-fact[data-james-fact]{position:relative;padding-left:108px;min-height:88px}
.little-ones-classroom .lesson-fact>.james-picture-icon{position:absolute;left:0;top:0}
.little-ones-classroom .lesson-fact+.lesson-fact>.james-picture-icon{top:22px}
.reading.little-ones-classroom .lesson-question>p[data-james-cue]{position:relative;padding-left:108px;min-height:88px;margin-bottom:24px}
.reading.primary-classroom-reading.little-ones-classroom .lesson-question>p[data-james-cue]>strong{display:block;min-height:0}
.reading.primary-classroom-reading.little-ones-classroom .lesson-question>p[data-james-cue]>strong::before{content:none;display:none}
.little-ones-classroom [data-james-cue]>.james-picture-icon{position:absolute;left:0;top:0}
.little-ones-classroom :is(.say-label,.reading-cue,.james-prayer-label)>.james-picture-icon{width:32px;height:32px}
.reading.little-ones-classroom .james-prayer-label{display:flex;gap:12px;align-items:center}
@media(max-width:700px){.little-ones-classroom .james-picture-icon{width:52px;height:52px}.reading.little-ones-classroom .lesson-fact[data-james-fact]{padding-left:66px;min-height:52px}.reading.little-ones-classroom .lesson-question>p[data-james-cue]{padding-left:66px;min-height:52px}}
.little-ones-classroom [data-james-icon="passage"]{--james-sheet:url("james-lesson-overview-icons-v1.png");--james-left:4%;--james-top:16.01603%;--james-width:92%;--james-height:67.96795%;--james-size:200.96154% 272.01735%;--james-position:6.50794% 22.69861%}
:is(.little-ones-classroom,.little-ones-overview-focus) [data-james-icon="focus"]{--james-sheet:url("james-lesson-overview-icons-v1.png");--james-left:4%;--james-top:4.97872%;--james-width:92%;--james-height:90.04255%;--james-size:242.55319% 247.82609%;--james-position:94.84396% 17.64706%}
.little-ones-classroom [data-james-icon="response"]{--james-sheet:url("james-lesson-overview-icons-v1.png");--james-left:4%;--james-top:10.05059%;--james-width:92%;--james-height:79.89882%;--james-size:211.46712% 243.49515%;--james-position:11.64902% 89.30988%}
.little-ones-classroom [data-james-icon="words"]{--james-sheet:url("james-lesson-overview-icons-v1.png");--james-left:4%;--james-top:10.55823%;--james-width:92%;--james-height:78.88353%;--james-size:251.80723% 293.67681%;--james-position:92.32804% 86.57799%}
.little-ones-classroom [data-james-icon="ask"]{--james-sheet:url("james-teaching-prompt-icons-v1.png");--james-left:4%;--james-top:5.5798%;--james-width:92%;--james-height:88.8404%;--james-size:253.33333% 262.3431%;--james-position:12.38472% 14.69072%}
.little-ones-classroom [data-james-icon="notice"]{--james-sheet:url("james-teaching-prompt-icons-v1.png");--james-left:4%;--james-top:19.36057%;--james-width:92%;--james-height:61.27886%;--james-size:222.73535% 334.4%;--james-position:94.93488% 17.97497%}
.little-ones-classroom [data-james-icon="help"]{--james-sheet:url("james-teaching-prompt-icons-v1.png");--james-left:4%;--james-top:8.21185%;--james-width:92%;--james-height:83.5763%;--james-size:225.13465% 247.82609%;--james-position:8.32138% 85.96257%}
.little-ones-classroom [data-james-icon="pray"]{--james-sheet:url("james-teaching-prompt-icons-v1.png");--james-left:4%;--james-top:13.96234%;--james-width:92%;--james-height:72.07533%;--james-size:236.15819% 301.44231%;--james-position:91.70124% 85.79952%}

/* Reuse the church Little Ones focus artwork beside the overview's focus statement. */
.reading.little-ones-article .little-ones-overview-focus{display:grid;grid-template-columns:88px minmax(0,1fr);gap:20px;align-items:center}
.reading.little-ones-article .little-ones-overview-focus .lesson-focus-label{margin-bottom:8px}
@media(max-width:700px){.reading.little-ones-article .little-ones-overview-focus{grid-template-columns:52px minmax(0,1fr);gap:14px}.little-ones-overview-focus .james-picture-icon{width:52px;height:52px}}

/* High School L09 heading review, 25 October 2026: explicit source opt-in only. */
.reading.primary-classroom-reading h3.hs-lesson-subheading{font-size:25px;font-weight:600;line-height:1.35;letter-spacing:0;margin:28px 0 16px;padding:0;border:0}
.reading.primary-classroom-reading h4.hs-illustration-heading{font-size:22px;font-weight:600;line-height:1.35;letter-spacing:0;margin:25px 0 14px;padding:0;border:0}
.reading.primary-classroom-reading .flow-step h3.hs-outline-heading{font:500 24px/1.3 Newsreader,Georgia,serif;color:#17494D;margin:3px 0 9px;padding:0;border:0;letter-spacing:0}
@media(max-width:700px){
 .reading.primary-classroom-reading h3.hs-lesson-subheading{font-size:23px}
 .reading.primary-classroom-reading h4.hs-illustration-heading{font-size:21px}
 .reading.primary-classroom-reading .flow-step h3.hs-outline-heading{font-size:22px;margin-top:0}
}
@media print{
 .reading.primary-classroom-reading h3.hs-lesson-subheading{font:700 13pt/1.3 Georgia,serif;margin:14pt 0 8pt;padding:0;border:0;break-after:avoid}
 .reading.primary-classroom-reading h4.hs-illustration-heading{font:700 12pt/1.3 Georgia,serif;margin:13pt 0 7pt;break-after:avoid}
 .reading.primary-classroom-reading .flow-step h3.hs-outline-heading{font:500 13pt/1.25 Newsreader,Georgia,serif;margin:0 0 6pt;break-after:avoid}
 .reading.primary-classroom-reading .print-reflection h2#after-teaching{font:700 17pt/1.2 Georgia,serif;letter-spacing:-.3px;margin:18pt 0 10pt;padding-bottom:7pt;border-bottom:.25pt solid #BDD9D7;break-after:avoid}
}


/* High School only — Graham selected A, 26 October 2026. */
@font-face{font-family:"HS Dela Gothic One";src:url("high-school-dela-gothic-one-digits.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
.school-lesson-list.high-cards .school-lesson-card{column-gap:32px}
.school-lesson-list.high-cards .hs-franco-tag{width:120px;height:80px;min-height:0;padding:13px 16px 12px 19px;display:flex;flex-direction:column;gap:1px;justify-content:center;align-items:flex-start;font-size:10px;line-height:1;letter-spacing:1.4px;color:#fff}
.school-lesson-list.high-cards .hs-franco-tag::before{display:none}
.hs-franco-tag svg{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible;fill:#57486c}
.hs-franco-tag .hs-tag-number{font-family:"HS Dela Gothic One",sans-serif;font-weight:400;font-size:36px;line-height:1.18;letter-spacing:-1px}
.hs-tag-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.school-lesson-list.high-cards .school-lesson-card:is(.access-planned,.access-member:not(.is-unlocked)) .hs-franco-tag svg{fill:#dfe3e1}
.school-lesson-list.high-cards .school-lesson-card:is(.access-planned,.access-member:not(.is-unlocked)) .hs-franco-tag{color:#64706a}
.curriculum-banner.hs-franco-course-banner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 36%;gap:14px 40px;width:calc(100% - 40px);max-width:1260px;margin:8px auto 52px;padding:48px 26px 42px 60px;min-height:350px;background:none;border-radius:0;isolation:isolate;overflow:visible;align-items:center}
.hs-franco-course-banner::before{content:"";position:absolute;inset:18px 16% 12px 0;z-index:-1;background:rgb(var(--banner-rgb));border-radius:0;clip-path:polygon(0 7%,100% 0,89% 100%,2% 97%);transform:none}
.hs-franco-course-banner .curriculum-banner-mark{grid-column:1;grid-row:1;margin:0;align-self:end}
.hs-franco-course-banner .curriculum-banner-copy{grid-column:1;grid-row:2;margin:0;padding:0}
.hs-franco-course-banner h1{font-family:Newsreader,Georgia,serif;font-size:clamp(34px,3.7vw,51px);line-height:1.05;font-weight:600;max-width:750px;margin:0 0 18px;color:#fff}
.hs-franco-course-banner .curriculum-banner-copy p{font-family:Georgia,serif;font-size:18px;line-height:1.65;max-width:730px;margin:0;color:#fff}
.hs-franco-course-banner .mark-series{font-size:26px;color:#fff}
.hs-franco-course-banner .hs-course-art{grid-column:2;grid-row:1/3;position:relative;width:calc(100% + 18px);margin-left:-18px;align-self:center;isolation:isolate}
.hs-franco-course-banner .hs-course-art::before{content:"";position:absolute;inset:76% -2% -6% -4%;z-index:-1;background:#faf0de;border-radius:0;clip-path:polygon(0 23%,92% 0,100% 65%,13% 100%);transform:none}
.hs-franco-course-banner .hs-course-art img{display:block;width:100%;height:auto}
@media(max-width:900px){
 .curriculum-banner.hs-franco-course-banner{padding:52px 20px 44px 38px;gap:14px 24px;grid-template-columns:minmax(0,1fr) 35%}
 .hs-franco-course-banner h1{font-size:37px}
 .hs-franco-course-banner .curriculum-banner-copy p{font-size:17px}
}
@media(max-width:700px){
 .curriculum-banner.hs-franco-course-banner{display:block;width:calc(100% - 28px);padding:36px 26px 0;margin-bottom:42px}
 .hs-franco-course-banner::before{inset:0 0 100px;clip-path:polygon(0 4%,100% 0,91% 100%,2% 91%)}
 .hs-franco-course-banner .curriculum-banner-mark{margin-bottom:14px}
 .hs-franco-course-banner h1{font-size:35px}
 .hs-franco-course-banner .hs-course-art{width:250px;max-width:100%;margin:20px -5px 0 auto}
 .school-lesson-list.high-cards .hs-franco-tag{width:108px;height:74px;padding:12px 14px 10px 17px;font-size:9px;margin-bottom:12px}
 .hs-franco-tag .hs-tag-number{font-size:32px}
}


/* High School stage banner only — second Franco composition, 26 October 2026. */
.context-banner.high-school-franco-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 40%;align-items:center;gap:36px;width:calc(100% - 40px);max-width:1260px;min-height:350px;margin:8px auto 48px;padding:40px 26px 36px 60px;background:none;border-radius:0;overflow:visible;isolation:isolate}
.high-school-franco-stage::before{content:"";position:absolute;inset:18px 18% 12px 0;z-index:-1;background:#57486c;clip-path:polygon(0 7%,100% 0,89% 100%,2% 91%)}
.high-school-franco-stage .hs-stage-copy{position:relative;color:#fff;text-align:left}
.high-school-franco-stage h1{font-family:Newsreader,Georgia,serif;font-size:clamp(48px,6vw,72px);line-height:1.04;font-weight:600;letter-spacing:-1.2px;color:#fff;margin:0 0 22px}
.high-school-franco-stage .intro{font:400 21px/1.65 Georgia,serif;color:#fff;max-width:610px;margin:0}
.high-school-franco-stage .hs-stage-art{position:relative;width:calc(100% + 18px);margin-left:-18px;isolation:isolate}
.high-school-franco-stage .hs-stage-art::before{content:"";position:absolute;inset:76% -2% -6% -12%;z-index:-1;background:#faf0de;clip-path:polygon(0 23%,92% 0,100% 65%,13% 100%)}
.high-school-franco-stage .hs-stage-art img{display:block;width:100%;height:auto}
@media(max-width:900px){
 .context-banner.high-school-franco-stage{padding:36px 18px 32px 38px;gap:26px;grid-template-columns:minmax(0,1fr) 39%;min-height:320px}
 .high-school-franco-stage h1{font-size:52px}
 .high-school-franco-stage .intro{font-size:19px}
}
@media(max-width:700px){
 .context-banner.high-school-franco-stage{display:block;width:calc(100% - 28px);min-height:0;padding:38px 26px 0;margin:12px auto 38px}
 .high-school-franco-stage::before{inset:0 0 100px;clip-path:polygon(0 4%,100% 0,91% 100%,2% 91%)}
 .high-school-franco-stage h1{font-size:48px;margin-bottom:18px}
 .high-school-franco-stage .intro{font-size:18px;line-height:1.65}
 .high-school-franco-stage .hs-stage-art{width:250px;max-width:100%;margin:20px -5px 0 auto}
}

/* Guard plan lists: paper-circuit numeral markers, 26 October 2026. */
@media screen{
 .home-course-layout .guard-number-catalogue .lesson-list>li{grid-template-columns:92px minmax(0,1fr);gap:26px;align-items:start;padding:26px 0}
 .home-course-layout .guard-number-catalogue .guard-lesson-number{display:flex;align-items:center;justify-content:center;width:92px;min-height:58px;padding:4px 8px;margin:0;font:500 32px/1 Newsreader,Georgia,serif;color:#fff;font-variant-numeric:lining-nums tabular-nums;letter-spacing:0;text-transform:none;align-self:start;text-align:center}
 .guard-number-catalogue .guard-lesson-number::before{background:linear-gradient(90deg,#133E5B 0%,#201624 100%)}
 .guard-number-catalogue .guard-lesson-number::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.2;background:url("guard-paper-circuit-field-v1.png") center/cover no-repeat;transform:rotate(-3deg);mask:var(--trapezoid-mask,url("banner-trapezoid.svg")) center/100% 100% no-repeat;-webkit-mask:var(--trapezoid-mask,url("banner-trapezoid.svg")) center/100% 100% no-repeat}
 .guard-number-catalogue .lesson-list>li:nth-child(3n+2) .guard-lesson-number::after{background-position:20% center}
 .guard-number-catalogue .lesson-list>li:nth-child(3n) .guard-lesson-number::after{background-position:80% center}
 .home-course-layout .guard-number-catalogue .home-lesson-copy{align-self:start}
 .home-course-layout .guard-number-catalogue .lesson-list>li:is(.access-planned,.access-member:not(.is-unlocked)) .guard-lesson-number{color:#33423A}
 .guard-number-catalogue .lesson-list>li:is(.access-planned,.access-member:not(.is-unlocked)) .guard-lesson-number::after{display:none}
}
@media screen and (max-width:500px){
 .home-course-layout .guard-number-catalogue .lesson-list>li{grid-template-columns:64px minmax(0,1fr);gap:16px;padding:24px 0}
 .home-course-layout .guard-number-catalogue .guard-lesson-number{width:64px;min-height:48px;font-size:28px}
}
@media print{
 .home-course-layout .guard-number-catalogue .lesson-list>li{grid-template-columns:32px minmax(0,1fr);gap:14px}
 .home-course-layout .guard-number-catalogue .guard-lesson-number{display:block;width:auto;min-height:0;padding:0;color:#133E5B;font:400 20px/1.2 Georgia,serif;text-align:left}
 .guard-number-catalogue .guard-lesson-number::before,.guard-number-catalogue .guard-lesson-number::after{display:none}
}

/* BEGIN JP MARGARET CATALOGUE TRIAL */
/* Junior Primary only: private Margaret interface proposals, 26 October 2026. */
.context-banner.jp-margaret-stage,.curriculum-banner.jp-margaret-course{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 27%;align-items:center;gap:30px;max-width:1260px;width:calc(100% - 40px);min-height:330px;margin:14px auto 48px;padding:56px 42px 54px 64px;border:0;border-radius:0;background:none;overflow:visible}
.jp-margaret-stage::before,.jp-margaret-course::before{content:"";position:absolute;inset:6px 5% 8px 0;z-index:-1;background:var(--jp-panel);mask:var(--jp-mask) center/100% 100% no-repeat;-webkit-mask:var(--jp-mask) center/100% 100% no-repeat;transform:none;border-radius:0}
.jp-margaret-stage::after,.jp-margaret-course::after{content:"";position:absolute;left:42px;right:33%;bottom:25px;height:3px;z-index:-1;background:var(--jp-edge);border-radius:50% 30% 45% 60%;transform:rotate(.6deg);opacity:.75}
.jp-margaret-stage .jp-stage-copy{min-width:0;position:relative;padding:0;text-align:left}
.jp-margaret-stage h1{font:600 clamp(48px,5.8vw,72px)/1.05 Newsreader,Georgia,serif;letter-spacing:-1.1px;color:var(--jp-title);margin:0 0 24px}
.jp-margaret-stage .intro{font:300 20px/1.75 Merriweather,Georgia,serif;color:var(--jp-copy);max-width:690px;margin:0}
.jp-margaret-art{position:relative;align-self:end;min-width:0;max-width:300px;width:calc(100% + 25px);margin:0 -8px -40px -17px;pointer-events:none}
.jp-margaret-art::before{content:"";position:absolute;inset:86% -2% 0 -5%;border-radius:41% 57% 36% 46%;background:var(--jp-ground);z-index:-1;transform:rotate(-2deg)}
.jp-margaret-art img{display:block;width:100%;height:auto;max-width:none;object-fit:contain}
.curriculum-banner.jp-margaret-course{grid-template-columns:minmax(0,1fr) 22%;gap:12px 40px;padding:50px 42px 50px 64px;min-height:300px;margin-bottom:36px}
.jp-margaret-course .curriculum-banner-mark{grid-column:1;grid-row:1;align-self:end;margin:0;padding:0}
.curriculum-banner.jp-margaret-course .curriculum-banner-mark .mark-series{font:500 25px/1.2 Caveat,cursive;color:var(--jp-copy)}
.jp-margaret-course .curriculum-banner-copy{grid-column:1;grid-row:2;min-width:0;padding:0;margin:0}
.jp-margaret-course .curriculum-banner-copy h1{font:600 clamp(36px,3.6vw,49px)/1.1 Newsreader,Georgia,serif;letter-spacing:-.7px;color:var(--jp-title);margin:0 0 18px;max-width:none}
.jp-margaret-course .curriculum-banner-copy p{font:300 18px/1.75 Merriweather,Georgia,serif;color:var(--jp-copy);margin:0;max-width:none}
.jp-margaret-course .jp-margaret-art{grid-column:2;grid-row:1/3;max-width:240px;margin-bottom:-33px}
.school-lesson-list .jp-margaret-tag{position:relative;isolation:isolate;width:120px;height:88px;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:11px 12px 7px;color:var(--jp-tag-ink);font:500 10px/1.2 Montserrat,sans-serif;letter-spacing:1.4px}
.school-lesson-list .jp-margaret-tag::before{display:none}
.jp-margaret-tag svg{position:absolute;inset:0;width:100%;height:100%;z-index:-1;overflow:visible;fill:var(--jp-tag-fill)}
.jp-margaret-tag .jp-tag-number{font:600 43px/1.08 Newsreader,Georgia,serif;letter-spacing:-1px;color:inherit;text-transform:none}
.jp-tag-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.school-lesson-list .school-lesson-card:is(.access-planned,.access-member:not(.is-unlocked)) .jp-margaret-tag{--jp-tag-fill:#E3E6E3;--jp-tag-ink:#56615B}
@media(max-width:1000px) and (min-width:701px){
 .context-banner.jp-margaret-stage,.curriculum-banner.jp-margaret-course{padding:46px 34px 48px 44px;gap:24px;grid-template-columns:minmax(0,1fr) 25%}
 .jp-margaret-stage h1{font-size:56px}.jp-margaret-stage .intro{font-size:18px}
 .jp-margaret-course .curriculum-banner-copy h1{font-size:39px}.jp-margaret-course .curriculum-banner-copy p{font-size:17px}
}
@media(max-width:700px){
 .context-banner.jp-margaret-stage,.curriculum-banner.jp-margaret-course{display:block;width:calc(100% - 24px);min-height:0;margin:12px auto 35px;padding:38px 29px 15px}
 .jp-margaret-stage::before,.jp-margaret-course::before{inset:0 0 58px;mask-size:100% 100%;-webkit-mask-size:100% 100%}
 .jp-margaret-stage::after,.jp-margaret-course::after{left:24px;right:40%;bottom:80px}
 .jp-margaret-stage h1{font-size:46px;line-height:1.06;margin-bottom:20px}
 .jp-margaret-stage .intro{font-size:17px;line-height:1.75}
 .jp-margaret-stage .jp-margaret-art,.jp-margaret-course .jp-margaret-art{width:160px;max-width:60%;margin:12px -8px -10px auto}
 .jp-margaret-course .curriculum-banner-mark{margin-bottom:14px}.jp-margaret-course .mark-series{font-size:23px}
 .jp-margaret-course .curriculum-banner-copy h1{font-size:34px;line-height:1.12;margin-bottom:18px}
 .jp-margaret-course .curriculum-banner-copy p{font-size:16px;line-height:1.75}
 .school-lesson-list .jp-margaret-tag{width:108px;height:79px;padding:10px 11px 6px;font-size:9px;margin-bottom:8px}
 .jp-margaret-tag .jp-tag-number{font-size:39px}
}

:is(.jp-margaret-stage,.jp-margaret-course){--jp-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%20360%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M34%2018%20C130%206%20241%208%20361%2014%20L933%205%20Q982%208%20989%2048%20L978%20315%20Q978%20352%20936%20355%20L72%20346%20Q19%20352%2012%20315%20L3%2063%20Q2%2029%2034%2018%20Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E")}

.jp-catalogue-a{--jp-panel:rgb(var(--banner-rgb));--jp-title:#fff;--jp-copy:#fff;--jp-edge:#ECE0CE;--jp-ground:#ECE0CE;--jp-tag-fill:var(--card-accent);--jp-tag-ink:#fff}.jp-margaret-stage.jp-catalogue-a{--banner-rgb:66,94,103}

/* END JP MARGARET CATALOGUE TRIAL */

/* Junior Primary course-specific banner subjects and silhouettes — 26 October 2026.
   Explicit catalogueBanner registrations only; stage/gateway and other sections retain their treatment. */
.curriculum-banner.jp-course-distinct{grid-template-columns:minmax(0,1fr) minmax(250px,30%);gap:12px 42px;min-height:320px;padding:58px 42px 50px 64px}
.jp-course-distinct::before,.jp-course-distinct::after,.jp-course-distinct .jp-course-subject::before{display:none}
.jp-course-distinct .jp-course-shape{position:absolute;inset:0;width:100%;height:100%;fill:var(--jp-panel);z-index:-1;pointer-events:none;overflow:visible}
.jp-course-distinct .jp-course-shape-phone{display:none}
.jp-course-distinct .jp-course-subject{align-self:center;width:100%;max-width:330px;aspect-ratio:3/2;margin:0 -5px 0 0}
.jp-course-distinct .jp-course-subject img{width:100%;height:100%;object-fit:contain}
@media(max-width:1000px) and (min-width:701px){
 .curriculum-banner.jp-course-distinct{grid-template-columns:minmax(0,1fr) 31%;gap:12px 24px;padding:52px 30px 46px 44px}
}
@media(max-width:700px){
 .curriculum-banner.jp-course-distinct{display:block;padding:40px 29px 32px}
 .jp-course-distinct .jp-course-shape-wide{display:none}
 .jp-course-distinct .jp-course-shape-phone{display:block}
 .jp-course-distinct .jp-course-subject{width:200px;max-width:100%;margin:24px auto 0}
}

/* Junior Primary illustrated rounded course frames — requested 26 October 2026.
   Background and foreground are separate: only the scene plate is clipped. */
.curriculum-banner.jp-course-distinct.jp-course-illustrated{--jp-title:#03363D;--jp-copy:#353A35;grid-template-columns:minmax(0,1fr) minmax(270px,30%);gap:12px 34px;padding:50px 42px 58px 56px;min-height:330px;margin-bottom:76px}
.jp-course-illustrated .jp-course-backdrop{position:absolute;inset:0 58px 24px 0;z-index:-1;overflow:hidden;border-radius:24px;background:#F5EFE1;border:1px solid rgba(var(--banner-rgb),.18);pointer-events:none}
.jp-course-illustrated .jp-course-backdrop img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.jp-course-illustrated .jp-course-backdrop::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#F5EFE1 0%,rgba(245,239,225,.96) 42%,rgba(245,239,225,.72) 58%,rgba(245,239,225,0) 79%)}
.jp-course-illustrated .curriculum-banner-mark,.jp-course-illustrated .curriculum-banner-copy{position:relative;z-index:1}
.jp-course-illustrated .curriculum-banner-copy{padding-right:5px}
.jp-course-illustrated .jp-course-subject{position:relative;z-index:2;align-self:end;width:calc(100% + 42px);max-width:380px;aspect-ratio:3/2;margin:0 -42px -58px 0}
.jp-course-illustrated .jp-course-subject img{object-position:center bottom}
@media(max-width:1000px) and (min-width:701px){
 .curriculum-banner.jp-course-distinct.jp-course-illustrated{grid-template-columns:minmax(0,1fr) 30%;gap:12px 25px;padding:42px 35px 52px 38px;min-height:330px;margin-bottom:64px}
 .jp-course-illustrated .jp-course-backdrop{right:35px;bottom:20px}
 .jp-course-illustrated .jp-course-subject{width:calc(100% + 30px);max-width:330px;margin:0 -30px -52px 0}
}
@media(max-width:700px){
 .curriculum-banner.jp-course-distinct.jp-course-illustrated{display:block;padding:34px 26px 0;min-height:0;margin-bottom:38px}
 .jp-course-illustrated .jp-course-backdrop{inset:0 14px 58px 0;border-radius:20px}
 .jp-course-illustrated .jp-course-backdrop img{object-position:70% bottom}
 .jp-course-illustrated .jp-course-backdrop::after{background:linear-gradient(180deg,#F5EFE1 0%,rgba(245,239,225,.96) 55%,rgba(245,239,225,.65) 78%,rgba(245,239,225,.12) 100%)}
 .jp-course-illustrated .curriculum-banner-copy{padding-right:0}
 .jp-course-illustrated .jp-course-subject{width:270px;max-width:calc(100% + 18px);margin:20px -18px 0 auto}
}

/* Junior Primary stage — illustrated rounded frame, requested 26 October 2026.
   The separate teaching group overlaps the frame without clipping the foreground. */
.context-banner.jp-stage-illustrated{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,36%);align-items:center;gap:34px;max-width:1260px;width:calc(100% - 40px);min-height:320px;margin:14px auto 76px;padding:56px 48px 60px 56px;border:0;border-radius:0;background:none;overflow:visible;text-align:left}
.jp-stage-illustrated::before,.jp-stage-illustrated::after{display:none}
.jp-stage-illustrated .jp-stage-scene{position:absolute;inset:0 58px 24px 0;z-index:-1;overflow:hidden;border-radius:24px;background:#F5EFE1;border:1px solid #425E672E;pointer-events:none}
.jp-stage-illustrated .jp-stage-scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.jp-stage-illustrated .jp-stage-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#F5EFE1 0%,rgba(245,239,225,.96) 42%,rgba(245,239,225,.72) 58%,rgba(245,239,225,0) 79%)}
.jp-stage-illustrated .jp-stage-copy{position:relative;z-index:1;min-width:0;max-width:690px;padding:0}
.jp-stage-illustrated h1{font:600 clamp(48px,5.2vw,70px)/1.05 Newsreader,Georgia,serif;letter-spacing:-1px;color:#03363D;margin:0 0 24px}
.jp-stage-illustrated .intro{font:300 20px/1.75 Merriweather,Georgia,serif;color:#353A35;max-width:650px;margin:0}
.jp-stage-illustrated .jp-stage-group{position:relative;z-index:2;align-self:end;min-width:0;width:calc(100% + 48px);max-width:440px;aspect-ratio:3/2;margin:0 -48px -60px 0;pointer-events:none}
.jp-stage-illustrated .jp-stage-group img{display:block;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center bottom}
@media(max-width:1000px) and (min-width:701px){
 .context-banner.jp-stage-illustrated{grid-template-columns:minmax(0,1fr) 36%;gap:24px;padding:44px 35px 52px 38px;min-height:310px;margin-bottom:64px}
 .jp-stage-illustrated h1{font-size:56px}.jp-stage-illustrated .intro{font-size:18px}
 .jp-stage-illustrated .jp-stage-scene{right:35px;bottom:20px}
 .jp-stage-illustrated .jp-stage-group{width:calc(100% + 30px);margin:0 -30px -52px 0}
}
@media(max-width:700px){
 .context-banner.jp-stage-illustrated{display:block;width:calc(100% - 24px);min-height:0;margin:12px auto 38px;padding:34px 26px 0}
 .jp-stage-illustrated .jp-stage-scene{inset:0 14px 58px 0;border-radius:20px}
 .jp-stage-illustrated .jp-stage-scene img{object-position:70% bottom}
 .jp-stage-illustrated .jp-stage-scene::after{background:linear-gradient(180deg,#F5EFE1 0%,rgba(245,239,225,.96) 55%,rgba(245,239,225,.65) 78%,rgba(245,239,225,.12) 100%)}
 .jp-stage-illustrated h1{font-size:46px;line-height:1.06;margin-bottom:20px}
 .jp-stage-illustrated .intro{font-size:17px;line-height:1.75}
 .jp-stage-illustrated .jp-stage-group{width:290px;max-width:calc(100% + 18px);margin:22px -18px 0 auto}
}

/* Junior Primary lower foreground — accepted and extended to courses, 26 October 2026. */
.context-banner.jp-stage-illustrated{--jp-stage-art-offset:50px}
.jp-stage-illustrated .jp-stage-group{transform:translateY(var(--jp-stage-art-offset,0px))}
@media(max-width:700px){.context-banner.jp-stage-illustrated{margin-bottom:calc(38px + var(--jp-stage-art-offset,0px))}}
.curriculum-banner.jp-course-distinct.jp-course-illustrated{--jp-course-art-offset:50px}
.jp-course-illustrated .jp-course-subject{transform:translateY(var(--jp-course-art-offset,0px))}
@media(max-width:700px){.curriculum-banner.jp-course-distinct.jp-course-illustrated{margin-bottom:calc(38px + var(--jp-course-art-offset,0px))}}

/* Senior Primary only — Natalie open pages selected by Graham, 26 October 2026. */
.sp-natalie-stage{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:center;gap:30px;max-width:1320px;width:calc(100% - 56px);min-height:0;margin:12px auto 40px;padding:52px 58px 54px;background:transparent;border-radius:0;overflow:visible}
.sp-natalie-stage::before{content:"";position:absolute;inset:0;z-index:-1;background:transparent;border:40px solid transparent;border-image-source:url("senior-primary-natalie-course-paper-v1.png?v=5262a71092d6");border-image-slice:160 180 110 180 fill;border-image-width:40px;border-radius:0;transform:none;clip-path:none;mask:none;filter:grayscale(1) brightness(2.35) contrast(.3) brightness(1.32) sepia(.18)}
.sp-natalie-stage::after{content:none;display:none}
.sp-natalie-stage .sp-stage-copy{position:relative;max-width:790px;padding:0}
.sp-natalie-stage h1{font-family:Newsreader,Georgia,serif;font-size:clamp(50px,5.6vw,74px);line-height:1.04;font-weight:600;letter-spacing:-1px;color:#03363d;margin:0 0 24px}
.sp-natalie-stage .intro{font:300 21px/1.68 Merriweather,Georgia,serif;color:#03363d;max-width:790px;margin:0}
.sp-natalie-stage .sp-stage-art{position:relative;grid-column:2;align-self:end;margin:-15px -28px -62px -18px}
.sp-natalie-stage .sp-stage-art img{display:block;width:100%;height:320px;object-fit:contain;object-position:center bottom}
.sp-natalie-course{isolation:isolate;position:relative;display:grid;grid-template-columns:minmax(0,1fr) 300px;column-gap:30px;width:calc(100% - 56px);max-width:1320px;margin:12px auto 40px;padding:52px 58px 54px;background:transparent!important;border-radius:0;overflow:visible}
.sp-natalie-course::before{content:"";position:absolute;inset:0;z-index:-1;background:transparent;border:40px solid transparent;border-image-source:url("senior-primary-natalie-course-paper-v1.png?v=5262a71092d6");border-image-slice:160 180 110 180 fill;border-image-width:40px;border-radius:0;transform:none;clip-path:none;mask:none;filter:brightness(.76)}
.sp-natalie-course .curriculum-banner-mark{grid-column:1;margin:0 0 18px;align-self:end}
.sp-natalie-course .curriculum-banner-copy{grid-column:1;max-width:900px}
.sp-natalie-course .curriculum-banner-copy h1{font-size:clamp(40px,4.3vw,58px);line-height:1.08;font-weight:600;margin:0 0 20px;color:white}
.sp-natalie-course .curriculum-banner-copy p{font:300 18px/1.7 Merriweather,Georgia,serif;margin:0;color:white;max-width:790px}
.sp-natalie-course .mark-series{color:white}
.sp-natalie-course .sp-course-art{grid-column:2;grid-row:1/3;align-self:end;margin:-15px -28px -62px -18px}
.sp-natalie-course .sp-course-art img{width:100%;height:280px;object-fit:contain;object-position:center bottom;display:block}
.school-lesson-list.senior-cards .sp-natalie-badge{width:120px;height:80px;padding:16px 12px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:transparent;color:white;letter-spacing:1.4px;line-height:1;font:500 10px/1 Montserrat,sans-serif;text-align:center;isolation:isolate}
.school-lesson-list.senior-cards .sp-natalie-badge::before{display:block;inset:-9px 3px;transform:none;border-radius:0;background-color:transparent;background-image:url("senior-primary-natalie-lesson-label-v1.png?v=6440f6c81e44");background-repeat:no-repeat;background-size:100% 100%;z-index:-1;clip-path:none;mask:none}
.sp-natalie-badge .sp-badge-number{font-family:Newsreader,Georgia,serif;font-weight:600;font-size:32px;line-height:1;letter-spacing:-.5px}
.sp-badge-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.school-lesson-list.senior-cards .school-lesson-card:is(.access-planned,.access-member:not(.is-unlocked)) .sp-natalie-badge{color:#56615b}
.school-lesson-list.senior-cards .school-lesson-card:is(.access-planned,.access-member:not(.is-unlocked)) .sp-natalie-badge::before{background:transparent url("senior-primary-natalie-lesson-label-v1.png?v=6440f6c81e44") no-repeat 0 0/100% 100%;filter:grayscale(1) brightness(0) invert(.9);opacity:1}
.school-stage-option-senior.sp-natalie-gateway .school-stage-option-art{position:relative;isolation:isolate}
.school-stage-option-senior.sp-natalie-gateway .school-stage-option-art img{height:100%;max-width:100%;width:100%;object-fit:contain;object-position:center bottom}
@media(max-width:1000px){
 .sp-natalie-stage{grid-template-columns:minmax(0,1fr) 230px;padding:40px 36px 42px;gap:20px}.sp-natalie-stage h1{font-size:58px}.sp-natalie-stage .intro{font-size:19px}.sp-natalie-stage .sp-stage-art img{height:280px}
 .sp-natalie-course{grid-template-columns:minmax(0,1fr) 220px;padding:40px 36px 42px;gap:20px}.sp-natalie-course .sp-course-art img{height:250px}.sp-natalie-course .curriculum-banner-copy h1{font-size:45px}
}
@media(max-width:700px){
 .sp-natalie-stage{display:block;width:calc(100% - 28px);margin:12px auto 34px;padding:32px 25px 0}.sp-natalie-stage::before{bottom:55px}.sp-natalie-stage h1{font-size:49px;margin-bottom:18px}.sp-natalie-stage .intro{font-size:18px;line-height:1.65}.sp-natalie-stage .sp-stage-copy{padding:0}.sp-natalie-stage .sp-stage-art{grid-column:auto;margin:14px 0 0 auto;width:250px;max-width:100%}.sp-natalie-stage .sp-stage-art img{height:250px}
 .sp-natalie-course{display:block;width:calc(100% - 28px);margin:12px auto 34px;padding:32px 25px 0}.sp-natalie-course::before{bottom:55px}.sp-natalie-course .curriculum-banner-mark{margin-bottom:15px}.sp-natalie-course .curriculum-banner-copy h1{font-size:40px;line-height:1.1}.sp-natalie-course .curriculum-banner-copy p{font-size:16px;line-height:1.65}.sp-natalie-course .sp-course-art{margin:10px 0 0 auto;width:225px;max-width:100%}.sp-natalie-course .sp-course-art img{height:215px}
 .school-lesson-list.senior-cards .sp-natalie-badge{width:104px;height:74px;padding:16px 10px 8px;font-size:10px;margin-bottom:14px}.sp-natalie-badge .sp-badge-number{font-size:30px}
}

/* Senior Primary course colour variations selected by Graham, 26 October 2026.
   The variable is scoped to the individual course banner/list. Inactive badges
   retain the existing neutral silhouette. Only the paper is filtered. */
.sp-natalie-course::before{filter:var(--sp-course-variation,brightness(.76))}
.school-lesson-list.senior-cards .school-lesson-card:not(.access-planned):not(.access-member:not(.is-unlocked)) .sp-natalie-badge::before{filter:var(--sp-course-variation,none)}