/* Affiliate Marketing Coach — shared creator identity, October 2026. */
:root,.ai-course{--brand-gradient:linear-gradient(90deg,#7c2be9 0%,#ac17ce 49%,#dc006b 100%);--green:#7026d9;--ink:#21182b;--paper:#fff;--pink:#f7dced;--lime:#f0e5fc;--line:#e6dfed;--accent:#f0e5fc;--muted:#62596c}
body{background:#fff;color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;font-size:17px;line-height:1.7}
h1,h2,h3{font-family:Manrope,'DM Sans',system-ui,sans-serif;letter-spacing:-.045em}h2{font-weight:500}h3{line-height:1.3}em{font-style:normal}img{max-width:100%}main{min-width:0}a,button{touch-action:manipulation}
.button,button{border-radius:999px;background:var(--green);border-color:var(--green);color:#fff;padding:13px 24px;font-weight:700;min-height:44px;line-height:1.45}.button.pink{background:#b90065;border-color:#b90065;color:#fff}.button.outline{background:transparent;color:#7026c4;border-color:#b394d2}.button:hover,button:hover{filter:none;background:#5719aa;color:#fff}.button.pink:hover{background:#990054}.button.outline:hover{background:#f5ebfc;color:#5719aa}
:focus-visible,.ai-course a:focus-visible,.ai-course button:focus-visible{outline:3px solid #aa0070;outline-offset:4px}input,select,textarea{color:var(--ink);background:#fff;border-color:#a496b2;border-radius:8px}input[type=checkbox],.signup-consent input[type=checkbox]{accent-color:#7026d9}.eyebrow,.tag{color:#7026c4;font-size:12px;letter-spacing:.13em}
/* A continuous gradient connects the brand, navigation and page introduction. */
.topline{background:#5e1db0;color:#fff;font-size:10px;letter-spacing:.13em;padding:7px 20px}
body>header.wrap,body>header.shell{max-width:none;margin:0;background:var(--brand-gradient);color:#fff;border:0;padding:15px max(4%,calc((100vw - 1440px)/2))}
.nav{min-height:65px;border:0;gap:25px;padding:0;flex-wrap:nowrap}.brand{display:inline-flex;flex:0 0 auto;text-decoration:none}.brand-logo{display:block;width:208px;height:auto;max-width:none}.navlinks{gap:19px;font-size:13px}.navlinks a{color:white;font-weight:600;white-space:nowrap}.navlinks a:hover{text-decoration:underline;text-underline-offset:6px}.navlinks .button{background:#fff;border-color:#fff;color:#8126c7;font-size:13px;padding:11px 20px}.navlinks .button:hover{background:#f5e6ff;color:#5719aa}.menu-toggle{display:none}header :focus-visible{outline-color:#fff}
#main>.wrap:has(>.hero){max-width:none;padding:0}.hero{display:block;text-align:center;background:var(--brand-gradient);color:#fff;padding:55px 6% 63px}.hero>div:first-child{max-width:1050px;margin:auto}.hero h1{font-size:clamp(2.8rem,4.75vw,4.8rem);font-weight:400;line-height:1.12;margin:24px auto}.hero h1 em{font-weight:800;background:none;color:white}.hero p{max-width:760px;font-size:18px;line-height:1.75;margin:0 auto 22px}.hero .eyebrow{color:white}.hero .actions{justify-content:center;gap:15px 24px;margin-top:30px}
.hero .button,.hub-hero>.actions .button,.hub-hero>div:first-child .button,.course-hero .button{background:white;border-color:white;color:#8126c7}.hero .button.outline,.hub-hero>div:first-child .button.outline,.course-hero .button.outline{color:#fff;background:transparent;border-color:#ffffffb0}.hero .button:hover,.hub-hero .button:hover,.course-hero .button:hover{background:#f5e6ff;color:#5719aa}.hero :focus-visible,.hub-hero :focus-visible,.course-hero :focus-visible{outline-color:#fff}
.intro-strip{max-width:1188px;padding:24px 25px;margin:auto;border-top:0;font-size:13px;gap:16px;color:#62596c}.intro-strip span:before{color:#8428cf}
.section{padding-top:78px;padding-bottom:78px}.method-intro{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:65px;margin-bottom:45px}.method-intro .section-head{margin:0}.hero-visual{margin:0;position:relative}.hero-visual img{height:320px;border-radius:16px;object-position:center 58%}.photo-note{left:20px;bottom:20px;transform:none;border:0;border-radius:10px;padding:16px 20px;max-width:270px;color:var(--ink);background:#fff;box-shadow:0 6px 28px #23123118}.photo-note strong{font-size:17px}.photo-note small{font-size:12px}
.card,.lesson-card,.niche-card,.price-card,.tool{background:#fff;border:1px solid var(--line);border-radius:14px}.card:nth-child(n){background:#fff}.card:hover,.lesson-card:hover,.niche-card:hover{border-color:#c8a6ea;background:#fcfaff}.num,.format-tag,.road-num{color:#7026c4}.cards{gap:22px}.card .num{padding-bottom:18px}.card h3{font-size:23px}.lesson-meta,.niche-who,.editor-note,.score-row small{color:#62596c}.niche-card blockquote,.campaign-promo{background:#faf5fe}.blush{background:#f7f1fc}.plan-result{border-color:#dfcbed;border-radius:14px}.session{border-radius:16px;transform:none;color:var(--ink)}.session p{color:var(--ink)}.session .eyebrow{color:#7026c4}.session-foot{background:#f7e7f4}.dark{background:var(--brand-gradient);color:#fff}.dark p,.dark .eyebrow,.home-learning-links span{color:#fff}.home-learning-links a{border-color:#ffffff55}.dark .button.pink{background:#fff;color:#7824c0;border-color:#fff}.dark .session p{color:var(--ink)}.dark .session .eyebrow{color:#7026c4}
.price-card.featured{background:var(--brand-gradient);border:0}.price-card.featured .num{color:#fff}.price-card.featured .button{background:white;color:#7026c4;border-color:white}.newsletter{background:#f5edfc}.newsletter-inner{gap:7%}.cta{background:#f5eafa;border-radius:16px}.guide-art{border-radius:12px;background:#f2ddfa}.guide:nth-child(2) .guide-art{background:var(--brand-gradient)}.guide:nth-child(3) .guide-art{background:#fce1ee}.monogram{background:#f3e5fc;border-color:#cbb0e5;color:#7026c4}.format{border-color:#b679e3}
.hub-hero,.course-hero{max-width:none;background:var(--brand-gradient);color:#fff;padding:52px max(6%,calc((100vw - 1188px)/2)) 58px;gap:55px}.hub-hero h1,.course-hero h1{font-size:clamp(2.5rem,4.4vw,4.4rem);font-weight:400;line-height:1.13}.hub-hero h1 em{font-family:inherit;font-style:normal;font-weight:800}.hub-hero p,.course-hero p{font-size:18px;line-height:1.75}.hub-hero .eyebrow,.course-hero .eyebrow{color:#fff}.hub-hero a:not(.button),.course-hero a:not(.button){color:#fff}.hub-feature{background:#fff;color:var(--ink);border-radius:16px;padding:32px}.hub-feature .eyebrow,.hub-feature a:not(.button){color:#7026c4}.hub-feature p{font-size:16px}.feature-foot{border-color:var(--line)}.blog-hero{text-align:center}.blog-hero>div{max-width:950px;margin:auto}.blog-hero p{margin:0 auto 24px;max-width:760px}.blog-hero .actions{justify-content:center}.hub-overview{padding-block:25px;border-top:0}.campaign-hero .workbook-preview span{color:white}.campaign-summary,.course-check{background:#f3edfa;border-color:#8428cf}.course-prompt{background:#f8eaf4}.course-steps li::marker{color:#7026c4}.course-hero img{border-radius:16px}.course-hero figcaption{font-size:13px}.course-reading{font-size:18px}.course-prompt button{border:1px solid var(--green)}
.reading-header{max-width:none;background:var(--brand-gradient);color:#fff;padding:32px max(6%,calc((100vw - 1188px)/2)) 43px}.reading-header h1,.ai-course .reading-header h1{font-size:clamp(2.3rem,4.2vw,4.2rem);font-weight:700;line-height:1.16;max-width:1050px}.reading-header .eyebrow{color:#fff}.breadcrumbs{margin-bottom:28px}.reading-dek{font-size:20px;line-height:1.7;max-width:850px}.byline{border-color:#ffffff55;margin-top:28px}.reading-header :focus-visible{outline-color:white}.reading-layout{padding-top:48px;grid-template-columns:230px minmax(0,740px);gap:6%}.reading-body{font-size:18px;line-height:1.85}.reading-body h2{font-size:30px;line-height:1.3}.reading-body aside{background:#f7edf9;border-radius:10px}.reading-body blockquote{background:#f5f0fa;border-color:#a624d1}.reading-body th{background:#f0e7f9}.reading-body tbody tr:nth-child(even){background:#fbf8fd}.reading-toc{padding:22px;background:#faf7fd;border:1px solid var(--line);border-radius:12px}.reading-toc a:hover{color:#7026c4;text-decoration:underline}.reading-toc ol{margin-bottom:20px}.reading-toc .button{font-size:12px;padding:12px 16px}.reading-body a{overflow-wrap:anywhere}.reading-body .sources{color:#62596c}
.article{max-width:none;padding:0;margin:0;font-size:18px;line-height:1.85}.article-title-band{background:var(--brand-gradient);color:white;padding:42px 6% 48px}.article-title-band>div{max-width:1000px;margin:auto}.article .article-title-band h1{font-size:clamp(2.3rem,4.2vw,4.2rem);line-height:1.16}.article-title-band .eyebrow{color:#fff}.article .lead{font-size:20px}.article-reading{max-width:850px;padding:43px 30px 75px;margin:auto}.article-reading h2{line-height:1.3}.article-reading aside{background:#f7edf9;border-radius:10px}.article-reading table{display:block;overflow-x:auto}.kit-download{background:var(--brand-gradient);border-radius:16px}.kit-download p{color:white}.kit-download .button{background:#fff;color:#7026c4;border-color:#fff}.kit-download .button.outline{color:white}.kit-download .eyebrow{color:#fff}.workbook-preview img{box-shadow:8px 12px 0 #eecff4,0 8px 35px #42126518}
body>footer{background:#20102e;color:white;border:0;padding:48px 0 28px}.footer-top{align-items:flex-start;gap:40px}.footer-top .brand-logo{width:235px}.footer-links{gap:10px 20px}.footer-network{border-color:#513b64}.footer-network .eyebrow{color:#ffb3e1}.footer-bottom,footer p:last-child{color:#e0d4e9}footer :focus-visible{outline-color:#ffb3e1}.footer-links a{color:#fff}.footer-links a:hover{color:#ffb3e1}
/* The standalone lab retains its tools and shares the same identity. */
body:has(main.shell){--accent:#f0e5fc!important}.shell .tag{color:#7026c4}header.shell nav a{color:white}main.shell{max-width:none;padding:0}main.shell>section:not(.hero),main.shell>.jump,main.shell>noscript{padding:50px max(6%,calc((100vw - 1144px)/2))}main.shell>.hero{display:grid;grid-template-columns:1.4fr 1fr;text-align:left;gap:55px;padding:52px max(6%,calc((100vw - 1144px)/2))}.shell .hero h1{font-size:clamp(2.5rem,4.4vw,4.3rem)}.shell .hero .tag{color:white}.shell .hero .actions{justify-content:flex-start}.hero-note{background:#fff;color:var(--ink);border-radius:16px}.hero-note h2{font-size:34px}.hero-note a{color:#7026c4}.hero-note p{font-size:16px}.shell .jump{padding-block:24px}.tool-grid button,.shell .actions button{font-size:14px}.shell .outline{color:#7026c4;background:transparent;border-color:#b394d2}.shell .notice,.shell output:not(:empty){background:#f5effb}.shell .step{color:#62596c}.shell .tool-grid{min-width:0}.shell .stage-body dl{grid-template-columns:130px minmax(0,1fr)}
.brand-worksheet{color:var(--ink)}.brand-worksheet h1{color:#7026c4}.brand-worksheet th{background:#f5edfc}.brand-worksheet a{color:#7026c4}.brand-worksheet small{color:#62596c}
@media(max-width:1200px){.navlinks{gap:13px;font-size:12px}.brand-logo{width:188px}.navlinks .button{padding:11px 16px;font-size:12px}.nav{gap:18px}.method-intro{gap:40px}}
@media(max-width:1080px){body>header.wrap{padding:15px 6%}.nav{flex-wrap:wrap;min-height:50px;justify-content:space-between}.nav .navlinks{width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px 22px;padding:12px 0 4px}.nav .navlinks>a{display:inline-flex!important;align-items:center;min-height:44px;font-size:15px}.has-menu .menu-toggle{display:inline-flex;align-items:center;gap:15px;background:#ffffff12;color:#fff;border:1px solid #ffffff80;font-size:14px;padding:9px 18px}.has-menu .navlinks:not(.is-open){display:none}.navlinks .button{margin-left:auto}.reading-layout{grid-template-columns:210px minmax(0,1fr);gap:5%}.hub-hero,.course-hero{gap:35px}}
@media(max-width:850px){.reading-layout{grid-template-columns:1fr}.reading-toc{position:static}.reading-toc ol{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.reading-body{padding-top:0}.hub-hero{grid-template-columns:1fr}.hub-feature{max-width:720px;margin:10px 0 0}.method-intro{gap:30px}.method-intro h2{font-size:2.4rem}.course-hero{grid-template-columns:1fr}.course-hero figure{max-width:700px}.footer-top{flex-direction:column}}
@media(max-width:620px){body{font-size:16px}.topline{font-size:9px;letter-spacing:.06em}.brand-logo{width:192px}.nav .navlinks{gap:5px 18px}.navlinks .button{margin-left:0}.hero{padding:38px 6% 44px}.hero h1{font-size:clamp(2.35rem,8vw,3.4rem);line-height:1.15}.hero h1 br{display:none}.hero h1 em{display:block;margin-top:5px}.hero p{font-size:16px;line-height:1.75}.hero .eyebrow{font-size:10px;letter-spacing:.08em}.hero .actions{gap:14px;margin-top:26px}.button,button{font-size:14px;padding:12px 20px}.hero .actions .button{width:auto}.intro-strip{gap:10px;padding:22px 6%}.intro-strip span{width:100%;font-size:12px}.section{padding-block:52px}.method-intro{grid-template-columns:1fr;gap:29px;margin-bottom:30px}.hero-visual img{height:280px}.photo-note{bottom:15px;left:15px;max-width:250px}.method-intro h2{font-size:2.2rem}.hub-hero,.course-hero{padding:35px 6% 42px}.hub-hero h1,.course-hero h1{font-size:2.65rem}.hub-hero p,.course-hero p{font-size:16px}.hub-feature{padding:26px}.hub-feature h2{font-size:30px}.reading-header{padding:28px 6% 36px}.reading-header h1,.ai-course .reading-header h1{font-size:2.3rem}.reading-dek{font-size:18px}.breadcrumbs{font-size:12px;margin-bottom:24px}.byline{font-size:12px}.reading-layout{padding-top:28px}.reading-toc ol{display:block}.reading-body,.course-reading{font-size:17px;line-height:1.8}.reading-body h2{font-size:27px}.article-title-band{padding:30px 6% 38px}.article .article-title-band h1{font-size:2.3rem}.article .lead{font-size:18px}.article-reading{padding:30px 6% 55px;font-size:17px}.footer-top .brand-logo{width:215px}.footer-network{font-size:13px}.newsletter{padding:48px 0}.campaign-promo{padding:24px}.course-next{flex-wrap:wrap}.course-next a{max-width:100%}.shell .hero{grid-template-columns:1fr!important;gap:28px!important}.shell .hero h1{font-size:2.7rem}.shell .stage-body dl{grid-template-columns:1fr}.brand-worksheet table{font-size:14px}.brand-worksheet td,.brand-worksheet th{padding:10px}}
@media print{.menu-toggle,body>header,body>footer{display:none!important}.reading-header,.article-title-band,.hub-hero,.course-hero{background:white!important;color:#111!important;padding:0!important}.reading-header .eyebrow,.article-title-band .eyebrow{color:#111}.article-reading{max-width:none;padding:0}.method-intro .hero-visual{display:none}.brand-worksheet h1{color:#111}}
/* Narrow screens must accommodate long article titles and legacy tables. */
h1,h2,h3{overflow-wrap:anywhere}.hub-hero>*,.course-hero>*,.method-intro>*{min-width:0}.reading-body>table{display:block;min-width:0;max-width:100%;overflow-x:auto}
.guide:nth-child(2) .guide-art .eyebrow{color:#fff}