.mo{display:none}
/* Phone-only overrides (loaded last). Desktop is untouched. */
@media (max-width:760px){
html{-webkit-text-size-adjust:100%}
body{overflow-x:hidden}
.wrap{width:calc(100% - 24px)!important}
section{padding:14px 0!important}
.content-panel,.hero-card{padding:22px 16px!important;border-radius:14px!important}
.hero-copy{padding:16px 0!important;margin-bottom:0!important}
/* type scale */
h1,.hero-copy h1{font-size:25px!important;line-height:1.22!important;letter-spacing:-.01em!important}
h2{font-size:21px!important;line-height:1.25!important;margin-top:6px!important}
h3,.module-body h3{font-size:17px!important;line-height:1.3!important}
.eyebrow,.kicker{font-size:11px!important;letter-spacing:.08em!important;line-height:1.4!important}
#meet-kate>.content-panel>.section-heading>.eyebrow,#meet-kate .eyebrow:first-child{font-size:24px!important;letter-spacing:0!important}
p,.lead,.flow,.copy-panel,.copy-panel p,.agent-support p,.section-heading .lead{font-size:15px!important;line-height:1.6!important}
.hero-lead,.hero-card>p{font-size:16px!important;line-height:1.55!important}
.tagline{font-size:12px!important}
.caption,.all-included{font-size:11px!important}
.testimonial-card .quote-highlight{display:none!important}
.punchline{font-size:19px!important}
.section-heading{margin-bottom:14px!important}
.copy-panel{margin:14px auto!important}
/* spacing between cards */
.module-grid,.benefit-grid,.genre-grid,.testimonial-grid,.fit-grid,.tool-grid,.mode-grid,.hub-preview-grid,.included-grid,.offer-grid{gap:12px!important}
.benefit-grid article,.benefit-grid.pale article,.mode-grid article,.fit-grid article{padding:14px 4px!important}
.testimonial-card{padding:16px!important}
/* buttons: one line, smaller, full width */
.button,.button.big,.cta-row .button.big.outline:last-child:not(:first-child){min-height:46px!important;padding:12px 10px!important;font-size:13px!important;letter-spacing:.02em!important;white-space:nowrap!important;width:100%!important;gap:8px!important}
.cta-row,.cta-row.stacked{gap:10px!important}
.cta-card-copy{padding:16px!important}
.cta-card-action{padding:14px 16px!important}
/* big figures are removed on phones */
.author-figure,.support-portrait,.agent-slot,.video-slot.agent-slot,.join-mascot,.agent-support>figure,.author-intro>img{display:none!important}
.author-intro,.series-intro,#join .join-split,.agent-support{gap:0!important}
/* course banner + hero banner */
.hero-art.banner,.banner{height:190px!important}
.hero-art.banner .mascot,.mascot{height:185px!important;top:14px!important}
.hero-art.banner .hero-logo{width:140px!important}
/* module cards: titles only */
.module-card .lesson-list li span{display:none!important}
.module-card .lesson-list{margin:6px 0 0!important;padding:0!important}
.module-card .lesson-list li{padding:5px 0!important;font-size:14px!important;min-height:0!important}
.module-body{padding:14px 16px 16px!important}
.module-card img{max-height:120px;object-fit:cover}
.module-card .outcome{font-size:14px!important;margin:2px 0!important}
.all-included{margin-top:8px!important}
/* header */
.sales-nav{min-height:54px!important}
.nav-buy{padding:12px 14px!important;font-size:12px!important;min-height:40px}
.sales-brand{font-size:12px!important}
/* faq + footer */
.faq-item,details{padding:12px 14px!important}
footer{padding:22px 0!important}
/* btb extras */
.captain-portrait,.closing-portrait,.captain-portrait img,.closing-portrait img{display:none!important}
.captain-panel,.closing-layout{display:block!important}
.briefing-card{padding:0 0 12px!important;margin:0!important}
.briefing-card img{max-height:110px;object-fit:cover}
.briefing-card .eyebrow,.briefing-card h3,.briefing-card p{padding-left:14px!important;padding-right:14px!important}
.briefing-card .eyebrow{font-size:10px!important;margin-top:10px!important}
.briefing-card p{font-size:14px!important}
p.eyebrow,.hero-card .eyebrow,.content-panel .eyebrow,.hero-card p.eyebrow{font-size:11px!important;letter-spacing:.08em!important}
.hero-card h1,.content-panel h1{font-size:25px!important}
#meet-kate p.eyebrow:first-child,#meet-kate .eyebrow:first-of-type{font-size:24px!important;letter-spacing:0!important}
/* umbrella / romantasy / cozy */
.umbrella-hero img,.mascot-split img,.series-image,.feature-art img,.course-art img{max-height:200px!important;width:auto!important;max-width:100%!important;margin:0 auto!important;display:block}
.mascot-split{display:block!important}
.mascot-split>img,.series-image,.umbrella-map{display:none!important}

.umbrella-nav{padding:8px 12px!important;gap:8px!important}
.umbrella-buybar{padding:8px 12px!important}
.module-card{margin:0!important}
.module-card .module-format,.module-summary,.tile-kicker{font-size:11px!important}
.module-card .module-body p,.module-lessons li{font-size:14px!important}
.module-card .tile-image,.module-card .curriculum-art,.tile-image{max-height:110px!important;object-fit:cover!important}
.preview-module{padding:12px 14px!important}
.dark-panel{padding:20px 16px!important}
.small-note{font-size:12px!important}
.was-price{font-size:15px!important}
.umbrella-nav nav,.umbrella-nav .student-link{display:none!important}
.umbrella-nav .wrap{display:flex!important;align-items:center;justify-content:space-between;gap:10px}
.umbrella-nav .nav-logo{max-height:38px;width:auto!important}
.umbrella-nav .nav-benefit,.umbrella-nav .nav-actions a{display:inline-flex!important;align-items:center;min-height:40px;padding:10px 14px!important;font-size:12px!important;white-space:nowrap!important}
.hero-card p:not(.eyebrow){font-size:15px!important;line-height:1.55!important}
.umbrella-nav .nav-actions .student-link{display:none!important}
.umbrella-nav .nav-actions{display:flex!important;margin-left:auto}
.umbrella-nav .nav-actions .nav-benefit{font-size:11px!important;padding:10px 12px!important;letter-spacing:.02em!important}
.umbrella-hero .hero-logo,.umbrella-hero img{max-width:70%!important}
/* round 3 */
.testimonial-card p,.testimonial-card blockquote,.testimonial-card q{font-size:13px!important;line-height:1.55!important}
.button,.button.big,.nav-buy,.buybar-btn{font-size:clamp(10.5px,3.2vw,13px)!important;letter-spacing:0!important;padding-left:8px!important;padding-right:8px!important}
.briefing-card>img,.module-card>img,.lesson-preview,.preview-lesson img,.lesson-preview-bar{display:none!important}
.module-card,.briefing-card{padding-top:4px!important}
/* round 4 */
.button,.button.big,.nav-buy,.buybar-btn,.umbrella-buybar a,.nav-benefit{font-size:clamp(10px,2.9vw,11.5px)!important;letter-spacing:.01em!important;font-weight:700!important}
.button,.button.big{min-height:44px!important;padding:11px 8px!important}
.testimonial-stars{text-align:center!important;display:block!important;width:100%!important;font-size:18px!important}
.testimonial-card figcaption{text-align:center!important}
.buybar-text,.buybar-text *{display:none!important}
.buybar-in,.umbrella-buybar{display:flex!important;justify-content:center!important;align-items:center!important;gap:0!important;padding:8px 12px calc(8px + env(safe-area-inset-bottom))!important}
.buybar-btn,.umbrella-buybar a,.umbrella-buybar .button{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important;max-width:420px;text-align:center!important;margin:0 auto!important;min-height:44px!important;padding:11px 12px!important}
/* round 5: FAQ */
.faq summary,details summary{font-size:14px!important;line-height:1.35!important;font-weight:600!important;padding:11px 0!important}
.faq details p,details>p,details div,.faq p{font-size:13px!important;line-height:1.55!important}
.dark-panel h2,.cta-card h2{font-size:19px!important}
/* round 6 */
.hero-card p:not(.eyebrow):not(.caption),.hero-copy p:not(.eyebrow):not(.caption){font-size:15px!important;line-height:1.55!important}
/* footer */
.mh{display:none!important}.mo{display:inline!important}
footer .wrap{display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;text-align:center!important}
footer p{font-size:11px!important;line-height:1.4!important;margin:0!important;text-align:center!important}
footer nav{display:flex!important;flex-wrap:nowrap!important;justify-content:center!important;gap:16px!important;margin:0!important}
footer nav a{font-size:11px!important;letter-spacing:0!important;white-space:nowrap!important;padding:0!important}
footer nav a:first-child{display:none!important}
footer nav a[href*="terms"]{order:3}footer nav a[href*="privacy"]{order:4}
footer{padding:16px 0 calc(16px + 64px)!important}
}
@media (min-width:761px){
.testimonial-card figcaption{text-align:right!important;justify-content:flex-end!important}
.testimonial-card figcaption>span:last-child,.testimonial-card figcaption small{text-align:right}
.testimonial-stars{display:block!important;width:100%!important;text-align:center!important}
}
@media (max-width:760px){
.dark-panel p,.dark-panel li,.cta-card-copy p{font-size:14px!important;line-height:1.55!important}
}
.initials{display:none!important}
@media (max-width:760px){
footer p,footer nav a{font-size:13px!important}
footer nav{gap:18px!important}
h1 span,h2 span,h3 span.highlight{font-size:inherit!important;letter-spacing:inherit!important}
h2{text-wrap:balance}
.testimonial-card figcaption{display:flex!important;justify-content:flex-end!important;text-align:right!important}
.testimonial-card figcaption>span:last-child,.testimonial-card figcaption strong,.testimonial-card figcaption small{display:block!important;text-align:right!important}
}
@media (max-width:760px){
.module-card .lesson-list li{padding:5px 0 5px 24px!important;position:relative}
}
.cap-mobile,.sbk2{display:none}
@media (max-width:760px){
/* header hidden, page starts at the hero banner */
.sales-header,.umbrella-nav{display:none!important}
/* footer + sticky bar text bigger */
footer p,footer nav a{font-size:14px!important}
footer nav{gap:16px!important}
.buybar-btn,.umbrella-buybar a{font-weight:800!important}
/* buttons: biggest text that fits on one line (m-fit.js adjusts) */
.button,.button.big,.buybar-btn,.nav-buy{white-space:nowrap!important;overflow:hidden}
/* real gaps between cards */
.briefing-grid,.module-grid,.royalty-path,.feature-grid,.hub-preview-grid{gap:12px!important;row-gap:12px!important}
.briefing-card,.module-card{margin:0 0 12px!important}
.briefing-card:last-child,.module-card:last-child{margin-bottom:0!important}
/* better line fill, centered dark panels */
p,li{text-wrap:wrap!important}
.dark-panel .copy-panel,.dark-panel p,.dark-panel li,.cta-card-copy p{text-align:center!important}
.dark-panel .copy-panel p,.dark-panel p{padding:0!important}
.finish-bonus .eyebrow{margin-bottom:10px!important;display:block}
.finish-bonus h3{margin:0 0 10px!important;text-align:center}
.finish-bonus{text-align:center}
/* Captain waist-up with banner */
.captain-panel{display:block!important}
.cap-mobile{display:block!important;margin:0 auto 14px!important;max-width:270px;border-radius:14px;overflow:hidden;background:#1d3a74}
.cap-mobile img{display:block!important;width:100%!important;height:200px!important;object-fit:cover!important;object-position:top center!important}
.cap-mobile figcaption{background:#26498f;color:#fff;text-align:center;font:800 13px/1 Poppins,Inter,sans-serif;letter-spacing:.06em;padding:13px 8px}
.briefing-card .eyebrow{margin-top:0!important}
}

@media (max-width:760px){
.umbrella-buybar .wrap{display:flex!important;justify-content:center!important;align-items:center!important;padding:8px 12px calc(8px + env(safe-area-inset-bottom))!important;gap:0!important;width:100%!important;max-width:none!important}
.umbrella-buybar span,.umbrella-buybar small{display:none!important}
.umbrella-buybar a{display:flex!important;justify-content:center;align-items:center;width:100%;max-width:420px;min-height:44px;text-align:center;white-space:nowrap}
#meet-kate p.eyebrow:first-child,#meet-kate .eyebrow:first-of-type{font-size:21px!important;line-height:1.25!important;margin-bottom:8px!important;font-weight:800!important;letter-spacing:0!important}
}
@media (max-width:760px){
#meet-kate>.content-panel>.section-heading>p.eyebrow,#meet-kate>.content-panel>.section-heading>.eyebrow{font-size:21px!important;line-height:1.25!important;margin-bottom:8px!important;font-weight:800!important;letter-spacing:0!important}
.umbrella-buybar{padding:0!important;height:auto!important;min-height:0!important}
}
@media (max-width:760px){
.module-card .eyebrow,.module-card .module-kicker,.module-card small{text-align:center!important;display:block}
.module-card .lesson-list{list-style:none!important;padding-left:0!important}
.module-card .lesson-list li{padding-left:22px!important;position:relative;text-align:left}
.module-card .lesson-list li::before{content:"✓";position:absolute;left:2px;font-weight:700;opacity:.8}
}
@media (max-width:760px){
body>header,header.top-nav,.top-nav{display:none!important}
}
@media (max-width:760px){
p,li{text-wrap:wrap!important}
/* body copy: 16px / 1.55 (iOS/Android reading size) */
.copy-panel p,.flow,p.lead,.lead,.agent-support p,.cta-card-copy p,.section-heading .lead,.hero-card p:not(.eyebrow),.hero-copy p:not(.eyebrow),.dark-panel p,.finish-bonus p{font-size:16px!important;line-height:1.55!important;max-width:none!important}
.hero-card p.caption,p.caption,.budget-note,.small-note,.all-included{font-size:12px!important;line-height:1.4!important}
.testimonial-card blockquote,.testimonial-card p{font-size:14px!important;line-height:1.55!important}
.faq details p,details>p{font-size:14px!important}
/* dark / closing panels read left-aligned, full width */
.dark-panel p,.dark-panel .copy-panel,.dark-panel li,.cta-card-copy p,#join .copy-panel,#join .flow,#join .join-split,.cta-card.dark p{text-align:left!important}
/* button label text follows the button size */
.button b,.button .btn-text,.button span,.buybar-btn span{font-size:inherit!important;letter-spacing:inherit!important}
/* tighter gap under headings */
.section-heading{margin-bottom:6px!important}
.section-heading h2{margin-bottom:0!important}
.section-heading+.copy-panel,.section-heading+p,.copy-panel{margin-top:6px!important}
.section-heading p.lead{margin:6px 0 0!important}
}
@media (max-width:760px){
.cap-mobile{max-width:300px!important}
.cap-mobile img{height:230px!important;object-fit:cover!important;object-position:50% 22%!important;transform:scale(1.18);transform-origin:50% 35%}
}
@media (max-width:760px){
.section-heading h2 br:last-child,h2 span>br:last-child{display:none!important}
.feature-art{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;margin:12px auto!important;border-radius:12px}
.closing-portrait{display:block!important;max-width:280px;margin:0 auto 10px!important;border-radius:14px;overflow:hidden}
.closing-portrait img{display:block!important;width:100%!important;height:240px!important;object-fit:cover!important;object-position:50% 12%!important}
.closing-layout{display:block!important}
}
@media (max-width:760px){
.briefing-card>img,.module-card>img,.module-card .tile-image,.module-card .curriculum-art,.module-card img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;margin:0!important;border-radius:0}
.module-card,.briefing-card{overflow:hidden;padding-top:0!important}
.briefing-card .eyebrow{margin-top:12px!important}
}
.fa-card{display:none}
@media (max-width:760px){
img.feature-art,section img.art:not(.fa-card){display:none!important}
.copy-panel:has(>.fa-card){border:1px solid #d9dee8;border-radius:16px;overflow:hidden;background:#fff;padding:0 0 14px!important;margin:10px 0!important}
.copy-panel>.fa-card{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;margin:0 0 12px!important;border-radius:0!important}
.copy-panel:has(>.fa-card)>p{padding:0 16px!important}
.copy-panel:has(>.fa-card)>p+p{margin-top:10px!important}
}
@media (max-width:760px){
.section-heading{margin-bottom:16px!important}
.section-heading+.copy-panel,.section-heading+p,.section-heading+div,.copy-panel{margin-top:0!important}
.section-heading p.lead{margin:8px 0 0!important}
.copy-panel p,.copy-panel .flow,.flow{margin:0 0 14px!important}
.copy-panel p:last-child,.flow:last-child{margin-bottom:0!important}
.copy-panel:has(>.fa-card){margin:12px 0!important}
}
@media (max-width:760px){
.section-heading{margin-bottom:26px!important}
.section-heading h2{margin-bottom:0!important}
.section-heading h2+p,.section-heading p.lead,.section-heading h2+.lead{margin:22px 0 0!important}
.section-heading+.copy-panel,.section-heading+p,.section-heading+div,.section-heading+.module-grid,.section-heading+.briefing-grid{margin-top:0!important}
}
@media (max-width:760px){
.section-heading h2,.section-heading h2 *{font-size:21px!important;line-height:1.25!important;letter-spacing:-.01em!important;font-weight:800!important}
.author-intro,.series-intro{margin-bottom:14px!important}
.bestseller-proof{margin-top:0!important;padding-top:0!important}
.copy-panel+*,.author-intro+*{margin-top:0}
}
@media (max-width:760px){
.section-heading h2,.dark-panel h2,.cta-card h2,main h2{font-size:var(--hfs,21px)!important;line-height:1.25!important}
.section-heading h2 *,.dark-panel h2 *,.cta-card h2 *,main h2 *{font-size:inherit!important}
}
@media (max-width:760px){
:root{--hfs:20px}
main h2{font-size:20px!important;text-wrap:balance!important;white-space:normal!important}
main h2 br{display:none!important}
main h2 *{font-size:inherit!important}
}
@media (max-width:760px){
p:empty,.copy-panel>p:empty,.flow:empty{display:none!important;margin:0!important}
.content-panel>.benefit-grid,.content-panel>.cta-card,.content-panel>.hero-strip,.content-panel>.showcase,.content-panel>.module-grid,.content-panel>.testimonial-grid,.content-panel>.genre-grid,.content-panel>.fit-grid,.content-panel>.agent-support,.content-panel>.royalty-path,.content-panel>.briefing-grid,.content-panel>.preview-grid,.content-panel>.community-block{margin-top:18px!important;margin-bottom:0!important}
.hero-strip{margin-top:18px!important;padding-top:14px!important}
.content-panel>*+.cta-card{margin-top:18px!important}
}
@media (max-width:760px){
.content-panel>.cta-row,.royalty-path+.cta-row,.briefing-grid+.cta-row{margin-top:18px!important}
.roadmap-grid+*,.royalty-path+*,.briefing-grid+*{margin-top:18px!important}
}
@media (max-width:760px){
.section-heading+.mode-grid,.mode-grid+*,.content-panel>.mode-grid{margin-top:18px!important}
}
.cap-circle{display:none}
@media (max-width:760px){
/* card bodies share the site body size */
.content-panel article p,.benefit-grid p,.genre-grid p,.mode-grid p,.fit-grid li{font-size:16px!important;line-height:1.55!important}
.genre-grid p.eyebrow,.benefit-grid p.eyebrow,.briefing-card .eyebrow,.module-card .outcome{font-size:11px!important}
.module-card .outcome{font-size:14px!important}
/* tighter card bottoms */
.briefing-card,.module-card{padding-bottom:12px!important}
.briefing-card p:last-child,.module-body p:last-child{margin-bottom:0!important}
.briefing-card p{margin-bottom:0!important}
/* compact purple CTA half */
.cta-card-action,.cta-card-action.dark{min-height:0!important;height:auto!important;padding:14px 16px!important;background-image:none!important}
.cta-card-action .cta-row,.cta-card-action .cta-row.stacked{margin:0!important;padding:0!important}
.cta-card-copy{padding:14px 16px!important}
/* Captain: round avatar under the headline */
.closing-layout{display:block!important}
.closing-portrait{width:190px!important;height:190px!important;max-width:none!important;border-radius:50%!important;overflow:hidden!important;border:4px solid rgba(255,255,255,.4)!important;margin:0 auto 18px!important;background:#1d3a74}
.closing-portrait img{display:none!important}
.closing-portrait img.cap-circle{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 6%!important;transform:scale(1.12);transform-origin:50% 30%}
/* final join box */
#join .section-heading{margin-bottom:26px!important}
#join .section-heading p:not(.eyebrow),#join .section-heading p[data-lfile-container]{font-size:20px!important;font-weight:800!important;text-align:center!important;margin:0 0 14px!important;line-height:1.3!important}
#join h2{text-align:left!important;text-wrap:wrap!important}
#join h2 br{display:inline!important}
#join h2 br+br{display:none!important}
#join .join-split{margin-top:0!important}
#join .cta-row{margin:22px 0 22px!important}
#join .copy-panel:has(.ps),#join p.ps{margin-top:22px!important;text-align:left!important}
}
@media (max-width:760px){
main h1 .highlight,main h1 .accent-line,main h2 .highlight,main h2 .accent-line{display:inline!important}
main h1,main h2,main h3{text-wrap:balance!important}
main h2 *,main h1 *{text-wrap:balance}
}
@media (max-width:760px){
#join h2{text-wrap:balance!important}
}
@media (max-width:760px){
/* honor the sentence break in headlines: highlighted part always on its own line */
main h2 br{display:inline!important}
main h2 br+br{display:none!important}
.section-heading h2 br:last-child,h2 span>br:last-child{display:none!important}
}
.plain{background:none!important;box-shadow:none!important;color:inherit}
@media (max-width:760px){
:root{--hfs:19px}
main h2{font-size:19px!important}
}
@media (max-width:760px){
/* hero h1 flows as one sentence block; the highlighted part starts its own line */
main h1 br{display:none!important}
main h1 .highlight::before,main h1 .accent-line::before{content:"\A";white-space:pre}
}
.seg{display:inline}
@media (max-width:760px){
main h1 .seg,main h2 .seg{display:block!important;text-wrap:balance!important}
main h1 br.sg,main h2 br.sg{display:none!important}
main h1 .highlight::before,main h1 .accent-line::before{content:none!important}
main h1 .accent-line,main h1 .highlight{display:inline!important}
}
/* ===== Oct 8 review round: Umbrella / Romantasy / Cozy ===== */
.mbr{display:none}
@media (max-width:760px){
.mbr{display:block;height:0}
/* full-length mascots become round avatars (waist-up crop) */
.mascot-split{display:block!important}
.mascot-split>figure,.mascot-split figure{display:block!important;width:190px!important;height:190px!important;max-width:none!important;min-height:0!important;border-radius:50%!important;overflow:hidden!important;border:4px solid var(--mid,#888)!important;margin:0 auto 18px!important;background:var(--tint,#eee)}
.dark-panel .mascot-split figure{border-color:rgba(255,255,255,.4)!important;background:var(--mid,#555)}
.mascot-split figure img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:50% 0%!important;transform:scale(1.4);transform-origin:50% 0%;margin:0!important}
/* closing / guide headings centered, no extra gap between the two rows */
#join h2,.dark-panel h2,.mascot-split h2,.section-heading h2{text-align:center!important}
.dark-panel .section-heading h2 .seg+.seg{margin-top:0!important}
.seg{margin:0!important;padding:0!important}
/* "course-art" cards: banner image removed under the video, flush banner elsewhere, text centered */
#video .course-art figure{display:none!important}
.course-art{display:block!important;text-align:center;border-radius:16px;overflow:hidden}
.course-art figure{display:block!important;min-height:0!important;height:auto!important;margin:0!important;background:none!important}
.course-art figure img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:cover!important}
.course-art>div{padding:16px!important}
.course-art .eyebrow{margin:0 0 10px!important}
.course-art h3{text-align:center!important;margin:0 0 10px!important}
.course-art h3 .seg{display:block!important}
.art-tags{display:flex!important;flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0 0!important}
/* feature / tool / mode cards: titles and labels centered, text kept off the edges */
article .tile-kicker,article .module-kicker,article .eyebrow,article h3,article h4{text-align:center!important;display:block!important}
.benefit-grid article,.mode-grid article,.tool-grid article{padding:0 0 16px!important}
.benefit-grid article>*:not(img):not(.tile-image),.mode-grid article>*:not(img):not(.tile-image),.tool-grid article>*:not(img):not(.tile-image){margin-left:18px!important;margin-right:18px!important}
.benefit-grid article .tile-image,.mode-grid article .tile-image{margin-bottom:12px!important}
/* space after any card grid before the text that follows */
.benefit-grid+.copy-panel,.mode-grid+.copy-panel,.tool-grid+.copy-panel,.testimonial-grid+.copy-panel,.genre-grid+.copy-panel,.fit-grid+.copy-panel,.module-grid+.copy-panel,.course-art+.copy-panel,.proof-grid+.copy-panel,.benefit-grid+p,.mode-grid+p,.module-grid+p{margin-top:18px!important}
/* module cards: titles only, no lesson list */
.module-card .lesson-list{display:none!important}
.module-card .module-body{padding-bottom:16px!important}
/* testimonials: name only */
.testimonial-card figcaption small{display:none!important}
/* sticky bar on Cozy / Romantasy / Umbrella: button only */
.buybar .wrap span,.buybar .wrap small,.umbrella-buybar span,.umbrella-buybar small{display:none!important}
.buybar .wrap{display:flex!important;justify-content:center!important;align-items:center!important;padding:8px 12px calc(8px + env(safe-area-inset-bottom))!important}
.buybar .wrap a{display:flex!important;justify-content:center;align-items:center;width:100%;max-width:420px;min-height:44px;text-align:center;white-space:nowrap;margin:0 auto}
}
@media (max-width:760px){
.course-art .eyebrow,.course-art p.eyebrow{text-align:center!important;display:block}
.course-art p:not(.eyebrow){text-align:left}
}
@media (max-width:760px){
#join h2 br.sg,#join h2 br{display:none!important}
}
@media (max-width:760px){
.benefit-grid article,.mode-grid article,.tool-grid article{padding-top:16px!important}
.benefit-grid article:has(>.tile-image),.mode-grid article:has(>.tile-image){padding-top:0!important}
}

/* QA Oct 8: Cozy lesson lists hidden on phones (module cards = banner + title + one line) */
@media (max-width:760px){.module-lessons{display:none!important}}
/* QA Oct 8: keep a short headline row on one line when the phone is wide enough (no stray hyphen/orphan break) */
@media (min-width:340px) and (max-width:760px){.nw340{white-space:nowrap!important}}

/* QA Oct 8: no 'Every lesson included' line under module cards on phones */
@media (max-width:760px){.all-included{display:none!important}}