/* sl-look-20261026: the shared shell from the home page Karen signed off October 26, 2026, 9:10 PM CT. Applied to every apex page. Header and footer markup are the canonical blocks (brand gate). */
.rise{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.rise.in{opacity:1;transform:none}
.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}.d4{transition-delay:.32s}.d5{transition-delay:.4s}.d6{transition-delay:.48s}
@media (prefers-reduced-motion:reduce){.rise{opacity:1;transform:none;transition:none}.card,.btn,.card .img img{transition:none}}
/* preview-only: the canonical header and footer stay verbatim (brand gate, Karen 7/10); this layer only compacts them and collapses the nav on phones */
header.site{position:sticky;top:0;z-index:50;background:#F5F0EB}
@media (max-width:560px){header.site nav[aria-label="Main"]{display:none}body.sx-nav-open header.site nav[aria-label="Main"]{display:block;position:absolute;left:0;right:0;background:#F5F0EB;padding:8px 24px 16px;border-bottom:1px solid rgba(91,46,90,.1)}body.sx-nav-open header.site nav[aria-label="Main"] a{display:block;padding:12px 0;border-bottom:1px solid rgba(91,46,90,.08);font-size:1.05rem}
 .sx-burger{display:inline-block;margin-left:auto;background:none;border:0;padding:8px;cursor:pointer}.sx-burger span{display:block;width:24px;height:2px;background:#5B2E5A;margin:5px 0}}
footer[role="contentinfo"]{margin-top:48px}
footer[role="contentinfo"] .fgrid{padding-top:36px;padding-bottom:20px;gap:24px}
footer[role="contentinfo"] .fgrid a,footer[role="contentinfo"] .fgrid p,footer[role="contentinfo"] .fgrid li{font-size:.9rem;line-height:1.5}
footer[role="contentinfo"] .fbottom{padding:12px 0 18px;font-size:.8rem}
@media (max-width:560px){header.site nav[aria-label="Main"]{display:none !important}body.sx-nav-open header.site nav[aria-label="Main"]{display:block !important;position:absolute;left:0;right:0;top:100%;background:#F5F0EB;padding:8px 24px 16px;border-bottom:1px solid rgba(91,46,90,.1);z-index:60}body.sx-nav-open header.site nav[aria-label="Main"] a{display:block !important;padding:12px 0;border-bottom:1px solid rgba(91,46,90,.08);font-size:1.05rem}
 header.site .wrap{position:relative;display:flex !important;align-items:center;flex-wrap:nowrap !important;gap:10px}header.site .nav-right{display:flex !important;align-items:center;gap:10px;margin-left:auto}header.site .nav-right .nav-util{display:none !important}header.site .nav-right .nav-util[aria-label="Cart"]{display:inline-flex !important}header.site .store-pill{padding:.45rem .9rem !important;font-size:.85rem !important}.sx-burger{order:9}}
@media (max-width:560px){.sx-burger{display:inline-block !important;order:9;z-index:61}header.site .nav-right{flex-wrap:nowrap !important}}
html,body{overflow-x:hidden;max-width:100%}
@media (max-width:560px){header.site .wrap{max-width:100% !important;width:100% !important;box-sizing:border-box !important;padding:8px 14px !important;overflow:visible}header.site .wrap > *{min-width:0}header.site .logo,header.site .wrap > a:first-child{flex:0 1 auto;min-width:0}header.site .logo img,header.site .wrap > a:first-child img{height:30px !important;width:auto !important}header.site .logo span,header.site .wrap > a:first-child span{font-size:1rem !important;white-space:nowrap}header.site form,header.site .search,header.site input[type="search"]{display:none !important}header.site .nav-right{gap:8px !important;flex:0 0 auto}header.site .store-pill{padding:.4rem .7rem !important;font-size:.8rem !important;white-space:nowrap}.sx-burger{flex:0 0 auto;width:44px;height:44px;display:inline-flex !important;align-items:center;justify-content:center;padding:0 !important}.sx-burger span{margin:3px 0}}
@media (max-width:560px){header.site .wrap{display:flex !important;align-items:center !important;gap:8px !important;flex-wrap:nowrap !important}header.site img.logo{display:block !important;height:28px !important;width:auto !important;max-width:46vw !important;flex:0 0 auto !important;min-width:0}header.site .nav-right{margin-left:auto !important;display:flex !important;align-items:center;gap:8px !important;flex:0 0 auto}.sx-burger{order:9;flex:0 0 44px !important;display:inline-flex !important}.quiet{display:block;margin:14px 0 0 !important;width:max-content}}
@media (max-width:560px){header.site .wrap{padding:6px 12px !important;gap:6px !important;justify-content:space-between !important}header.site img.logo{height:24px !important;max-width:150px !important}header.site .nav-right{margin-left:auto !important;gap:6px !important}header.site .store-pill{padding:.35rem .6rem !important;font-size:.74rem !important}header.site .store-pill svg{width:16px;height:16px}header.site .nav-right .nav-util[aria-label="Cart"] svg{width:18px;height:18px}.sx-burger{flex:0 0 40px !important;width:40px !important;height:40px !important;margin:0 !important}}
@media (max-width:560px){.sx-burger{position:fixed !important;top:8px !important;right:10px !important;z-index:80 !important;width:42px !important;height:42px !important;display:inline-flex !important;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:#fff !important;border:1.5px solid rgba(91,46,90,.25) !important;border-radius:12px !important;padding:0 !important;cursor:pointer;box-shadow:0 2px 8px rgba(53,32,64,.08)}.sx-burger span{display:block !important;width:20px !important;height:2px !important;background:#352040 !important;margin:0 !important;border-radius:2px}body.sx-nav-open .sx-burger span:nth-child(2){opacity:0}header.site .wrap{padding-right:58px !important}body.sx-nav-open header.site nav[aria-label="Main"]{top:100% !important}}
@media (min-width:561px){.sx-burger{display:none !important}}
@media (max-width:560px){body.sx-nav-open header.site nav[aria-label="Main"]{position:fixed !important;top:58px !important;left:0 !important;right:0 !important;bottom:auto !important;max-height:calc(100vh - 58px);overflow:auto;background:#F5F0EB !important;z-index:79 !important;box-shadow:0 12px 30px rgba(53,32,64,.14)}body.sx-nav-open{overflow:hidden}}
/* density + fit corrections 8:5x PM */
footer[role="contentinfo"]{margin-top:0 !important}
footer[role="contentinfo"] .fgrid{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:12px 20px !important;padding:22px 0 8px !important;max-width:1200px;margin:0 auto}
footer[role="contentinfo"] .fgrid h4{font-size:.7rem !important;letter-spacing:.1em;margin:0 0 4px !important}
footer[role="contentinfo"] .fgrid a,footer[role="contentinfo"] .fgrid li{font-size:.8rem !important;line-height:1.35 !important;padding:1px 0 !important;margin:0 !important;display:block}
footer[role="contentinfo"] .fgrid p,footer[role="contentinfo"] .disc,footer[role="contentinfo"] .ai{font-size:.74rem !important;line-height:1.4 !important;margin:4px 0 !important;opacity:.85}
footer[role="contentinfo"] .fbottom{padding:8px 0 12px !important;font-size:.72rem !important}
footer[role="contentinfo"] .fbottom *{font-size:.72rem !important;margin:0 !important}
@media (min-width:561px){header.site nav[aria-label="Main"]{display:flex !important}.sx-burger{display:none !important}header.site .nav-right .nav-util{display:inline-flex !important}}
/* main navigation always visible above phone width; it wraps to a second row on narrow or zoomed windows */
@media (min-width:561px){header.site nav[aria-label="Main"]{display:flex !important;flex-wrap:wrap;gap:4px 18px;position:static !important;background:transparent !important;padding:0 !important;border:0 !important;box-shadow:none !important}header.site nav[aria-label="Main"] a{display:inline-block !important;padding:6px 0 !important;border:0 !important;font-size:.95rem !important;white-space:nowrap}header.site .wrap{flex-wrap:wrap !important;row-gap:4px;padding-right:24px !important}.sx-burger{display:none !important}header.site .nav-right .nav-util{display:inline-flex !important}}
@media (min-width:561px) and (max-width:1000px){header.site nav[aria-label="Main"]{order:3;flex-basis:100%;justify-content:flex-start;padding-bottom:6px !important}}
.sx-burger{display:none}
@media (max-width:560px){.sx-burger{display:inline-flex !important}}
.ask,.band.contact{padding:22px 0 !important}.ask .wrapx,.band.contact .wrapx{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;text-align:left}.ask h2,.band.contact h2{font-size:1.25rem !important;margin:0 !important;color:#fff}.band.contact h2{color:var(--p)}.ask p,.band.contact p{margin:0 !important;font-size:.95rem !important;max-width:none !important;color:#E8DDD4}.band.contact p{color:#4a3a4a}.ask .btn,.band.contact .btn{min-height:42px;padding:.6rem 1.2rem}

/* learn pages: headings readable on the dark hero gradient (Chris (QA-HEAD) 9:1x PM: /learn/adhd/) */
.lc-hero > *:not(.card):not(.contents) > h1,.lc-hero > h1,.lc-hero h1{color:#F5F0EB !important}

/* 10/26/2026 11:0x PM, Mira (MOLTBOT): one header on every page, identical to the signed-off home. The projected trust bar (.utilbar) and the legacy breadcrumb that some templates print ABOVE the site header are hidden; the BACB ACE provider number stays in the footer and the breadcrumb inside the page body stays. */
.utilbar{display:none !important}
body > nav.breadcrumb:has(+ header.site),body > nav.breadcrumb:has(+ .utilbar),body > .breadcrumb:has(+ header.site){display:none !important}

/* 11:0x PM: content-page heroes (.sl-page-hero) render on cream under the shell; their sub-headline kept the white meant for a colored band (invisible on /blog/). Dark text for every .sl-page-hero text. */
.sl-page-hero .sl-hero-subheadline,.sl-page-hero p,.sl-page-hero .sl-page-hero__badge,.sl-page-hero h1,.sl-page-hero h2{color:#352040}
.sl-page-hero .sl-hero-subheadline,.sl-page-hero p{color:#4b3a4e}

/* 11:1x PM: the 31 blog posts and guides built on the navy template (--sl-blue #003366) take the brand palette, and the small legacy masthead under the site header (a second "Special Learning" bar) is hidden. html:root beats the page's own :root. */
html:root{--sl-blue:#352040;--sl-light:#F5F0EB;--sl-accent:#5B2E5A;--sl-border:#E6DBE2;--sl-text:#2A1E2A;--sl-muted:#6B5A66}
header.site ~ header.site-header,header.site ~ div.site-header,header.site ~ .site-header{display:none !important}
.post-header .category,.post-meta,.post-meta span{color:#D9CDD6}
.breadcrumb{border-bottom:1px solid #E6DBE2}