/* Faithful layout layer for the approved desktop/mobile raster concepts. */
:root{--concept-paper:#fffaf1;--concept-card:#f1e5d4;--concept-gold:#bd8740;--concept-ink:#071c37}
.section{background:var(--concept-paper);padding:54px 0 42px;color:var(--concept-ink)}
.section::before{background:radial-gradient(ellipse at 50% 45%,#fffdf8 12%,transparent 76%);opacity:.85}
.section .container{width:min(100% - 80px,1480px)}
.section-heading{max-width:1380px;margin:0 auto 30px}
.section h2{font-size:clamp(43px,4.65vw,74px);font-weight:800;line-height:.98;letter-spacing:-.053em;color:var(--concept-ink)}
.section h3{color:var(--concept-ink);letter-spacing:-.035em}
.section p{color:#173051}
.section-heading>p{margin:15px auto 0;max-width:1130px;font-size:clamp(20px,1.72vw,28px);line-height:1.28}
.section-kicker{color:#173051}
.cta{min-width:490px;min-height:75px;margin:24px auto 0;padding:14px 33px;border:3px solid #d9ab65;background:linear-gradient(125deg,#79304a,#5a1834 82%);font-size:clamp(22px,1.75vw,29px);box-shadow:0 10px 18px #65451c35}
.section-conclusion{max-width:1310px;margin:27px auto 17px;font-size:clamp(19px,1.4vw,24px);line-height:1.32!important}
/* 02 — Six topic cards; artwork comes from the original concept sprite. */
.directions .section-heading{margin-bottom:27px}
.directions .section-heading h2{font-size:clamp(43px,4.25vw,68px);text-transform:none;line-height:.99}
.topic-grid{gap:12px}
.topic-card{min-height:250px;align-items:center;gap:8px;padding:12px 19px 12px 4px;border-radius:17px;background:linear-gradient(135deg,#f2e8da,#eee0ca)}
.topic-card__icon{display:block;flex:0 0 42%;width:42%;height:220px;background-repeat:no-repeat;background-position:center;background-size:contain}.topic-card__icon--1{background-image:url('assets/topic-1.avif')}.topic-card__icon--2{background-image:url('assets/topic-2.avif')}.topic-card__icon--3{background-image:url('assets/topic-3.avif')}.topic-card__icon--4{background-image:url('assets/topic-4.avif')}.topic-card__icon--5{background-image:url('assets/topic-5.avif')}.topic-card__icon--6{background-image:url('assets/topic-6.avif')}
.topic-card>div{min-width:0}
.topic-card h3{font-size:clamp(20px,1.6vw,26px);line-height:1.05;margin:0 0 10px}
.topic-card p{font-size:clamp(17px,1.25vw,21px);line-height:1.35}
.directions .section-conclusion{font-size:clamp(19px,1.39vw,24px);margin-top:30px}
/* 03 — Editorial audience rows with original thematic art. */
.audience{padding-top:78px}
.audience .section-heading{margin-bottom:28px}
.audience-grid{max-width:1450px;column-gap:50px;grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}
.audience-item{gap:20px;min-height:195px;align-items:center;padding:9px 8px 17px 0;border-color:#d9b786}
.audience-item__icon{display:block;flex:0 0 185px;width:185px;height:165px;background-position:center;background-size:contain;background-repeat:no-repeat}
.audience-item__icon--1{background-image:url('assets/audience-1.avif')}.audience-item__icon--2{background-image:url('assets/audience-2.avif')}.audience-item__icon--3{background-image:url('assets/audience-3.avif')}.audience-item__icon--4{background-image:url('assets/audience-4.avif')}.audience-item__icon--5{background-image:url('assets/audience-5.avif')}.audience-item__icon--6{background-image:url('assets/audience-6.avif')}
.audience-item p{font-size:clamp(19px,1.44vw,24px);line-height:1.27}
.audience-item strong,.outcome-item strong{display:block;font-weight:800;line-height:1.14}
.audience-item p span,.outcome-item p span{display:block;margin-top:9px}
.audience .cta{margin-top:30px}
/* 04 — One chart with four balanced insight cards. */
.insights{padding-top:62px}
.insights .section-heading{max-width:1120px;margin-bottom:27px}
.insights .section-heading h2{line-height:.98}
.insights .section-heading::after,.outcomes .section-heading::after{content:'✦';display:block;width:280px;margin:12px auto 0;border-top:1px solid var(--concept-gold);color:var(--concept-gold);line-height:0;text-align:center;font-size:35px}
.insights-layout{grid-template-columns:minmax(0,1fr) minmax(440px,1.12fr) minmax(0,1fr);gap:14px}
.insights-side{gap:16px}
.insight-card{min-height:220px;align-items:center;gap:9px;padding:15px 18px 15px 9px;border-radius:17px;background:linear-gradient(135deg,#f2e8da,#eee1d0)}
.insight-card__icon{flex:0 0 36%;height:150px;background-position:center;background-repeat:no-repeat;background-size:contain}
.insight-card__icon--1{background-image:url('assets/insight-1.avif')}.insight-card__icon--2{background-image:url('assets/insight-2.avif')}.insight-card__icon--3{background-image:url('assets/insight-3.avif')}.insight-card__icon--4{background-image:url('assets/insight-4.avif')}
.insight-card h3{font-size:clamp(19px,1.45vw,25px);line-height:1.1;margin-bottom:13px}
.insight-card p{font-size:clamp(16px,1.2vw,21px);line-height:1.29}
.natal-art{max-width:530px;filter:none}
.insights .section-conclusion{max-width:1050px;margin-top:14px}
/* 05 — Numbered result rows and the wide conclusion panel. */
.outcomes .section-heading{margin-bottom:28px}
.outcomes-subtitle{margin:9px auto 0!important;font-size:clamp(20px,1.75vw,29px)!important;letter-spacing:.22em;text-transform:uppercase}
.outcome-grid{max-width:1450px;column-gap:48px;row-gap:0;grid-auto-flow:column;grid-template-rows:repeat(4,1fr)}
.outcome-item{gap:18px;min-height:126px;align-items:flex-start;padding:12px 0;border:0}
.outcome-item b{position:relative;display:grid;place-items:center;flex:0 0 78px;width:78px;height:78px;border:1.4px solid #bb873e;border-radius:50%;font:400 39px/1 Georgia,serif;color:#a7742d}
.outcome-item b::before,.outcome-item b::after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:#a7742d;left:50%;transform:translateX(-50%)}.outcome-item b::before{top:-3px}.outcome-item b::after{bottom:-3px}
.outcome-item p{min-width:0;margin:0;padding-left:25px;border-left:1px solid #bd8d50;font-size:clamp(18px,1.34vw,23px);line-height:1.26}
.outcome-item p span{margin-top:4px}
.section-conclusion--boxed{max-width:1430px;margin-top:16px;margin-bottom:12px;padding:28px 50px 28px 180px;border-radius:18px;background:linear-gradient(110deg,#f2e6d6,#eee0cd);text-align:left;font-size:clamp(19px,1.47vw,25px)}
.section-conclusion--boxed::before{content:'✧';float:left;margin-left:-130px;color:#aa7b3f;font:80px/.8 Georgia,serif}
/* 06 — Program accordion: approved card geometry and illustrated lesson signs. */
.program .section-heading{margin-bottom:24px}
.program .section-heading::before,.format .section-heading::before{content:'Практический курс по западной астрологии';display:block;margin-bottom:15px;color:#193a65;text-transform:uppercase;font-size:16px;letter-spacing:.16em;font-weight:700}
.lesson-grid{gap:12px 16px;grid-auto-flow:row;grid-template-rows:none;align-items:start}
.lesson{border:1px solid #ead8bf;border-radius:17px;background:linear-gradient(135deg,#f3e9db,#f1e5d5);box-shadow:none}
.lesson summary{min-height:126px;gap:19px;padding:12px 22px 12px 13px}
.lesson__icon{display:block;flex:0 0 145px;height:112px;border-right:1px solid #bb8741;background-size:100px auto;background-repeat:no-repeat;background-position:center left}
.lesson__icon--1{background-image:url('assets/lesson-1.avif')}.lesson__icon--2{background-image:url('assets/lesson-2.png')}.lesson__icon--3{background-image:url('assets/lesson-3.png')}.lesson__icon--4{background-image:url('assets/lesson-4.png')}.lesson__icon--5{background-image:url('assets/lesson-5.png')}.lesson__icon--6{background-image:url('assets/lesson-6.png')}.lesson__icon--7{background-image:url('assets/lesson-7.png')}.lesson__icon--8{background-image:url('assets/lesson-8.png')}
.lesson__title{font-size:clamp(19px,1.52vw,25px);line-height:1.1}
.lesson__toggle,.faq-item summary span{border:0;border-radius:0}
.lesson__toggle::before,.lesson__toggle::after,.faq-item summary span::before,.faq-item summary span::after{width:21px;height:2px}
.lesson__body{padding:0 24px 22px 177px;font-size:clamp(17px,1.15vw,20px)}
.lesson__body li{margin-bottom:4px;line-height:1.32}.lesson__body li::marker{color:#af7b37}
.lesson__body p{margin-top:17px;padding:12px 0 0;border-top:1px solid #c79e66;border-radius:0;background:none;line-height:1.35}
/* 07 — Study still life and six equal instruction cards. */
.format .section-heading{margin-bottom:25px}
.format-layout{grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:10px}
.study-art{max-width:705px}
.format-grid{gap:14px}
.format-card{min-height:145px;align-items:center;gap:16px;padding:12px 17px;border:1px solid #ead8bf;border-radius:16px;background:linear-gradient(135deg,#f4ebdf,#f2e7d8)}
.format-card__icon{display:block;flex:0 0 120px;height:100px;border-right:1px solid #c79c63;background-repeat:no-repeat;background-size:95px auto;background-position:center left}
.format-card__icon--1{background-image:url('assets/format-1.png')}.format-card__icon--2{background-image:url('assets/format-2.png')}.format-card__icon--3{background-image:url('assets/format-3.png')}.format-card__icon--4{background-image:url('assets/format-4.png')}.format-card__icon--5{background-image:url('assets/format-5.png')}.format-card__icon--6{background-image:url('assets/format-6.png')}
.format-card p{font-size:clamp(18px,1.28vw,23px);font-weight:500;line-height:1.28}
.format .cta{margin-top:0}
/* 08 — The supplied speaker photo, with a mockup-like open composition. */
.expert{padding:0}
.expert-layout{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:4%;min-height:900px}
.expert-portrait{width:100%;max-width:560px}
.expert-portrait::before,.expert-portrait span{display:none}
.expert-portrait img{max-height:885px;height:885px;object-fit:cover;object-position:center top;border-radius:0;mask-image:linear-gradient(to bottom,#000 80%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 80%,transparent 100%)}
.expert-copy h2{font-size:clamp(48px,4.9vw,77px)}
.expert-copy h3{color:var(--concept-ink);font-size:clamp(40px,3.6vw,57px);margin:20px 0 11px}
.expert-lead{font-size:clamp(22px,1.72vw,29px);font-weight:400;line-height:1.35}
.expert-facts{gap:16px 23px;margin-top:33px}
.expert-facts div{align-items:center;min-height:95px;gap:20px;padding:0;border-radius:0;background:none}
.expert-facts__icon{display:block;flex:0 0 94px;height:78px;border-right:1px solid #bf9155;background:url('assets/format-3.png') center left/65px auto no-repeat}
.expert-facts p{font-size:clamp(17px,1.24vw,22px);line-height:1.28}
/* 09 — Keep accepted full visible tariff cards and one CTA per card. */
.packages{padding-top:55px;padding-bottom:55px}.packages .section-heading{margin-bottom:28px}
/* 10 — Six thin-stroke FAQ cards, first answer open. */
.faq{padding-top:115px;padding-bottom:105px}
.faq .section-heading{margin-bottom:55px}
.faq-grid{gap:19px 22px}
.faq-item{border:1.3px solid #bd8d4b;border-radius:13px;background:linear-gradient(135deg,#fffaf2,#f8f0e3)}
.faq-item summary{align-items:flex-start;min-height:130px;gap:20px;padding:25px 31px;font-size:clamp(22px,1.65vw,28px)}
.faq-item__number{flex:0 0 37px;color:#ac762f;font:400 32px/1 Georgia,serif}
.faq-item summary strong{flex:1;line-height:1.14}
.faq-item p{margin:0 28px 25px 94px;padding:20px 0 0;border-top:1px solid #c89d63;font-size:clamp(19px,1.37vw,23px);line-height:1.35}
/* 11 — Closing composition and warm, compact footer. */
.final{padding-top:60px;padding-bottom:50px}
.final-layout{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:0}
.final-copy{position:relative;z-index:1}
.final-copy .section-kicker{font-size:13px;letter-spacing:.24em;margin-bottom:35px}
.final h2{font-size:clamp(47px,4.75vw,75px);line-height:.98}
.final-copy p{max-width:700px;margin:24px 0;font-size:clamp(22px,1.76vw,29px);line-height:1.31}
.final .cta{min-width:510px;margin-top:36px}
.final img{width:110%;max-width:none;margin-left:-5%;filter:none}
.site-footer{padding:29px 0;background:linear-gradient(120deg,#f5ebdc,#eedfca);border-top:1px solid #c49b61;color:#10223c}
.footer-grid{display:grid;grid-template-columns:1.15fr 1fr 1.15fr 1fr;gap:22px;align-items:center}
.footer-brand img{width:260px;filter:none}.footer-brand span{margin-top:4px;font-size:15px;opacity:1}
.footer-contacts,.footer-legal{padding-left:34px;border-left:1px solid #c49b61;gap:7px}
.site-footer a{color:#10223c;font-size:16px}.footer-copy{grid-column:auto;margin:0;padding:0 0 0 30px;border:0;border-left:1px solid #c49b61;color:#10223c;font-size:15px}
@media(max-width:1023px){
 .section{padding:35px 0 32px}.section .container{width:min(100% - 28px,620px)}
 .section-heading{margin-bottom:22px}.section h2{font-size:clamp(31px,8.2vw,45px);line-height:1.02;letter-spacing:-.05em}
 .section-heading>p{font-size:15px;line-height:1.32;margin-top:10px}
 .section-conclusion{font-size:16px;margin:22px auto 14px}
 .cta{min-width:min(100%,310px);min-height:58px;margin-top:18px;padding:10px 20px;font-size:19px;border-width:2px}
 .directions .section-heading h2{font-size:clamp(29px,7.8vw,39px)}
 .topic-grid{gap:7px}.topic-card{min-height:103px;gap:5px;padding:7px 10px 7px 2px;border-radius:12px}.topic-card__icon{flex:0 0 31%;width:31%;height:98px}.topic-card h3{font-size:15px;line-height:1.04;margin:0 0 5px}.topic-card p{font-size:13.5px;line-height:1.26}.directions .section-conclusion{font-size:15px;margin-top:18px}
 .audience{padding-top:44px}.audience-grid{grid-template-columns:1fr}.audience-item{gap:12px;min-height:104px;padding:6px 0 10px}.audience-item__icon{flex:0 0 91px;width:91px;height:91px}.audience-item p{font-size:14.3px;line-height:1.27}.audience-item p span{margin-top:4px}.audience .cta{margin-top:20px}
 .insights .section-heading{margin-bottom:13px}.insights .section-heading::after,.outcomes .section-heading::after{width:175px;font-size:24px;margin-top:8px}.insights-layout{gap:8px}.natal-art{width:min(100%,275px)}.insight-card{min-height:98px;padding:8px;gap:7px;border-radius:12px}.insight-card__icon{flex:0 0 28%;height:82px}.insight-card h3{font-size:15px;margin-bottom:5px}.insight-card p{font-size:13.5px;line-height:1.25}.insights .section-conclusion{font-size:15px;margin-top:15px}
 .outcomes-subtitle{font-size:14px!important;letter-spacing:.16em}.outcome-grid{grid-auto-flow:row;grid-template-rows:none;gap:0}.outcome-item{min-height:0;gap:10px;padding:11px 0;border-bottom:1px solid #e0ba85}.outcome-item b{flex:0 0 41px;width:41px;height:41px;font-size:22px}.outcome-item p{padding-left:12px;font-size:13.7px;line-height:1.26}.outcome-item p span{margin-top:3px}.section-conclusion--boxed{padding:16px 17px 16px 70px;font-size:14px}.section-conclusion--boxed::before{margin-left:-54px;font-size:45px}
 .program .section-heading::before,.format .section-heading::before{display:none}.lesson-grid{grid-auto-flow:row;grid-template-rows:none;gap:7px}.lesson summary{min-height:68px;gap:10px;padding:7px 11px 7px 5px}.lesson__icon{flex:0 0 77px;height:59px;background-size:56px auto}.lesson__title{font-size:14px;line-height:1.14}.lesson__toggle{flex-basis:22px}.lesson__body{padding:0 13px 13px 93px;font-size:13px}.lesson__body p{font-size:13px}
 .format .section-heading{margin-bottom:14px}.study-art{max-width:100%;width:min(100%,370px);margin-bottom:9px}.format-grid{grid-template-columns:1fr;gap:7px}.format-card{min-height:65px;padding:7px;gap:8px}.format-card__icon{flex:0 0 71px;height:52px;background-size:52px auto}.format-card p{font-size:13.5px;line-height:1.22}.format .cta{margin-top:17px}
 .expert{padding:25px 0}.expert-layout{display:flex;flex-direction:column;gap:12px;min-height:0}.expert-portrait{order:1;width:min(80%,320px)}.expert-portrait img{height:350px;max-height:350px;object-fit:cover}.expert-copy{order:0}.expert-copy h2{font-size:clamp(31px,8.1vw,43px)}.expert-copy h3{font-size:27px;margin:12px 0 7px}.expert-lead{font-size:15px}.expert-facts{grid-template-columns:1fr;gap:6px;margin-top:15px}.expert-facts div{min-height:50px;gap:10px}.expert-facts__icon{flex-basis:60px;height:45px;background-size:40px auto}.expert-facts p{font-size:13.5px}
 .faq{padding:55px 0}.faq .section-heading{margin-bottom:23px}.faq-grid{gap:8px}.faq-item summary{min-height:62px;padding:11px 13px;gap:10px;font-size:15px}.faq-item__number{flex-basis:22px;font-size:20px}.faq-item summary span{flex-basis:20px;width:20px}.faq-item p{margin:0 13px 13px 45px;padding-top:10px;font-size:13.5px}
 .final{padding:35px 0 25px}.final-layout{grid-template-columns:1fr;gap:0}.final-copy>.section-kicker{text-align:center;font-size:10px;margin-bottom:18px}.final h2{font-size:clamp(31px,8vw,45px)}.final-copy p{font-size:15px;margin:13px 0}.final .cta{min-width:min(100%,310px);margin:20px auto 0}.final img{grid-row:2;width:min(100%,385px);margin:0 auto}.site-footer{padding:22px 0}.footer-grid{grid-template-columns:1fr;gap:11px}.footer-brand img{width:190px}.footer-contacts,.footer-legal,.footer-copy{padding:0;border:0}.footer-copy{font-size:12px}
}
@media(max-width:380px){.topic-card__icon{flex-basis:29%;width:29%}.topic-card p{font-size:12.5px}.topic-card h3{font-size:14px}.audience-item p{font-size:13.5px}.insight-card p{font-size:12.8px}}

@media(min-width:1024px){.directions{padding-top:35px}.directions .section-heading{margin-bottom:18px}.topic-card{min-height:233px}.topic-card__icon{height:205px}}

.format-card>span.format-card__icon{flex:0 0 120px;width:120px;height:100px}
@media(max-width:1023px){.format-card>span.format-card__icon{flex-basis:71px;width:71px;height:52px}}

.expert-portrait img{object-fit:contain;object-position:center bottom;width:100%;height:885px;max-height:885px;mask-image:none;-webkit-mask-image:none}
.expert-facts__icon--1{background-image:url('assets/expert-1.png')}.expert-facts__icon--2{background-image:url('assets/expert-2.png')}.expert-facts__icon--3{background-image:url('assets/expert-3.png')}.expert-facts__icon--4{background-image:url('assets/expert-4.png')}.expert-facts__icon--5{background-image:url('assets/expert-5.png')}
@media(max-width:1023px){.expert-portrait img{height:340px;max-height:340px;object-fit:contain}}

.expert-portrait img{height:900px;max-height:900px;object-fit:contain}
@media(max-width:1023px){.expert-layout{display:flex;flex-direction:column;gap:0}.expert-copy{display:contents}.expert-copy h2{order:-3;margin-bottom:6px}.expert-portrait{order:-2;width:min(100%,390px)}.expert-portrait img{width:100%;height:auto;max-height:none}.expert-copy h3{order:-1}.expert-lead{order:0}.expert-facts{order:1}}
@media(min-width:1024px){.expert-portrait img{object-fit:cover;object-position:center top}.final{height:760px;padding:30px 0 0}.final-layout{height:100%}.final img{width:100%;max-height:735px;object-fit:contain;margin-left:0}}

html{scroll-behavior:auto}

/* Seamless hand-off from the approved hero to the following screen. */
.directions{background:linear-gradient(180deg,#f3ebdd 0,#fffaf1 165px)}
@media(max-width:1023px){
 .hero,.hero__inner{min-height:0}
 .hero__inner{padding-bottom:8px}
 .hero__footnote{margin-top:15px}
}
/* Mobile closing screen: preserve the approved reading order and left alignment. */
@media(max-width:1023px){
 .faq{padding-bottom:25px}.final{padding-top:25px}
 .final-layout{display:flex;flex-direction:column}
 .final-copy{display:contents}
 .final-copy>.section-kicker{order:1;text-align:left;margin:0 0 15px 19px;font-size:10px;letter-spacing:.25em}
 .final-copy>.section-kicker::before{content:"";display:inline-block;width:23px;height:1px;background:#be8d48;vertical-align:middle;margin:0 12px 3px -19px}
 .final h2{order:2;text-align:left;font-size:clamp(31px,8.4vw,38px);line-height:.99;margin-bottom:8px}
 .final-copy p{order:3;text-align:left;font-size:15.5px;line-height:1.3;margin:10px 0 0}
 .final-copy p+p{order:4}
 .final img{order:5;grid-row:auto;width:min(100%,385px);max-height:none;margin:7px auto 0}
 .final .cta{order:6;margin:0 auto 15px;min-width:min(100%,330px)}
}
/* The brand SVG is white at source; recolor it for the warm footer. */
.footer-brand img{filter:brightness(0) saturate(100%) invert(10%) sepia(19%) saturate(1403%) hue-rotate(172deg) brightness(95%) contrast(94%)}
.site-footer a{text-decoration:none}
@media(max-width:1023px){
 .footer-grid{text-align:center;gap:16px}
 .footer-contacts{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:10px 20px}
 .footer-contacts a{font-size:13px;white-space:nowrap}
 .footer-contacts a[href^="tel:"]::before{content:"☎";font-size:18px;margin-right:7px;vertical-align:-1px}
 .footer-contacts a[href^="mailto:"]::before{content:"✉";font-size:18px;margin-right:7px;vertical-align:-1px}
 .footer-legal{display:flex;flex-direction:column;align-items:center;gap:7px}
 .footer-legal a{font-size:14px}
}
/* Tariff actions must stay inside equal-width cards at every desktop width. */
.package .package__cta{width:100%;max-width:100%;min-width:0;min-height:62px;padding:10px 12px;font-size:clamp(17px,1.25vw,21px)}
@media(max-width:1023px){.package .package__cta{min-height:58px;font-size:19px}}
/* Approved compass mark from the outcome mockup, not a font glyph. */
.section-conclusion--boxed{position:relative}
.section-conclusion--boxed::before{content:"";display:block;float:left;width:105px;height:112px;margin:-13px 0 -13px -142px;background:url('assets/outcome-compass.avif') center / contain no-repeat}
.section-conclusion--boxed::after{content:"";position:absolute;left:150px;top:20px;bottom:20px;border-left:1px solid #b98642}
@media(max-width:1023px){
 .section-conclusion--boxed::before{width:56px;height:62px;margin:-8px 0 -8px -58px}
 .section-conclusion--boxed::after{left:64px;top:13px;bottom:13px}
 .site-footer{padding-top:14px;padding-bottom:12px}
 .footer-grid{gap:8px}
 .footer-brand img{width:174px}
 .footer-brand span{font-size:12px;margin-top:0}
 .footer-contacts{gap:6px 15px}
 .footer-legal{gap:3px}
 .footer-copy{font-size:11px}
}
@media(max-width:1023px){.site-footer{padding:10px 0 8px}.footer-grid{gap:6px}.footer-brand img{width:166px}}
/* Closer to the approved mobile result sheet while keeping body copy legible. */
@media(max-width:1023px){
 .outcomes .section-heading{margin-bottom:16px}
 .outcomes h2{font-size:clamp(27px,7.4vw,34px)}
 .outcomes-subtitle{font-size:12.5px!important;letter-spacing:.18em}
 .outcome-item{gap:8px;padding:6px 0}
 .outcome-item b{flex-basis:35px;width:35px;height:35px;font-size:20px}
 .outcome-item p{padding-left:8px;font-size:13.2px;line-height:1.19}
 .outcome-item p span{margin-top:1px}
 .section-conclusion--boxed{margin-top:13px;padding:10px 12px 10px 70px;font-size:13.2px;line-height:1.25}
 .section-conclusion--boxed::before{width:53px;height:60px;margin:-2px 0 -2px -58px}
 .outcomes .cta{margin-top:13px}
}
.study-art img{display:block;width:100%;height:auto}
@media(max-width:1023px){.study-art{width:min(100%,370px);margin:0 auto 8px}}
@media(max-width:1023px){
 .format-grid{gap:5px}
 .format-card{min-height:57px;padding:5px 7px}
 .format-card>span.format-card__icon{flex-basis:62px;width:62px;height:47px;background-size:44px auto}
 .format-card p{font-size:13.1px;line-height:1.18}
 .format .cta{margin-top:13px}
}
/* Mobile proportions corrected against the separate approved screens. */
@media(max-width:1023px){
 .directions .section-heading h2{font-size:clamp(26px,7.1vw,35px)}
 .directions .section-heading{margin-bottom:16px}
 .topic-grid{gap:6px}
 .topic-card{min-height:88px;gap:4px;padding:5px 8px 5px 1px}
 .topic-card__icon{flex-basis:29%;width:29%;height:79px}
 .topic-card h3{font-size:13.8px;margin-bottom:3px}
 .topic-card p{font-size:12.8px;line-height:1.2}
 .directions .section-conclusion{margin-top:14px;font-size:14px}
 .insights .section-heading h2{font-size:clamp(27px,7.3vw,35px)}
 .natal-art{width:min(100%,235px)}
 .insight-card{min-height:82px;padding:6px;gap:5px}
 .insight-card__icon{height:70px;flex-basis:26%}
 .insight-card h3{font-size:13.8px;margin-bottom:3px}
 .insight-card p{font-size:12.8px;line-height:1.18}
 .insights .section-conclusion{font-size:14px;margin-top:12px}
 .lesson-grid{gap:5px}
 .lesson summary{min-height:60px;padding-top:5px;padding-bottom:5px}
 .lesson__icon{height:52px}
 .lesson__title{font-size:13.5px}
 .lesson__body{padding-bottom:9px;font-size:12.8px}
 .lesson__body li{margin-bottom:5px;line-height:1.28}
 .lesson__body p{padding:10px 12px;font-size:12.8px}
 .expert-portrait{width:min(80%,320px)}
 .expert{padding-top:25px;padding-bottom:15px}
}
.lesson[open] .lesson__body p{position:relative}
.lesson[open] .lesson__body p::before{content:"";display:block;position:absolute;left:-27px;top:11px;width:30px;height:30px;background:url('assets/program-target.png') center / contain no-repeat}
@media(max-width:1023px){.lesson[open] .lesson__body p{padding-left:27px}.lesson[open] .lesson__body p::before{left:-12px;top:7px;width:27px;height:27px}}