/* Fullmind shared look (Oct 14 evening): floating cards, curved edges, the dashed swoosh, tighter closing bands */
html body{--fm-float:0 22px 44px -20px rgba(64,55,112,.30),0 2px 6px rgba(64,55,112,.10);
 --fm-float-up:0 30px 56px -20px rgba(64,55,112,.36),0 4px 10px rgba(64,55,112,.12);--fm-curve:44px}
@media (max-width:767px){html body{--fm-curve:28px}}
html body .blog-card,html body .fm-bi-card,html body .lcw-card,html body .lcw-ep-card,html body .fm-res-card,html body .fm-action-card,html body .career-card,html body .fsv-card,html body .fm-vcard,html body .card-white,html body .cs-card,html body .fc-card,html body .tst-wrap,html body .fsv-quote,html body .fm-feature-quote,html body .fsv-share-box,html body .fm-packet--box,html body .lcw-connect-box,html body .mutli-form-block,html body .fsv-persona-panel,html body .fm-pullquote,html body .fm-tl-panel{box-shadow:var(--fm-float)!important;border-radius:max(16px,var(--fm-card-r,0px))}
@media (hover:hover) and (pointer:fine){
 html body .blog-card,html body .fm-bi-card,html body .lcw-card,html body .lcw-ep-card,html body .fm-res-card,html body .fm-action-card,html body .career-card,html body .fsv-card,html body .fm-vcard,html body .cs-card,html body .fc-card{transition:transform .2s ease-out,box-shadow .2s ease-out}
 html body .blog-card:hover,html body .fm-bi-card:hover,html body .lcw-card:hover,html body .lcw-ep-card:hover,html body .fm-res-card:hover,html body .fm-action-card:hover,html body .career-card:hover,html body .fsv-card:hover,html body .fm-vcard:hover,html body .cs-card:hover,html body .fc-card:hover{transform:translateY(-4px);box-shadow:var(--fm-float-up)!important}}
html.fm-motion [data-fm-rise]:not(.is-in){opacity:0;transform:translateY(14px)}
html.fm-motion [data-fm-rise]{transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1)}
/* curved edges where colored sections meet */
html body .fsv-hero{border-bottom-left-radius:var(--fm-curve);border-bottom-right-radius:var(--fm-curve)}
html body .fsv-mint:not(.fsv-hero){border-radius:var(--fm-curve)}

/* the dashed swoosh, once, at the bottom of the hero (decorative: a CSS background, never read out) */
html body .fsv-hero{position:relative;isolation:isolate}
html body .fsv-hero::after{content:"";position:absolute;left:0;right:0;bottom:14px;height:44px;z-index:-1;pointer-events:none;
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M-10 44 C 300 14, 760 58, 1060 30 S 1360 10, 1450 18' fill='none' stroke='%236EA3BE' stroke-width='3' stroke-dasharray='14 12' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center/100% 100% no-repeat}
/* closing bands: about half their height, tighter padding, slightly smaller type */




/* the From Fullmind strip, wherever it appears (the homepage, About): the homepage's own rules, shared */
html body .fh2-strip{position:relative;isolation:isolate;padding:46px 0 34px}
html body .fh2-strip .fh2-wrap{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:0 32px;box-sizing:border-box}
html body .fh2-strip .fh2-dash{position:absolute;left:0;top:2px;width:100%;height:40px;pointer-events:none;z-index:0}






html body .fm-vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}










html body .fh2-strip-card h3{margin:0 0 4px;font-size:19px;line-height:1.3;font-weight:800}
html body .fh2-strip-card h3 a{color:#403770;text-decoration:none}
html body .fh2-strip-card h3 a:focus-visible{outline:3px solid #403770;outline-offset:3px}


@media (max-width:767px){html body .fh2-strip{padding:26px 0 30px}html body .fh2-strip .fh2-wrap{padding:0 16px}
 }
/* the Elevate K-12 announcement bar */
html body .fm-announce{position:relative;z-index:1001;background:#403770;color:#FFFCFA;font-size:14px;line-height:1.4}
html body .fm-announce-in{max-width:1280px;margin:0 auto;padding:8px 52px 8px 32px;box-sizing:border-box;text-align:center}
html body .fm-announce a{color:#FFFCFA;font-weight:700;text-decoration:underline;text-underline-offset:3px}
html body .fm-announce a:focus-visible,html body .fm-announce-x:focus-visible{outline:2px solid #FFFCFA;outline-offset:2px}
html body .fm-announce-x{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:32px;height:32px;padding:0;border:0;border-radius:50%;
 background:transparent;color:#FFFCFA;font-size:20px;line-height:1;cursor:pointer}
html body .fm-announce-short{display:none}
html.fm-announce-off .fm-announce{display:none}
@media (max-width:599px){html body .fm-announce-in{padding:7px 44px 7px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 html body .fm-announce-long{display:none}html body .fm-announce-short{display:inline}}
@media (prefers-reduced-motion:reduce){html body .blog-card,html body .fm-bi-card,html body .lcw-card,html body .lcw-ep-card,html body .fm-res-card,html body .fm-action-card,html body .career-card,html body .fsv-card,html body .fm-vcard,html body .cs-card,html body .fc-card{transition:none!important}html body .blog-card:hover,html body .fm-bi-card:hover,html body .lcw-card:hover,html body .lcw-ep-card:hover,html body .fm-res-card:hover,html body .fm-action-card:hover,html body .career-card:hover,html body .fsv-card:hover,html body .fm-vcard:hover,html body .cs-card:hover,html body .fc-card:hover{transform:none!important}
 html.fm-motion [data-fm-rise]{opacity:1!important;transform:none!important;transition:none!important}}
/* Oct 15: graphic cards for content lists (graphic_lists.py) */
















html body [data-fm-more] > .fm-gmore:not(.is-shown){display:none!important}
html body .fm-gmore-btn{display:block;margin:14px auto 0}

/* Oct 15 (launch_fixes.py): form-field outlines in Plum, at least 3:1 */
html:root body input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),
html:root body select,html:root body textarea{border-color:#403770!important}

/* Oct 15 (header_v3.py): the sticky header. Compact = transforms only (the bar slides up so its lower ~64px show, its
   items move down by half as much, the logo scales), so nothing counts as a layout shift. */
html{scroll-padding-top:84px}
html.fm-hdr-js body div.nav-menu.w-nav{position:relative;z-index:1200;background:#FFFCFA;transform:translateY(0);transition:transform .2s ease,box-shadow .2s ease}
html.fm-hdr-js body .fm-hdr-spacer{display:none;width:100%;pointer-events:none}
/* once the announcement bar has scrolled away, the header is fixed at the top edge and the spacer takes its place in the
   same frame: it appears exactly where it was */
html.fm-hdr-fixed body div.nav-menu.w-nav{position:fixed!important;left:0;right:0;top:0!important}
html.fm-hdr-fixed body .fm-hdr-spacer{display:block}
html.fm-hdr-js body div.nav-menu.w-nav .container-1344{transition:transform .2s ease}
html.fm-hdr-js body div.nav-menu.w-nav .nav-home-logo{transform-origin:left center;transition:transform .2s ease}
html.fm-hdr-compact body div.nav-menu.w-nav{transform:translateY(calc(-1 * var(--fm-hdr-cut,0px)));box-shadow:0 6px 18px -6px rgba(64,55,112,.28),0 1px 0 rgba(64,55,112,.08)}
html.fm-hdr-compact body div.nav-menu.w-nav .container-1344{transform:translateY(calc(var(--fm-hdr-cut,0px) / 2))}
@media (min-width:992px){html.fm-hdr-compact body div.nav-menu.w-nav .nav-home-logo{transform:scale(.8)}}

html.fm-hdr-js body div.nav-menu.w-nav .w-dropdown-list{z-index:1300}
/* the header is transformed, so the phone search field is placed against it: right under its visible bottom edge */
@media (max-width:991px){html.fm-hdr-js body div.nav-menu.w-nav .fm-search-panel{top:var(--fm-hdr-full,76px)!important}}
html.fm-hdr-instant body div.nav-menu.w-nav,html.fm-hdr-instant body div.nav-menu.w-nav .container-1344,html.fm-hdr-instant body div.nav-menu.w-nav .nav-home-logo{transition:none!important}
@media (prefers-reduced-motion:reduce){html.fm-hdr-js body div.nav-menu.w-nav,html.fm-hdr-js body div.nav-menu.w-nav .container-1344,
 html.fm-hdr-js body div.nav-menu.w-nav .nav-home-logo{transition:none!important}}
/* "Build your plan" in the header: Log in's height and padding, coral fill kept, text at the AA large-text minimum */
@media (min-width:992px){html:root body div.nav-menu.w-nav a.nav-button:not(.fullmind-mobile-header-cta){height:36px!important;min-height:0!important;
  padding:0 13px!important;display:inline-flex!important;align-items:center;font-size:18.66px!important;line-height:1!important}}
@media (max-width:991px){html:root body div.nav-menu.w-nav a.nav-button.fullmind-mobile-header-cta{height:36px!important;min-height:0!important;
  padding:0 12px!important;display:inline-flex!important;align-items:center;font-size:18.66px!important;line-height:1!important;white-space:nowrap}}

/* ==========================================================================
   Oct 15: the live site's look on the redesign, plus Cheryl's Figma review
   (Website file, page 10.15.26). Live site: DM Serif Display headings at
   regular weight, DM Sans body, white text on pill buttons, roomy sections.
   ========================================================================== */
html body{--fm-coral:#E9625A;--fm-coral-hover:#DF564C;--fm-plum:#403770;
 --fh2-top:96px;--fh2-bottom:96px}
@media (max-width:991px){html body{--fh2-top:72px;--fh2-bottom:72px}}
@media (max-width:767px){html body{--fh2-top:56px;--fh2-bottom:56px}}

/* type: the redesign points every font variable at Plus Jakarta Sans; point them back at the
   live site's pairing (DM Sans body, DM Serif Display headings at regular weight) */
html:root{--font--main:"DM Sans",Arial,sans-serif;--font--secondary:"DM Sans",Arial,sans-serif;
 --font--dmsans:"DM Sans",Arial,sans-serif;--font--dmserifdisplay:"DM Serif Display",Georgia,serif;
 --font--dmseriftext:"DM Serif Text",Georgia,serif}
html:root body{font-family:"DM Sans",Arial,sans-serif}
html body .fsv h1,html body .fsv h2:not(.fh2-label),html body .fh2-title,
html body .fsv-section-title,html body .fh2-hero h1,html body .fsv .fsv-display{
 font-family:var(--font--dmserifdisplay);font-weight:400!important;letter-spacing:0}
html body .fsv h3,html body .fh2-card h3,html body .fh2-strip-card h3,html body .fh2-steps h3,
html body .fh2-form legend,html body .fh2-choice-title{font-family:var(--font--dmsans);font-weight:700}


/* buttons: white text on coral (Cheryl: no plum on coral). #E9625A keeps white at 3.3:1, which
   passes for large bold type; the accents layer already holds these at 19px+ bold */
html:root body a.fsv-btn--primary,html:root body button.fsv-btn--primary,html:root body a.nav-button,html:root body a.fullmind-mobile-header-cta,html:root body button.fm-pk-go,html:root body .fm-kit-send,html:root body a.button-white-2,html:root body a.fm-mi-kitdl,html:root body button.fh2-btn,html:root body a.fh2-btn{background:var(--fm-coral)!important;border-color:var(--fm-coral)!important;color:#FFFFFF!important;border-radius:999px}
html:root body a.fsv-btn--primary *,html:root body button.fsv-btn--primary *,html:root body a.nav-button *,html:root body a.fullmind-mobile-header-cta *,html:root body button.fm-pk-go *,html:root body .fm-kit-send *,html:root body a.button-white-2 *,html:root body a.fm-mi-kitdl *,html:root body button.fh2-btn *,html:root body a.fh2-btn *{color:#FFFFFF!important}
html:root body a.fsv-btn--primary:hover,html:root body button.fsv-btn--primary:hover,html:root body a.nav-button:hover,html:root body a.fullmind-mobile-header-cta:hover,html:root body button.fm-pk-go:hover,html:root body .fm-kit-send:hover,html:root body a.button-white-2:hover,html:root body a.fm-mi-kitdl:hover,html:root body button.fh2-btn:hover,html:root body a.fh2-btn:hover{background:var(--fm-coral-hover)!important;border-color:var(--fm-coral-hover)!important;filter:none}

/* ---------- header ---------- */
/* "Log into your class" looked like the search box: it now matches the main CTA
   (same pill, size and type) in plum so the two CTAs stay distinct */
@media screen and (min-width:992px){
 html body .nav-menu-links-inner>.fullmind-header-outline-link{
  display:inline-flex;align-items:center;min-height:44px;padding:0 20px!important;box-sizing:border-box;
  border:0;border-radius:999px;background:var(--fm-plum);color:#FFFFFF!important;
  font-family:var(--font--dmsans);font-size:16px;font-weight:700;line-height:1}
 html body .nav-menu-links-inner>.fullmind-header-outline-link *{color:#FFFFFF!important}
 html body .nav-menu-links-inner>.fullmind-header-outline-link:hover{background:#352d5e}
 html body .nav-menu-links-inner>.fullmind-header-outline-link:focus-visible{outline:2px solid var(--fm-plum);outline-offset:3px}
 html body .nav-button:not(.fullmind-mobile-header-cta){display:inline-flex;align-items:center;min-height:44px;padding:0 20px!important;box-sizing:border-box;line-height:1}
}
/* nav labels: DM Sans 16px; every chevron the same 4px from its word and centered on it */
html body .nav-menu-links-inner{align-items:center}

html body .nav-link-2,html body .fullmind-services-link,html body .fm-menu-label,html body .fullmind-families-button{
 font-family:var(--font--dmsans);font-size:16px;font-weight:400;line-height:24px}
@media screen and (min-width:992px){
 html body .nav-menu-links-inner .nav-dropdown-toggle{display:inline-flex;align-items:center;gap:4px!important;padding:0;line-height:24px}
 html body .nav-menu-links-inner .fullmind-services-arrow.w-dropdown-toggle,
 html body .nav-menu-links-inner .fm-menu-arrow.w-dropdown-toggle{
  display:inline-flex;align-items:center;justify-content:center;width:16px;min-width:16px;height:24px;min-height:24px;padding:0!important;margin:0!important}
 html body .nav-menu-links-inner .fullmind-families-button:not(.fm-menu-arrow){display:inline-flex;align-items:center;gap:6px;padding:0}
 html body .nav-menu-links-inner .nav-dropdown-arrow{display:block;width:12px!important;height:12px!important;flex:none;margin:0}
}

/* ---------- homepage ---------- */
/* section heads: the live site's eyebrow pill over a serif title */




html body .fh2-title{font-size:clamp(34px,3.4vw,48px);line-height:1.15}
html body .fh2-cover .fh2-title{font-size:clamp(34px,3.4vw,48px)}


/* hero: was "VERY cramped" — real breathing room, serif headline, space between headline, lead and CTA */
html body .fh2-hero{padding:80px 0 96px}

html body .fh2-hero h1{font-size:clamp(36px,3.6vw,56px);line-height:1.12;margin:0 0 20px}



/* what we cover: spacing, then photo-on-top cards with a solid colored body, so the title reads
   first and the description is regular weight (the photo no longer sits under the text) */
html body .fh2-cover{padding:var(--fh2-top) 0 48px}


html body .fh2-card{height:100%}




html body .fh2-card h3{min-height:0;display:block;font-size:20px;line-height:1.25}



/* "More services" had its arrow clipped by the 2px border: the border is drawn inside instead */









/* the trust row: was a dense two-sided strip; now one calm centered line under the cards */






/* stats: now has its own heading; more room */


html body .fh2-stat{padding:32px 20px}



/* proven results: "a lot of purple" and "spacing is strange". The band is Light Blue (the live
   site's courses color), the two bubbles share one height with their content centered */
html body .fh2-proof{padding:var(--fh2-top) 0 var(--fh2-bottom);background:#C4E7E6}


html body .fh2-slide-photo,html body .fh2-slide-photo picture,html body .fh2-slide-photo img{width:180px;height:135px}
html body .fh2-bubble--quote{display:flex;flex-direction:column;justify-content:center;padding:40px 44px}


html body .fh2-result{font-size:20px;line-height:1.4;font-weight:400;margin:10px 0}
html body .fh2-bubble--quote blockquote{font-family:var(--font--dmserifdisplay);font-size:22px;line-height:1.45;font-weight:400}
html body .fh2-controls{margin-top:28px;color:var(--fm-plum)}
html body .fh2-controls button,html body .fh2-controls a{color:var(--fm-plum)}
html body .fh2-proof :focus-visible{outline-color:var(--fm-plum)!important}

/* from Fullmind + connect: same rhythm */
html body .fh2-strip{padding:var(--fh2-top) 0 var(--fh2-bottom)}




html body .fh2-connect{padding:var(--fh2-top) 0 calc(var(--fh2-bottom) + 28px)}
html body .fh2-connect-grid{gap:64px}
html body .fh2-connect-lead{margin:20px 0 36px}
html body .fh2-steps{gap:24px}
html body .fh2-connect-card{padding:36px 40px}

/* shared redesign templates (services, about, resources): same roomier rhythm */
html body .fsv-wrap{padding-top:80px;padding-bottom:80px}
html body .fsv-hero .fsv-wrap{padding-top:72px;padding-bottom:96px}
html body .fsv-section-title{font-size:clamp(32px,3.2vw,44px);margin-bottom:36px!important}


@media (max-width:991px){
 html body .fh2-hero{padding:56px 0 72px}
 
 html body .fh2-connect-grid{gap:40px}
 html body .fsv-wrap{padding-top:56px;padding-bottom:56px}
}
@media (max-width:767px){
 html body .fh2-hero{padding:40px 0 56px}
 html body .fh2-hero h1{font-size:32px}
 
 
 
 html body .fh2-bubble--quote{padding:28px 24px}
 
 html body .fh2-connect-card{padding:26px 20px}
 html body .fsv-wrap{padding-top:44px;padding-bottom:44px}
}




/* Oct 15 (2nd pass, Cheryl): main buttons were too large and intense. One calmer size everywhere:
   16px bold, 48px tall (44px in the header). NOTE: white on coral at 16px is 3.3:1, under AA's
   4.5:1 for normal-size text; the 19px floor in fm-accents was what kept it passing. */
html:root body a.fsv-btn--primary,html:root body button.fsv-btn--primary,html:root body a.nav-button,html:root body a.fullmind-mobile-header-cta,html:root body button.fm-pk-go,html:root body .fm-kit-send,html:root body a.button-white-2,html:root body a.fm-mi-kitdl,html:root body button.fh2-btn,html:root body a.fh2-btn,html:root body .fsv .fsv-btn,html:root body a.fsv-btn,html:root body button.fsv-btn{
 font-size:16px!important;min-height:48px;padding:0 24px!important;line-height:1.2;box-sizing:border-box}
html:root body a.nav-button,html:root body .nav-menu-links-inner>.fullmind-header-outline-link{min-height:44px;padding:0 20px!important;font-size:16px!important}
html:root body a.fullmind-mobile-header-cta{min-height:40px;padding:0 16px!important}
/* /services: the role filter belongs to Services at a glance, not the hero (Cheryl, Oct 15) */




/* nav (Cheryl, Oct 15): no underline on hover anywhere in the header; chevrons flip when their menu opens on hover/focus */
html body .nav-menu .fullmind-services-link:hover,html body .nav-menu .fm-menu-label:hover,html body .nav-menu .fullmind-families-button:hover,
html body .nav-menu .nav-link-2:hover,html body .nav-menu .fullmind-services-all:hover,html body .nav-menu .w-dropdown-list a:hover,
html body .nav-menu-links-inner a:hover{text-decoration:none!important}
html body .nav-menu .nav-dropdown-arrow{transition:transform .2s ease}
@media (hover:hover) and (pointer:fine){
 html body .nav-menu-links-inner .nav-dropdown:hover .nav-dropdown-arrow{transform:rotate(180deg)}}
html body .nav-menu-links-inner .nav-dropdown:focus-within .nav-dropdown-arrow,
html body .nav-menu [aria-expanded="true"] .nav-dropdown-arrow{transform:rotate(180deg)}
@media (prefers-reduced-motion:reduce){html body .nav-menu .nav-dropdown-arrow{transition:none}}
/* header search: lighter outline so it doesn't compete with the buttons; darkens on hover, plum on focus
   (matches the site-wide input rule's selector so it wins) */
html:root body .nav-menu .fm-search input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]){border-color:rgba(64,55,112,.28)!important;transition:border-color .15s ease}
html:root body .nav-menu .fm-search input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):hover{border-color:rgba(64,55,112,.5)!important}
html:root body .nav-menu .fm-search input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):focus,html:root body .nav-menu .fm-search input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):focus-visible{border-color:#403770!important}
/* hero video (Cheryl, Oct 15): larger and more prominent. Text and video share the row; the reel fills its column */
@media (min-width:992px){
 
 html body .fh2-hero h1{font-size:clamp(34px,3.2vw,52px)}
 
 
 
 
 
}

/* Cheryl, Oct 15: no accent bar under any title, anywhere on the site */
html:root body .fsv-section-title::after,html:root body #fm-action-title::after,html:root body #fm-reading-title::after,html:root body .fh2-title::after{display:none!important;content:none!important}
/* "Compare all services →"-style arrow links: no underline; the arrow nudges right on hover instead */
html:root body .fm-res-dl-open{text-decoration:none!important;font-weight:700}
html:root body .fm-res-dl-open:hover{text-decoration:none!important}
html:root body .fh2-all span[aria-hidden="true"],html:root body .fh2-more span[aria-hidden="true"],html:root body .fh2-strip-more a span[aria-hidden="true"],html:root body .fh2-strip-cta span[aria-hidden="true"],html:root body .fm-row-all span[aria-hidden="true"],html:root body .fsv3-all span[aria-hidden="true"],html:root body .fm-bi-seeall span[aria-hidden="true"],html:root body .fm-res-go span[aria-hidden="true"],html:root body .fh-more-link span[aria-hidden="true"],html:root body .fm-res-dl-open span[aria-hidden="true"],html:root body .fsv2-more-q a span[aria-hidden="true"]{display:inline-block;transition:transform .15s ease}
html:root body .fh2-all:hover span[aria-hidden="true"],html:root body .fh2-more:hover span[aria-hidden="true"],html:root body .fh2-strip-more a:hover span[aria-hidden="true"],html:root body .fh2-strip-cta:hover span[aria-hidden="true"],html:root body .fm-row-all:hover span[aria-hidden="true"],html:root body .fsv3-all:hover span[aria-hidden="true"],html:root body .fm-bi-seeall:hover span[aria-hidden="true"],html:root body .fm-res-go:hover span[aria-hidden="true"],html:root body .fh-more-link:hover span[aria-hidden="true"],html:root body .fm-res-dl-open:hover span[aria-hidden="true"],html:root body .fsv2-more-q a:hover span[aria-hidden="true"]{transform:translateX(3px)}
@media (prefers-reduced-motion:reduce){html:root body .fh2-all:hover span[aria-hidden="true"],html:root body .fh2-more:hover span[aria-hidden="true"],html:root body .fh2-strip-more a:hover span[aria-hidden="true"],html:root body .fh2-strip-cta:hover span[aria-hidden="true"],html:root body .fm-row-all:hover span[aria-hidden="true"],html:root body .fsv3-all:hover span[aria-hidden="true"],html:root body .fm-bi-seeall:hover span[aria-hidden="true"],html:root body .fm-res-go:hover span[aria-hidden="true"],html:root body .fh-more-link:hover span[aria-hidden="true"],html:root body .fm-res-dl-open:hover span[aria-hidden="true"],html:root body .fsv2-more-q a:hover span[aria-hidden="true"]{transform:none}}
/* card corners: the original cards had a black/white fill behind the photo that showed through the
   anti-aliased rounded corners; nothing needs it now that the photo and body fill the card */



/* typography pass 2 (Cheryl, Oct 15): larger card titles in the heading serif, so title vs. description reads at a glance */
html body .fh2-card h3,html body .fh2-card h3 a{font-family:var(--font--dmserifdisplay);font-weight:400!important;font-size:26px;line-height:1.15;letter-spacing:0}


html body .fh2-strip-card h3,html body .fh2-strip-card h3 a{font-family:var(--font--dmserifdisplay);font-weight:400!important;font-size:24px;line-height:1.2}
@media (max-width:767px){html body .fh2-card h3,html body .fh2-card h3 a{font-size:24px}html body .fh2-strip-card h3,html body .fh2-strip-card h3 a{font-size:21px}}
/* more air between a section's heading row and its content (Cheryl, Oct 15) */



/* section badge: the live site's .section-tag exactly (outlined pill, 18px regular, 8px plum dot) */


/* Proven results band: an inset panel with side margins (like the live site's colored panels), not edge to edge */
html body .fh2-proof{margin-left:clamp(16px,4vw,64px);margin-right:clamp(16px,4vw,64px);border-radius:var(--fh2-curve)}
html body .fh2-proof .fh2-wrap{padding-left:clamp(20px,4vw,56px);padding-right:clamp(20px,4vw,56px)}
/* Proven results: its own color, not the hero's Robin's Egg (Cheryl, Oct 15). Pale Steel Blue from the card palette */
html body .fh2-proof{background:#DBE6EB}
/* testimonial quote mark in coral (Cheryl, Oct 15); decorative, so brand coral at full strength */

/* small uppercase labels ("PROVEN RESULTS", "LATEST EPISODE"): a lighter plum; #6F6799 is 5.0:1 on Off-white, still AA */

/* Proven results case card (Cheryl, Oct 15): the image is a full-width banner across the top of the card, text below.
   Photos fill the banner; the plum case-study graphics sit whole on a matching plum ground */








/* Proven results type (Cheryl, Oct 15): back to the bold sans of the first redesign; easier to read than the serif here.
   The testimonial beside it matches (semibold sans) */

html body .fh2-result{font-family:var(--font--dmsans);font-weight:700;font-size:19px;line-height:1.4;margin:10px 0 8px}
html body .fh2-bubble--quote blockquote{font-family:var(--font--dmsans);font-weight:600;font-size:19px;line-height:1.5}
/* "From Fullmind" wordmark (Cheryl, Oct 15): larger, in coral. No coral logo file exists, so the plum logo's
   transparency is used as a mask over a coral fill; the image stays in place (invisible) to keep its size */


/* "How can we help?" form card, type pass (Cheryl, Oct 15): one clear hierarchy.
   step label = the small uppercase label; question = serif heading; option title semibold, description regular lighter plum */
html body .fh2-progress{margin:0 0 28px}
html body .fh2-progress-label{margin:0 0 10px;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#6F6799}
html body .fh2-progress-bar{height:6px}
html body .fh2-form legend,html body .fh2-step > fieldset legend{font-family:var(--font--dmserifdisplay);font-weight:400;font-size:28px;line-height:1.2;margin:0 0 20px;color:#403770}
html body .fh2-choices{gap:14px}
html body .fh2-choice{gap:12px;padding:18px 20px;border:1.5px solid rgba(64,55,112,.2);border-radius:16px;transition:border-color .15s ease,background-color .15s ease}
html body .fh2-choice:hover{border-color:rgba(64,55,112,.5)}
html body .fh2-choice:has(input:checked){border-color:#403770;background:#EEF6F6}
html body .fh2-choice input{width:18px;height:18px;margin:2px 0 0}
html body .fh2-choice-title{font-size:17px;line-height:1.35;font-weight:600}
html body .fh2-choice-line{margin-top:4px;font-size:15px;line-height:1.45;font-weight:400;color:#6F6799}
html body .fh2-pill{border:1.5px solid rgba(64,55,112,.2);font-weight:600}
html body .fh2-pill:hover{border-color:rgba(64,55,112,.5)}
html body .fh2-field label{font-size:15px;font-weight:600}
html body .fh2-form-nav{margin-top:20px}
@media (max-width:767px){html body .fh2-form legend,html body .fh2-step > fieldset legend{font-size:24px}}
/* a smidge less air under section heading rows (Cheryl, Oct 15); the side link sits on the title's baseline */



/* card titles in the sans (Cheryl, Oct 15): DM Sans bold, still larger than the description */
html body .fh2-card h3,html body .fh2-card h3 a,html body .fh2-strip-card h3,html body .fh2-strip-card h3 a{font-family:var(--font--dmsans);font-weight:700!important;letter-spacing:-0.005em}
html body .fh2-card h3,html body .fh2-card h3 a{font-size:22px;line-height:1.25}
html body .fh2-strip-card h3,html body .fh2-strip-card h3 a{font-size:20px;line-height:1.3}
@media (max-width:767px){html body .fh2-card h3,html body .fh2-card h3 a{font-size:20px}html body .fh2-strip-card h3,html body .fh2-strip-card h3 a{font-size:18px}}
/* section badge, stronger (Cheryl, Oct 15): same size; soft coral fill, coral dot, no outline. Plum text is ~9:1 on the tint */


/* stats, editorial (Cheryl, Oct 15: the alternating Mint/Robin tiles read childish). No tiles: five figures in a row
   with hairline dividers, big plum serif numbers, lighter-plum labels, one short coral rule as the only accent */






@media (hover:hover) and (pointer:fine){html body .fh2-stat{transition:none}html body .fh2-stat:hover{transform:none}}
@media (max-width:991px){
 
 
 
 html:root body .fh2-stats li.fh2-stat:nth-child(2n){border-left:1px solid rgba(64,55,112,.14)!important}
 html:root body .fh2-stats li.fh2-stat:last-child:nth-child(odd){grid-column:1 / -1}}
/* coral read as an error state (Cheryl, Oct 15). Badge: solid plum pill, white text, Robin's Egg dot.
   Stat accents: the swoosh's Steel Blue */



/* Proven results joins "By the numbers" (Cheryl, Oct 15): no separate band; the cards sit right under the stats row */

html body .fh2-proof{margin:0;padding:0 0 var(--fh2-bottom);background:transparent;border-radius:0}
html body .fh2-proof .fh2-wrap{padding-left:32px;padding-right:32px}
html body .fh2-bubble--quote{padding:40px 44px}
@media (max-width:767px){html body .fh2-proof .fh2-wrap{padding-left:16px;padding-right:16px}}
/* more air between the section above and the From Fullmind dotted line (Cheryl, Oct 15) */
html body .fh2-strip{margin-top:40px}
@media (max-width:767px){html body .fh2-strip{margin-top:24px}}
/* wordmark baseline: the logo's letters end 21px above the bottom of its 375px image (5.6%); at 1.12em tall that is
   .063em, so drop it by that much to sit on the "From" baseline */

/* stats (Cheryl, Oct 15): no accent dash under the numbers; numbers sized so "15.5+ yrs" clears its column */



/* "Book a call" step (Cheryl, Oct 15): plain title like the other steps, with its own arrow link underneath */
html body .fh2-steps h3 a{text-decoration:none}

html body .fh2-step-link span[aria-hidden="true"]{display:inline-block;transition:transform .15s ease}
html body .fh2-step-link:hover span[aria-hidden="true"]{transform:translateX(3px)}

@media (prefers-reduced-motion:reduce){html body .fh2-step-link:hover span[aria-hidden="true"]{transform:none}}
/* more room between step 3 and the phone line (Cheryl, Oct 15) */
html body .fh2-phone{margin-top:36px}
/* form Back (Cheryl, Oct 15): no underline; a left arrow (hidden from screen readers) mirrors the site's arrow links */
html body .fh2-back{text-decoration:none!important;font-size:16px;display:inline-flex;align-items:center;gap:6px}
html body .fh2-back::before{content:"←" / "";display:inline-block;transition:transform .15s ease}
html body .fh2-back:hover::before{transform:translateX(-3px)}
@media (prefers-reduced-motion:reduce){html body .fh2-back:hover::before{transform:none}}

/* form details (Cheryl, Oct 15) */
/* checked pills: a real gap after the check mark */
html body .fh2-pill:has(input:checked) span::before{content:"✓" / "";margin-right:8px}
/* "Something else" starts its own line: a full-width flex break placed just before it */
html body .fh2-pills:has(input[value="Something else"])::after{content:"";flex-basis:100%;height:0;order:1}
html body .fh2-pill:has(input[value="Something else"]){order:2}
/* fields: the option cards' quiet border; selects get a drawn chevron with room instead of the native arrow */
html:root body .fh2-field input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),html:root body .fh2-field select,html:root body .fh2-field textarea{border:1.5px solid rgba(64,55,112,.3)!important;border-radius:12px;background-color:#FFFFFF}
html:root body .fh2-field input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):hover,html:root body .fh2-field select:hover,html:root body .fh2-field textarea:hover{border-color:rgba(64,55,112,.55)!important}
html:root body .fh2-field input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):focus,html:root body .fh2-field select:focus,html:root body .fh2-field textarea:focus{border-color:#403770!important}
html:root body .fh2-field select{-webkit-appearance:none;appearance:none;padding-right:48px;cursor:pointer;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3 5.25 7 9.25l4-4' stroke='%23403770' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
 background-repeat:no-repeat;background-position:right 18px center;background-size:14px 14px}
/* form fields: lighter borders, the same weight as the option cards (Cheryl, Oct 15: "all borders are too intense") */
html:root body .fh2-field input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),
html:root body .fh2-field select,html:root body .fh2-field textarea{border-color:rgba(64,55,112,.22)!important}
html body .fh2-ext{display:inline-block;vertical-align:-1px;margin-left:2px}
html body .fh2-go[aria-busy="true"]{opacity:.85;cursor:progress}
/* selected pills (Cheryl, Oct 15): the dark fill was aggressive; match the selected option card instead
   (pale blue fill, plum border and text, plum check) */
html body .fh2-pill:has(input:checked){background:#EEF6F6;border-color:#403770;color:#403770}
html body .fh2-pill:has(input:checked) span::before{color:#403770}
/* "(pick any)": a quiet hint, not part of the heading */
html body .fh2-form legend .fh2-opt{font-family:var(--font--dmsans);font-size:15px;font-weight:400;color:#6F6799;margin-left:6px;vertical-align:2px}
/* every dropdown on the site (Cheryl, Oct 15): a drawn chevron 18px in from the edge instead of the native arrow,
   which sat jammed against the right border. Colors, borders and fills are left to each form */
html:root body select:not([multiple]):not(.is--hide){-webkit-appearance:none;appearance:none;padding-right:48px!important;cursor:pointer;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3 5.25 7 9.25l4-4' stroke='%23403770' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
 background-repeat:no-repeat!important;background-position:right 18px center!important;background-size:14px 14px!important}
html:root body select::-ms-expand{display:none}
/* hero video (Cheryl, Oct 15): controls clear of the caption bar (40px caption + 16px), 16px in from the sides;
   more room between the headline column and the video */


html body .fh2-hero .fh-reel-prev{left:16px}
html body .fh2-hero .fh-reel-next{right:16px}


/* Proven results cards (Cheryl, Oct 15): off-white on off-white lost the top edge. A hairline plum border and a
   pure white fill separate them without adding weight */
html body .fh2-proof .fh2-bubble{background:#FFFFFF;box-shadow:var(--fh2-float),0 0 0 1px rgba(64,55,112,.1)!important}
/* video arrows: hover used a 12% plum tint, so the circle vanished over the video. Hover now fills plum with a white
   chevron and grows slightly */



/* the From Fullmind dotted line sits midway: 110px above it (from the carousel controls) and 110px below it (to the heading) */
@media (min-width:768px){html body .fh2-strip{margin-top:8px;padding-top:144px}}
/* ---------- footer pass (Cheryl, Oct 15) ---------- */
/* address centered on the wordmark's lowercase letters (x-height band 20–37.5px of the 40px logo), not its box */
html body .fm-f3-brand{gap:20px}
html body .fm-f3-addr{position:relative;top:9px}
/* room between the groups: logo row, Services, the three columns, the divider row */
html body .fm-f3-top{margin-bottom:40px}
html body .footer-middle.fm-f3-cols{row-gap:40px}
html body .fm-fcol{gap:8px}
html body .fm-f3-bottom{margin-top:40px;padding-top:24px}
/* 16px more space below the footer */
html body .section-padding-2.p-footer{padding-bottom:28px}
/* sized buttons center their label (the footer's Schedule a consultation sat at the top of its 48px box) */
html:root body a.button-white-2,
html:root body a.fsv-btn,html:root body a.fm-mi-kitdl{
 display:inline-flex;align-items:center;justify-content:center;text-align:center}
/* footer pass, at the footer's own specificity (its rules are !important) */
html body .s-footer.fm-footer-v3 .p-footer{padding-bottom:32px!important}
html body .fm-footer-v3 .fm-f3-top{margin-bottom:40px}
html body .fm-footer-v3 .fm-f3-bottom{margin-top:40px;padding-top:24px}
@media (min-width:992px){html:root body .fm-footer-v3 .fm-f3-cols{row-gap:40px!important}}
/* announcement bar: no underline (Cheryl, Oct 15) */
html body .fm-announce a,html body .fm-announce a *{text-decoration:none!important}

/* Services mega menu, calmer (Cheryl, Oct 15): no colored header bars or boxed columns. Each group is a bold plum
   title with a small dot in its group color over a plain list; "More services" gets the same treatment */
html:root body #fullmind-services-menu .dropdown-list-inner.is--mega{padding:28px 32px 32px}
html:root body #fullmind-services-menu .fullmind-services-all{display:inline-flex;margin:0 0 20px 8px;font-size:16px;font-weight:700;text-decoration:none}
html:root body #fullmind-services-menu .mega-dropdown-grid{row-gap:28px!important;column-gap:32px!important}
html:root body #fullmind-services-menu .mega-dropdown-column{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;overflow:visible}
html:root body #fullmind-services-menu .dropdown-column-title,html:root body #fullmind-services-menu .dropdown-column-title[class*="fm-sg--"]{
 display:flex!important;align-items:center;gap:10px;margin:0 0 6px!important;padding:0 8px 10px!important;background:transparent!important;box-shadow:none!important;
 border:0!important;border-bottom:1px solid rgba(64,55,112,.12)!important;border-radius:0!important;
 color:#403770!important;font-family:var(--font--dmsans);font-size:15px!important;font-weight:700!important;line-height:1.3;letter-spacing:0;text-transform:none}
html:root body #fullmind-services-menu .dropdown-column-title::before{content:"";flex:none;width:10px;height:10px;border-radius:50%;background:#FFFCFA;box-shadow:inset 0 0 0 1.5px rgba(64,55,112,.35)}
html:root body #fullmind-services-menu .dropdown-column-title.fm-sg--t1::before{background:#403770;box-shadow:none}
html:root body #fullmind-services-menu .dropdown-column-title.fm-sg--t2::before{background:#6EA3BE;box-shadow:none}
html:root body #fullmind-services-menu .dropdown-column-title.fm-sg--t3::before{background:#C4E7E6;box-shadow:inset 0 0 0 1px rgba(64,55,112,.15)}
html:root body #fullmind-services-menu .dropdown-column-title.fm-sg--t4::before{background:#EDFFE3;box-shadow:inset 0 0 0 1px rgba(64,55,112,.2)}
html:root body #fullmind-services-menu .dropdown-column-title.fm-sg--t5::before{background:#DBE6EB;box-shadow:inset 0 0 0 1px rgba(64,55,112,.15)}
html:root body #fullmind-services-menu .footer-dropdown-links-list{padding:0!important;gap:0;background:transparent!important}
html:root body #fullmind-services-menu .nav-dropdown-link{padding:7px 8px!important;border-radius:8px;font-size:15px;font-weight:400;color:#403770;text-decoration:none!important}
html:root body #fullmind-services-menu .nav-dropdown-link:hover,html:root body #fullmind-services-menu .nav-dropdown-link:focus-visible{background:rgba(64,55,112,.06)}

/* /services hero: more room between breadcrumb, headline, intro, buttons and the download row (Cheryl, Oct 15) */
html body .fsv-hero .fsv-crumbs{margin-bottom:20px}
html body .fsv-hero h1.fsv-display{margin-bottom:20px!important}
html body .fsv-hero .fsv-lead{margin-bottom:32px!important}
html body .fsv-hero .fsv-actions{margin-bottom:0}

html body .fsv-hero .fm-res-dl-open{background:transparent!important;padding:0!important;font-weight:700;text-decoration:none}


/* menu: "More services" title matches the other group titles (its own rule was 14px with a plum underline) */
html:root body #fullmind-services-menu .mega-dropdown-column[data-fm-group="more-services"] .dropdown-column-title{
 font-size:15px!important;padding:0 8px 10px!important;margin:0 0 6px!important;border:0!important;border-bottom:1px solid rgba(64,55,112,.12)!important}
html:root body #fullmind-services-menu .fullmind-services-all{gap:6px}

/* ===== /services "Services at a glance", redone (Cheryl, Oct 15) =====
   White cards like the homepage's, no colored header bands; photo thumb + bold title + light count; plain rows with
   a small icon, semibold name (no underline) and a quiet outlined +/- toggle; descriptions regular in lighter plum */



html:root body #services-at-a-glance .fm-sg-row{display:block!important;background:#FFFFFF!important;border:0!important;border-radius:20px!important;overflow:hidden;
 box-shadow:var(--fm-float,0 22px 44px -20px rgba(64,55,112,.3)),0 0 0 1px rgba(64,55,112,.1)!important}
html:root body #services-at-a-glance .fm-sg-name[class*="fm-sg--"]{display:flex!important;align-items:center;gap:16px;padding:20px 24px!important;margin:0!important;
 background:transparent!important;color:#403770!important;border:0!important;border-bottom:1px solid rgba(64,55,112,.1)!important;border-radius:0!important;box-shadow:none!important}








html:root body #services-at-a-glance .fm-sg-icon[class*="fm-sg-icon--"]{width:20px!important;height:20px!important;margin:4px 0 0!important;padding:0!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;color:#6F6799!important}


html:root body #services-at-a-glance .fsv2-svc-head{display:flex!important;align-items:center;justify-content:space-between;gap:12px}
html:root body #services-at-a-glance .fsv2-svc-head a,html:root body #services-at-a-glance .fsv2-svc-head a *{font-size:16px!important;font-weight:600!important;line-height:1.4;color:#403770!important;text-decoration:none!important}
html:root body #services-at-a-glance .fsv2-svc-head a:hover{color:#6F6799!important}
html:root body #services-at-a-glance .fsv2-plus,html:root body #services-at-a-glance .fsv2-plus[aria-expanded="true"]{flex:none;display:inline-flex!important;align-items:center;justify-content:center;width:28px!important;height:28px!important;min-height:0!important;padding:0!important;
 border:1.5px solid rgba(64,55,112,.25)!important;border-radius:50%!important;background:transparent!important;color:#403770!important;font-size:17px!important;font-weight:500!important;line-height:1!important;box-shadow:none!important;cursor:pointer}
html:root body #services-at-a-glance .fsv2-plus:hover{border-color:#403770!important;background:rgba(64,55,112,.05)!important}



html:root body #services-at-a-glance a{text-decoration:none!important}

@media (max-width:767px){html:root body #services-at-a-glance .fm-sg-name[class*="fm-sg--"]{padding:16px 20px!important}}
/* ===== /services follow-ups (Cheryl, Oct 15) ===== */
/* "Why schools choose Fullmind" lost its plum band with the Proven results change: plum text on the light page */





/* "Find your service": inside the page width, the role filter's chip style, no underlines */




/* See it in action / related rows: arrows beside the cards, vertically centered; room for the card shadows */
html body .fsv3-car{position:relative}
html body .fsv3-car > .fsv3-arrow{position:absolute;top:50%;z-index:3;width:44px;height:44px;margin-top:-22px;border-radius:50%;
 background:#FFFFFF!important;border:0!important;box-shadow:0 6px 18px rgba(64,55,112,.22)!important;color:#403770;transition:opacity .15s ease,background-color .15s ease,color .15s ease}
html body .fsv3-car > .fsv3-arrow--prev{left:-22px}
html body .fsv3-car > .fsv3-arrow--next{right:-22px}
html body .fsv3-car > .fsv3-arrow:hover{background:#403770!important;color:#FFFFFF}
html body .fsv3-car > .fsv3-arrow:disabled{opacity:0;pointer-events:none}
html body ul.fsv3-track{padding:16px 24px 48px!important;margin:-16px -24px -32px!important;scroll-padding-left:24px}
/* more space before "Related reading and listening" and between its rows */
html body .fm-action .fsv-wrap > h2:not(:first-child){margin-top:72px!important}
html body .fm-action .fsv3-sub{margin-top:32px}
@media (max-width:767px){html body .fsv3-car > .fsv3-arrow--prev{left:-8px}html body .fsv3-car > .fsv3-arrow--next{right:-8px}}
/* RULE (Cheryl, Oct 15): small all-caps labels use the lighter plum #6F6799 (5.0:1 on Off-white). Labels that sit on
   dark bands (Popular topics, Faces of Impact, the podcast eyebrow) stay white */
html:root body .fh2-progress-label,html:root body .fm-pk-kicker{color:#6F6799!important}
/* /services FAQ, redone (Cheryl, Oct 15): one centered column; the questions in a single white card with hairline
   dividers and the quiet +/- toggle used in Services at a glance; answers in the lighter plum; links without underlines */









html body #faq .fsv-faq-list details[open] summary::after{content:"−" / ""}









/* "Book a call" step (Cheryl, Oct 15): plain title + a real button under the description (secondary: plum outline) */
html body .fh2-step-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;margin-top:12px;padding:0 20px;border:1.5px solid #403770;border-radius:999px;
 background:transparent;color:#403770;font-size:15px;font-weight:700;line-height:1;text-decoration:none!important;transition:background-color .15s ease,color .15s ease}
html body .fh2-step-btn:hover{background:#403770;color:#FFFFFF}
html body .fh2-step-btn:focus-visible{outline:3px solid #403770;outline-offset:3px}
/* FAQ: the old two-column grid was winning; one column */

/* More services rows have no icon: keep the name in its own column so it isn't squeezed into the 20px icon slot;
   its header matches the other groups */





/* Services menu: no group dots (Cheryl, Oct 15); titles line up with their links */
html:root body #fullmind-services-menu .dropdown-column-title::before{display:none!important}
/* /resources download row is the footer's landing spot: keep it clear of the sticky header */
html body #downloads{scroll-margin-top:120px}
/* ===== service page heroes (all /services/* pages share this banner) — Cheryl, Oct 15 ===== */
/* room between breadcrumb, group badge, title, description and buttons */
html body .fsv-hero .fsv-crumbs{margin-bottom:28px!important}




/* the two columns centered on each other; the photo fits its column and the download button + link center under it */




/* "Download the LIVE Staffing one-pager": the LIVE wordmark span had no space after it */

/* service pages: more space between all sections (they were 10–28px) — Cheryl, Oct 15 */
html:root body .fsv:has(> section.fsv-hero) > section:not(.fsv-hero):not(.fh2-connect):not(.fsv-quotes){padding-top:64px!important;padding-bottom:64px!important}


@media (max-width:767px){html:root body .fsv:has(> section.fsv-hero) > section:not(.fsv-hero):not(.fh2-connect):not(.fsv-quotes){padding-top:44px!important;padding-bottom:44px!important}}
/* "What this means for your role": stacked — title, then the role chips, then the four roles with hairline dividers
   (no card inside the card) */










@media (max-width:991px){
 html:root body .fsv-persona .fsv-roles > li:nth-child(odd){padding-left:0!important;border-left:0!important}}

/* checkboxes and radios site-wide: plum fill, so the browser draws a white check (Cheryl, Oct 15). On the old Steel Blue
   fill the check was dark; white on Steel Blue would only be ~2.7:1 */
html:root body input[type="checkbox"],html:root body input[type="radio"]{accent-color:#403770!important}
/* "Build your packet" box, redone (Cheryl, Oct 15) */
html:root body .fm-packet--box{background:#FFFFFF!important;border:0!important;border-radius:20px!important;padding:24px!important;
 box-shadow:var(--fm-float,0 22px 44px -20px rgba(64,55,112,.3)),0 0 0 1px rgba(64,55,112,.1)!important}
html:root body .fm-packet--box .fm-pk-kicker{margin:0 0 14px!important;font-size:12.5px;letter-spacing:.12em}
html:root body .fm-packet--box .fm-pk-this{margin:0 0 4px!important;padding:0!important;list-style:none}
html:root body .fm-packet--box .fm-pk-this .fm-pk-item{display:flex!important;align-items:center;gap:14px;padding:12px 14px!important;border-radius:14px;
 background:#EEF6F6;box-shadow:inset 0 0 0 1px rgba(64,55,112,.18)}
html:root body .fm-packet--box .fm-pk-item img{width:52px!important;height:auto!important;border-radius:6px;box-shadow:0 4px 10px rgba(64,55,112,.18)}
html:root body .fm-packet--box .fm-pk-item > span{font-size:15px;font-weight:600;color:#403770}

html:root body .fm-packet--box .fm-pk-moreb{width:100%;justify-content:space-between;padding:14px 2px!important;font-size:15px!important;font-weight:600!important;color:#403770}
html:root body .fm-packet--box .fm-packet-go{display:flex!important;width:100%!important;margin:0!important}
html:root body .fm-packet--box .fm-packet-status,html:root body .fm-packet--box .fm-packet-count{display:block;text-align:center!important;margin:10px 0 0!important;font-size:14px;color:#6F6799}
/* service hero right column, redone (Cheryl, Oct 15: "At a glance" overlapping the photo looked weird).
   One unit: photo on top, the At a glance facts directly under it as a white panel with hairline rows, then the
   download button and link */












/* service hero right column, back to side by side (Cheryl, Oct 15: the original layout reads better), tidied:
   photo and At a glance are equal-height tiles; the photo fills its tile; download button + link centered beneath */







/* outlined (ghost) buttons: hover fills plum with white text, no grey fill or blue border */
html:root body .fsv .fsv-btn--ghost:hover,html:root body a.fsv-btn--ghost:hover,html:root body .fsv-btn--ghost:hover{background:#403770!important;color:#FFFFFF!important;border-color:#403770!important}
html:root body .fsv-btn--ghost{transition:background-color .15s ease,color .15s ease,border-color .15s ease}

/* step badges ("Step 1") in the live site's section-tag style: outlined pill, thin 20% plum border, solid plum dot,
   regular-weight sentence-case text (Cheryl, Oct 15) */


/* the three step cards match (step 1 was tinted) */
html:root body :is(li,div,article):has(> .fm-path-step){background:#FFFFFF!important;border:0!important;border-radius:20px!important;
 box-shadow:var(--fm-float,0 22px 44px -20px rgba(64,55,112,.3)),0 0 0 1px rgba(64,55,112,.1)!important}
/* hero photo fills its tile (no grey strip under the image) */


html:root body .fm-packet--box .fm-pk-foot{display:flex!important;flex-direction:column!important;align-items:stretch!important}
html:root body .fm-packet--box .fm-pk-foot .fm-packet-count,html:root body .fm-packet--box .fm-pk-foot .fm-packet-status{align-self:stretch!important;width:100%!important;text-align:center!important}
/* step cards: one shared rhythm for all three (Cheryl, Oct 15) */








/* service-page testimonials, after the live site (Cheryl, Oct 15): an inset rounded plum panel holding white cards;
   quote text regular DM Sans, coral quote mark, bold name; exactly two whole cards per view (no clipped slides) */












html:root body .fsv-quotes .fsv4-qctl .fsv4-arrow:hover:not(:disabled){background:#FFFFFF!important;color:#403770!important}




/* RULE (Cheryl, Oct 15): rounded content sections never run edge to edge — they sit inset with side margins and are
   rounded on all corners. The footer and the mission banner above it stay full width */
html:root body{--fm-inset:clamp(16px,4vw,64px)}
html:root body :is(.fh2-hero,.fsv-hero,.fm-banner-hero,.fh-hero.fm-results-hero,.fa-faces,.fh2-connect,section.fsv-mint:not(.fsv-hero)){
 margin-left:var(--fm-inset)!important;margin-right:var(--fm-inset)!important;border-radius:var(--fm-curve,44px)!important}
html:root body :is(.fh2-hero,.fsv-hero,.fm-banner-hero,.fh-hero.fm-results-hero){margin-top:16px!important}
html:root body .fh2-connect{margin-bottom:40px!important}
html:root body .fm-mission-band,html:root body .fm-mission-band picture{margin-left:0!important;margin-right:0!important}
@media (max-width:767px){html:root body{--fm-inset:12px}html:root body :is(.fh2-hero,.fsv-hero,.fm-banner-hero,.fh-hero.fm-results-hero){margin-top:8px!important}}

/* the "64px between sections" rule is for service pages only (it was also flattening the homepage's rhythm) */
@media (min-width:768px){html body .fh2-strip{padding-bottom:120px}}
/* hero photo: lift the page's own 190px max-height so the image fills its tile; more room above the download button */


/* service pages: the classroom section had its own 28px padding */
html:root body .fsv:has(> section.fsv-hero) > section.fm-classroom{padding-top:64px!important;padding-bottom:64px!important}
/* service pages with their own fsv4 stylesheet: beat its 8px breadcrumb margin and 28px section padding */
html:root body .fsv-hero .fsv-crumbs{margin-bottom:28px!important}


/* inset heroes: no steel-blue bottom rule (a leftover from the full-width hero; it reads as a stray border on the
   rounded panel) */
html:root body :is(.fsv-hero,.fm-banner-hero,.fh2-hero,.fh-hero.fm-results-hero){border-bottom:0!important;box-shadow:none!important}
/* service heroes: the breadcrumb-to-badge gap was 28–78px because the text column was centered against image columns
   of different heights. Text column pinned to the top (same 28px gap on every page); the image column centers on it */

/* only clickable cards lift on hover; content containers (role panel, packet box, glance, quotes) stay still */
@media (hover:hover) and (pointer:fine){
 html:root body .fsv-card:hover,html:root body .fsv-card,html:root body .fm-packet--box:hover,html:root body .fsv-quote:hover{transform:none!important;transition:none!important}
 html:root body .fsv-card:hover{box-shadow:var(--fm-float)!important}
}
/* single-role view (Cheryl, Oct 15): same divider as All roles; heading + summary on the left, a plain checklist on the
   right (no mint chips) */







/* role panel: no role icons (Cheryl, Oct 15) — more words per line, easier to scan */




/* "Just like a normal classroom" checklist (Cheryl, Oct 15): more room above the list and after each check */


/* packet box: even padding (the page's fsv4 stylesheet shrank it to 12px); the empty status line no longer adds space;
   "Add more one-pagers" hover is a quiet text-color change, not a tinted block */
html:root body #fm-packet-box.fm-packet--box{padding:24px!important}
html:root body #fm-packet-box .fm-packet-status:empty{display:none!important}
html:root body #fm-packet-box .fm-pk-moreb:hover,html:root body #fm-packet-box .fm-pk-moreb:focus-visible{background:transparent!important;color:#6F6799!important}
html:root body #fm-packet-box .fm-pk-moreb{background:transparent!important;border-radius:0!important}
/* step card 3 uses an <ol>, card 2 a <ul>: same treatment for both */




/* more room between the step cards and "Talk with us about …" */


/* testimonials: the Watch link sits on the paginator's row, right-aligned (Cheryl, Oct 15) */



/* testimonial cards: "Read more" hugs the quote (lighter plum), the name follows with clear room (Cheryl, Oct 15) */






/* service-page testimonials: show each quote in full; no Read more (Cheryl, Oct 15 — the quotes are short) */



/* row carousels on service pages: no paginator when everything already fits (both arrows disabled) — Cheryl, Oct 15 */
html:root body .fsv4-ctl:not(:has(.fsv4-arrow:not(:disabled))) .fsv4-arrow{display:none!important}
html:root body .fsv3-ctl:not(:has(.fsv3-arrow:not(:disabled))) .fsv3-arrow{display:none!important}
/* room for the card shadows (they were clipped by the scrolling track) and no underlines on the row links */
html:root body ul.fsv4-track{padding:16px 24px 48px!important;margin:-16px -24px -32px!important;scroll-padding-left:24px}
html:root body .fsv4-track a{text-decoration:none!important}
/* RULE (Cheryl, Oct 15): every "→" text CTA matches "Compare all services →": bold plum, no underline, the arrow nudges
   on hover. Section-level links 16px; links inside cards 15px. The light variant on plum stays white */
html:root body :is(.fh2-all,.fsv3-all,.fsv4-all,.fm-row-all,.fm-bi-seeall,.fm-study-link,.fm-op-more,.fh2-strip-more a,.lcw-all-guests a,.fsv2-more-q a,.fsv4-vcap a,.fm-platform-login a){
 font-size:16px!important;font-weight:700!important;color:#403770;text-decoration:none!important;letter-spacing:0}
html:root body :is(.fh2-more,.fm-res-go,.fh2-strip-cta){font-size:15px!important;font-weight:700!important;text-decoration:none!important}

html:root body :is(.fh2-all,.fsv3-all,.fsv4-all,.fm-row-all,.fm-bi-seeall,.fm-study-link,.fm-op-more,.fh2-strip-more a,.lcw-all-guests a,.fsv2-more-q a,.fsv4-vcap a,.fm-platform-login a,.fh2-more,.fm-res-go,.fh2-strip-cta):hover{text-decoration:none!important;opacity:.85}
/* video cards, details typography (Cheryl, Oct 15) */




html:root body .fsv4-vmore[open] > summary::after{transform:rotate(180deg)}
html:root body .fsv4-vmore[open] > summary{margin-bottom:10px}




/* video cards (Cheryl, Oct 15): larger titles; service tags read as data, not buttons (faint border, regular weight) */
html:root body .fm-vcard h3{font-size:19px!important;line-height:1.3!important;font-weight:700!important}


/* fsv4 rows (service pages, blog): arrows beside the cards, vertically centered; hidden when there's nothing to scroll */







/* reading/listening cards: image runs edge to edge (no white frame) */


html:root body .fm-gcard > :not(.fm-gcard-art){padding-left:20px;padding-right:20px}


/* "Share with your team": larger, roomier, no shadow */
html:root body .fsv-share-box{box-shadow:none!important;padding:36px 40px!important;border:1.5px dashed rgba(64,55,112,.25)!important;border-radius:20px!important;gap:24px 40px}
html:root body .fsv-share-box h2{font-size:28px!important;line-height:1.2!important;margin:0 0 8px!important}
html:root body .fsv-share-box p{font-size:17px!important;line-height:1.55!important;color:#6F6799!important;margin:0!important}
html:root body .fsv4-car:not(:has(> .fsv4-arrow:not(:disabled))) > .fsv4-arrow,html:root body .fsv3-car:not(:has(> .fsv3-arrow:not(:disabled))) > .fsv3-arrow{display:none!important}
/* "More about …": room between the heading and its toggle */


/* reading cards: beat the page's 10px card padding so the image runs edge to edge */



/* service hero tiles: no shadow (Cheryl, Oct 15) */


/* RULE (Cheryl, Oct 15 — "too many shadows, make a decision"): shadows only on clickable cards (they lift on hover).
   Static containers are flat with a hairline border */
html:root body :is(ol.fm-path > li,#fm-packet-box,.fsv-persona .fsv-card,.fsv-glance,#faq .fsv-faq-list,.fh2-proof .fh2-bubble,
 #services-at-a-glance .fm-sg-row,.fh2-connect-card,.fsv-share-box,.fsv-quotes .fsv-quote),
html:root body.fsv4-page :is(ol.fm-path > li,#fm-packet-box,.fsv-persona .fsv-card,.fsv-glance){
 box-shadow:0 0 0 1px rgba(64,55,112,.12)!important}
html:root body .fsv-share-box{box-shadow:none!important}

/* the stray photo trailing "How it works" on service pages (nothing beside it; read as random) — removed */

/* reading cards: title sits close under the image */



/* At a glance: less space above and below the label */



/* service hero: one coral CTA only. The one-pager download is a secondary outlined button (Cheryl, Oct 15) */





/* At a glance: one continuous divider per row (the column gap split it in two) */


/* header grouping (Cheryl, Oct 15): text links | 32px | Log in · Build your plan · Search, 10px apart */
@media screen and (min-width:992px){
 html:root body .nav-menu-links-inner > .fullmind-header-outline-link{margin-left:20px!important}
 html:root body .nav-menu-links-inner > .nav-buttons-wraper{margin-left:-2px!important}
 html:root body ._w-nav-2:has(.fm-search){column-gap:10px!important;grid-column-gap:10px!important}
}
html:root body .nav-menu .fm-search input{padding-left:20px!important}
/* hero download: solid plum (between the coral primary and an outline) — Cheryl, Oct 15: outline was too subtle */





/* buttons: no plum ring on hover (Cheryl, Oct 15) — hover darkens the fill; the ring stays for keyboard focus only */
html:root body a.fsv-btn--primary:hover,html:root body button.fsv-btn--primary:hover,html:root body a.nav-button:hover,html:root body a.fullmind-mobile-header-cta:hover,html:root body button.fm-pk-go:hover,html:root body .fm-kit-send:hover,html:root body a.button-white-2:hover,html:root body a.fm-mi-kitdl:hover,html:root body button.fh2-btn:hover,html:root body a.fh2-btn:hover{box-shadow:none!important}
/* row headings: clear space before the cards (the track's -16px shadow margin was swallowing it) */

/* related reading → share box: one normal gap, not two stacked section paddings (Cheryl, Oct 15) */
html:root body .fsv:has(> section.fsv-hero) > section.fsv-share{padding-top:8px!important}





/* IEP progress-monitoring band (Cheryl, Oct 15): no white frame (leftover Webflow .p-120 border), inset rounded panel,
   even rhythm, copy and screenshot centered on each other */







html:root body .progress-monitoring-promo__copy :is(a,.button,.w-button):last-child{margin-top:16px!important}





/* share box: equal 64px above and below (above comes from the FAQ/related section's own bottom padding) */
html:root body .fsv:has(> section.fsv-hero) > section.fsv-share.fsv4-share:not(.fsv-hero):not(.fh2-connect):not(.fsv-quotes){padding-top:0!important;padding-bottom:64px!important}
/* Case Management "At a glance" (kicker + title + numbered list): same look as the other glance panels */





/* Case Management outcomes band (Cheryl, Oct 15): brand Mint instead of grey, inset rounded panel, more vertical room */



html:root body .fsv:has(> section.fsv-hero) > section.case-management-intro:not(.fsv-hero):not(.fh2-connect):not(.fsv-quotes){padding-top:64px!important;padding-bottom:64px!important;margin-bottom:48px!important}
/* Case Management "Dedicated coordination" (Cheryl, Oct 15): roomier section; the three grey boxes become one clean list */
html:root body .fsv:has(> section.fsv-hero) > section.case-management-section:not(.case-management-section--plum):not(.fsv-hero):not(.fh2-connect):not(.fsv-quotes){padding-top:88px!important;padding-bottom:88px!important}


html:root body .case-management-section:not(.case-management-section--plum) .case-management-eyebrow{color:#6F6799!important}








@media (max-width:767px){html:root body .fsv:has(> section.fsv-hero) > section.case-management-section:not(.case-management-section--plum):not(.fsv-hero):not(.fh2-connect):not(.fsv-quotes){padding-top:56px!important;padding-bottom:56px!important}}
/* Case Management page (its sections live in main.case-management-page) */
html:root body.fsv4-page main.case-management-page > section.case-management-section:not(.case-management-section--plum){padding-top:88px!important;padding-bottom:88px!important}

/* plum band: all-caps eyebrow in Robin's Egg (lighter on plum, ~8:1); cards start closer to their number */




/* plum "Connected student support" band: more room, inset rounded like the other colored panels, serif heading */





/* "Built around district needs" robin band: same treatment as the plum band (88px, inset rounded, serif heading) */





/* district-needs band: description and bullets share one size and rhythm */




html:root body.fsv4-page section[class^="case-management"] .case-management-fit__content p{font-size:17px!important;line-height:1.6!important}
/* Case Management FAQ: no leftover grey band; roomy, and clear space before the form band */


/* Case Management body (Cheryl, Oct 15): four parts of one story share one palette — they alternate the hero's pale
   Robin's Egg tint (inset rounded panels) and plain cream; plum text throughout; cards white with a hairline */



/* former plum band: plum text on the tint, white cards */







/* checklist rows: equal space above and below (the page pinned 10px 12px and the paragraph kept an 8px margin) */
html:root body.fsv4-page section[class^="case-management"] .case-management-checklist article{padding:22px 0!important}
html:root body.fsv4-page section[class^="case-management"] .case-management-checklist article p{margin:0!important}
html:root body.fsv4-page section[class^="case-management"] .case-management-checklist article h3{margin:0 0 6px!important}
/* hero photo tile: never taller than 280px; when the glance panel is taller (Case Management), the photo centers beside it */

/* "Connected student support": no background panel (Cheryl, Oct 15); eyebrow matches the other sections */


/* Case Management outcomes: now a titled section (Cheryl, Oct 15) */




/* Case Management body: tighter rhythm between the sections (Cheryl, Oct 15) — 64px inside each, 16px around panels */

html:root body.fsv4-page main.case-management-page > section.case-management-section:not(.case-management-section--plum){padding-top:64px!important;padding-bottom:64px!important}



html:root body.fsv4-page main.case-management-page > section.case-management-section:not(.case-management-section--plum){padding-top:44px!important;padding-bottom:44px!important}

/* district needs: title and content top-aligned; more room between the paragraph and the bullets */

html:root body.fsv4-page section[class^="case-management"] .case-management-fit__content p{margin:0 0 24px!important}
/* "Find your service": one pill per service (the .fsv2-need wrapper was drawing a second pill around each link) */

/* "Why schools choose Fullmind": the title was still white from its old plum band (invisible on cream) */



/* "Find your service" as a directory, not filter chips (Cheryl, Oct 15): need → service rows with hairlines, the service a
   bold arrow link, so it reads as navigation to another page */











/* directory rows: un-hide the need line (visually-hidden clip-path), square rows (the old 999px pill radius) */


html:root body .fsv2-find .fsv2-need > :not(.fsv2-need-text):not(a){display:none!important}
/* directory: no stray arrow above each row */

/* "Why schools choose Fullmind": the four reasons on a pale-tint panel, icons in white circles (Cheryl, Oct 15) */







/* Services at a glance, refined (Cheryl, Oct 15) */
/* icon sits on the title line, not centered on an open row */


html:root body #services-at-a-glance .fsv2-svc-head{min-height:28px}
/* the open row: description, then a "View service →" link to its page */




html:root body #services-at-a-glance .fsv2-plus[aria-expanded="true"]{background:#403770!important;color:#FFFFFF!important;border-color:#403770!important}
/* "More services" card matches the others: same header, count, icons and row indent */


/* (removed: More services icons; glance cards have no icons now) */



/* /services "See it in action" (Cheryl, Oct 15): no tint panel, no Steel Blue strip on the card tops, an eyebrow like the
   other sections, and room for the card shadows inside the scrolling track */
html:root body section.fsv-mint.fm-action{background:transparent!important;margin-left:0!important;margin-right:0!important;border-radius:0!important}
html:root body .fm-sec-eyebrow{margin:0 0 12px!important;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#6F6799}
html:root body .fm-action-card > a,html:root body .fm-res-card,html:root body .fm-bi-card,html:root body .lcw-ep-card,html:root body .lcw-card > a{border-top:0!important}
html:root body section.fm-action ul.fsv3-track.fsv3-track{padding:16px 24px 56px!important;margin:-16px -24px -40px!important;scroll-padding-left:24px}
/* glance cards: "More services" padding matches the others; with a role panel open, the cards drop to two columns */
html:root body #services-at-a-glance .fm-sg-row:has(> .fm-sg--t6){padding:0!important}
html:root body .fm-hub-grid:has(> .fm-role-panel:not([hidden])) .fm-sg-rows{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html:root body #services-at-a-glance .fm-hub-grid:has(> .fm-role-panel:not([hidden])) .fm-sg-rows{grid-template-columns:repeat(2,minmax(0,1fr))!important}
/* /services FAQ: "More questions" sits right under the list; "Also see" lives below the box */



/* inset panels never touch: 32px between stacked rounded panels (FAQ → connect, etc.) */
html:root body section.fsv-mint:not(.fsv-hero):not(.fm-action),html:root body .fh2-connect{margin-top:32px!important;margin-bottom:32px!important}
/* Services at a glance (Cheryl, Oct 15): lighter icons; the +/- toggle becomes a subtle chevron that flips when open */


html:root body #services-at-a-glance .fm-sg-icon svg [fill]:not([fill="none"]){fill:currentColor}
html:root body #services-at-a-glance .fsv2-plus,html:root body #services-at-a-glance .fsv2-plus[aria-expanded="true"]{width:28px!important;height:28px!important;border:0!important;border-radius:50%!important;
 background:transparent!important;font-size:0!important;color:transparent!important;position:relative}
html:root body #services-at-a-glance .fsv2-plus::before{content:"";position:absolute;inset:0;margin:auto;width:14px;height:14px;
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3.5 5.25 7 8.75l3.5-3.5' stroke='%236F6799' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat;
 transition:transform .2s ease}
html:root body #services-at-a-glance .fsv2-plus[aria-expanded="true"]::before{transform:rotate(180deg)}
html:root body #services-at-a-glance .fsv2-plus:hover{background:rgba(64,55,112,.06)!important}
@media (prefers-reduced-motion:reduce){html:root body #services-at-a-glance .fsv2-plus::before{transition:none}}
/* service rows: the head toggles; "View service" is a small outlined button inside the open row */
html:root body #services-at-a-glance .fsv2-svc-head{cursor:pointer}



/* role side panel on /services (Cheryl, Oct 15): no Steel Blue top border; flat card, calmer hierarchy */
html:root body .fm-role-panel .fm-rp{border:0!important;border-top:0!important;border-radius:20px!important;background:#FFFFFF!important;
 box-shadow:0 0 0 1px rgba(64,55,112,.12)!important;padding:24px!important;gap:16px!important}
html:root body .fm-role-panel .fm-rp::before{display:none!important}
html:root body .fm-role-panel .fm-rp-head{display:flex;align-items:center;gap:14px}


html:root body .fm-role-panel h3{font-size:22px!important;line-height:1.2!important;margin:2px 0 0!important}






/* role panel: a full-width strip under the role buttons (no side column squeezing the cards) — Cheryl, Oct 15 */
html:root body #services-at-a-glance .fm-hub-grid{display:block!important}

html:root body #services-at-a-glance .fm-glance > .fm-role-panel[hidden]{display:none!important}
html:root body #services-at-a-glance .fm-role-panel .fm-rp:not([hidden]){display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);column-gap:48px;row-gap:12px;align-items:start}


html:root body #services-at-a-glance .fm-hub-grid:has(.fm-role-panel:not([hidden])) .fm-sg-rows{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media (max-width:767px){html:root body #services-at-a-glance .fm-role-panel .fm-rp:not([hidden]){grid-template-columns:1fr}
 }
html:root body #services-at-a-glance .fm-role-panel .fm-rp > :not(.fh-role-links){grid-column:1!important}

@media (max-width:767px){html:root body #services-at-a-glance .fm-role-panel .fm-rp > *{grid-column:1!important;grid-row:auto!important}}
/* role strip: head on top-left; the body splits into "top of mind" (left) and the service links (right) */
html:root body #services-at-a-glance .fm-role-panel .fm-rp:not([hidden]){display:block!important}
html:root body #services-at-a-glance .fm-role-panel .fm-rp-head{margin-bottom:16px}
html:root body #services-at-a-glance .fm-role-panel .fm-rp-toggle{display:none!important}
html:root body #services-at-a-glance .fm-role-panel .fm-rp-body{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);column-gap:56px;align-items:start}

@media (max-width:767px){html:root body #services-at-a-glance .fm-role-panel .fm-rp-body{grid-template-columns:1fr}
 }
/* Services at a glance cards: tighter left/top/right padding (Cheryl, Oct 15) */
html:root body #services-at-a-glance .fm-sg-name[class*="fm-sg--"]{padding:16px 18px!important}


/* row icons a touch smaller (Cheryl, Oct 15) */




/* /services: Services at a glance → Why schools choose Fullmind, 80px instead of 128px */
html:root body #services-at-a-glance > .fsv-wrap{padding-bottom:0!important}
html:root body section#services-at-a-glance{padding-bottom:40px!important}
html:root body section#why{padding-top:40px!important}
/* "Keep learning" eyebrow: the section's top spacing moves from the heading to the eyebrow */


/* stacked rounded panels breathe a bit more: 56px apart (Cheryl, Oct 15) */
html:root body section.fsv-mint:not(.fsv-hero):not(.fm-action),html:root body .fh2-connect{margin-top:56px!important;margin-bottom:56px!important}
/* form options: no extra ring after a click; the focus ring shows for keyboard focus only (Cheryl, Oct 15) */
html:root body .fh2-choice:focus-within,html:root body .fh2-pill:focus-within{outline:0!important}
html:root body .fh2-choice:has(input:focus-visible),html:root body .fh2-pill:has(input:focus-visible){outline:2px solid #403770!important;outline-offset:2px!important}
/* Services menu links: full-width pale blue hover, no outline (Cheryl, Oct 15) */
html:root body #fullmind-services-menu .footer-dropdown-links-list{display:flex!important;flex-direction:column;align-items:stretch!important}
html:root body #fullmind-services-menu .nav-dropdown-link{display:flex!important;align-items:center;width:100%!important;box-sizing:border-box;border:0!important;box-shadow:none!important;outline:0}
html:root body #fullmind-services-menu .nav-dropdown-link:hover{background:#E6F4F3!important}
html:root body #fullmind-services-menu .nav-dropdown-link:focus-visible{background:#E6F4F3!important;outline:2px solid #403770;outline-offset:-2px}
html:root body #fullmind-services-menu .nav-dropdown-link{justify-content:flex-start!important;text-align:left!important}
html:root body #fullmind-services-menu .nav-dropdown-link > *{text-align:left!important}
/* serif headings: no negative tracking anywhere (Cheryl, Oct 15 — letters felt crowded) */
html:root body h1,html:root body h2{letter-spacing:0!important}
/* uppercase labels that are h2 elements keep their wide tracking */

/* Case Management FAQ: pale tint panel (continues the tint/cream alternation); white cards */


/* Case Management FAQ: full-width tint band (Cheryl, Oct 15 — exception to the inset-panel rule) */

/* comparison tables (Credit Recovery, Attendance Management) — Cheryl, Oct 15 */







/* the Fullmind column is highlighted, top to bottom */



/* comparison tables on phones: each row stacks as a small card, options labeled by their column */


/* ===== FAQs unified (Cheryl, Oct 15): every FAQ = full-width pale tint band, left-aligned serif title, questions in one
   white card with hairline rows and a quiet chevron. The band is painted behind the FAQ block only (full-bleed shadow),
   so the "Related reading" row that shares the service-page section stays on cream ===== */
html:root body section#faq.fsv-mint{background:transparent!important;margin-left:0!important;margin-right:0!important;border-radius:0!important}
html:root body :is(#faq,section.fsv-faq) .fsv-faq-main{position:relative;max-width:none!important;margin:0!important;padding:64px 0!important;
 background:rgba(196,231,230,.32);box-shadow:0 0 0 100vmax rgba(196,231,230,.32);clip-path:inset(0 -100vmax)}
html:root body :is(#faq,section.fsv-faq) .fsv-faq-main > h2{text-align:left!important;margin:0 0 28px!important}
html:root body :is(#faq,section.fsv-faq) .fsv-faq-list{display:block!important;columns:auto!important;grid-template-columns:none!important;max-width:880px;background:#FFFFFF!important;border-radius:20px;padding:4px 28px!important;
 box-shadow:0 0 0 1px rgba(64,55,112,.12)!important;border:0!important}
html:root body :is(#faq,section.fsv-faq) .fsv-faq-list details{border:0!important;border-bottom:1px solid rgba(64,55,112,.1)!important;margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}
html:root body :is(#faq,section.fsv-faq) .fsv-faq-list details:last-of-type{border-bottom:0!important}
html:root body :is(#faq,section.fsv-faq) .fsv-faq-list summary{display:flex!important;align-items:center;justify-content:space-between;gap:20px;padding:20px 0!important;cursor:pointer;list-style:none;
 font-family:var(--font--dmsans);font-size:17px!important;font-weight:600!important;line-height:1.4;color:#403770!important;background:none!important}
html:root body :is(#faq,section.fsv-faq) .fsv-faq-list summary::-webkit-details-marker{display:none}
html:root body :is(#faq,section.fsv-faq) .fsv-faq-list summary::before{display:none!important}
html:root body :is(#faq,section.fsv-faq) .fsv-faq-list summary::after{content:"" / ""!important;flex:none;width:14px!important;height:14px!important;border:0!important;border-radius:0!important;
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3.5 5.25 7 8.75l3.5-3.5' stroke='%236F6799' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat!important;
 transition:transform .2s ease;font-size:0!important}
html:root body :is(#faq,section.fsv-faq) .fsv-faq-list details[open] summary::after{transform:rotate(180deg)}
html:root body :is(#faq,section.fsv-faq) .fsv-faq-list details > :not(summary){margin:-6px 40px 20px 0!important;font-size:16px!important;line-height:1.6!important;color:#4E4680!important}
html:root body :is(#faq,section.fsv-faq) .fsv-faq-list > p.fsv2-more-q,html:root body :is(#faq,section.fsv-faq) .fsv-faq-main > p.fsv2-more-q{text-align:left!important;margin:0!important;padding:16px 0 18px!important}
html:root body :is(#faq,section.fsv-faq) .fsv-faq-main > p.fsv2-also{text-align:left!important;margin:20px 0 0!important}
/* Case Management FAQ: same band and title treatment (its cards stay a grid) */

@media (prefers-reduced-motion:reduce){html:root body :is(#faq,section.fsv-faq) .fsv-faq-list summary::after{transition:none}}
@media (max-width:767px){html:root body :is(#faq,section.fsv-faq) .fsv-faq-main{padding:44px 0!important}html:root body :is(#faq,section.fsv-faq) .fsv-faq-list{padding:4px 18px!important}}
/* comparison table: its title sits above the card; both column headings in plum */


/* FAQ questions: text flows normally (inline wordmarks like LIVE no longer split); chevron pinned right */
html:root body :is(#faq,section.fsv-faq) .fsv-faq-list summary{display:block!important;position:relative;padding-right:40px!important}
html:root body :is(#faq,section.fsv-faq) .fsv-faq-list summary::after{position:absolute;right:0;top:50%;margin-top:-7px}
/* "fsv4-pairs" (the four topics under a comparison table): its own section — clear of the table, 2×2 flat cards */






/* "Show all questions" lives inside the FAQ card, as a quiet text control under the last question */


html:root body .fsv-faq-list > .fsv4-faq-all[aria-expanded="true"]::after{transform:rotate(180deg)}
html:root body .fsv-faq-list > .fsv4-faq-all[hidden]{display:none!important}

html:root body.fsv4-page section[class*="progress-monitoring"] .progress-monitoring-promo__grid[class*="grid"]{gap:56px 104px!important;column-gap:104px!important}
/* comparison sections (Credit Recovery, Attendance): full page width; only the intro paragraph keeps a reading measure */


/* comparison tables on phones, redone (Cheryl, Oct 15): topic, then the two options side by side */

@media (max-width:767px){
 /* rows with three values (Attendance) stack instead of squeezing into thirds */
 html:root body .fsv-table tbody tr:has(td:nth-of-type(3)){grid-template-columns:1fr}
 html:root body .fsv-table tbody tr:has(td:nth-of-type(3)) td{margin:0!important;padding:8px 16px 12px!important}
}
/* table: no doubled line under the card edge; no 620px minimum on phones (it clipped the right column) */


/* service hero below desktop: At a glance spans the full width (Cheryl, Oct 15) */

/* hero panels on tablets/phones: much less top/bottom padding (Cheryl, Oct 15) */
@media (max-width:991px){
 html:root body .fsv-hero .fsv-wrap{padding-top:32px!important;padding-bottom:36px!important}
 html:root body .fsv-hero{padding-top:0!important;padding-bottom:0!important}
}
@media (max-width:767px){
 html:root body .fsv-hero .fsv-wrap{padding-top:24px!important;padding-bottom:28px!important}
 html:root body .fsv-hero .fsv-crumbs{margin-bottom:20px!important}
}
/* 4-column tables (Attendance tiers): narrow label column; the other three share the rest */
@media (min-width:768px){
 html:root body .fsv-table:has(thead th:nth-child(4)) thead th:first-child,html:root body .fsv-table:has(thead th:nth-child(4)) tbody th{width:110px!important}
}

/* ===== /summer programs + delivery models, redone (Cheryl, Oct 15) ===== */



html:root body .s-summer-features :is(.services-block,.delivery-block){background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;transform:none!important}
html:root body .s-summer-features :is(.services-inner,.delivery-inner){padding:0!important;background:transparent!important}




/* programs: 4-column grid of flat cards */





/* delivery models: one row, plum check, label */










/* "More services" group badge (Cheryl, Oct 15): the only outlined badge read as a button — give it a soft lavender fill
   like the other groups' filled badges, no outline */

/* current-page indicator in the header (Cheryl, Oct 15): the open menu shows the page you're on with the selected fill
   and bolder text; no marker on the top-level item */
html:root body .nav-menu-links .dropdown-list a[aria-current="page"]:not(.fullmind-services-all){background:#EEF6F6!important;font-weight:600!important;color:#403770!important}
html:root body .nav-menu-links .dropdown-list a[aria-current="page"] *{font-weight:600!important}
/* Case Management hero photo: frame the educator and her screen, not the empty wall to the left */
html:root body .fsv-hero-photo img[src*="homebound-instruction-certified-teacher-live-online-lesson"]{object-position:85% 50%!important}
/* Professional Learning hero photo: keep the presenter in frame */
html:root body .fsv-hero-photo img[src*="thisisengineering-h6gCRTCxM7o"]{object-position:78% 50%!important}
/* /home-learning hero (Cheryl, Oct 15): use the whole band — wider content, taller band, bigger type and a bigger
   Minnesota $2,550 graphic */

/* header menus (Cheryl, Oct 15): one hover treatment everywhere — the Services menu's robin fill, no grey, no outline */
html:root body .nav-menu-links .dropdown-list a.nav-dropdown-link:hover,html:root body .nav-menu-links .dropdown-list a.nav-dropdown-link:focus,
html:root body .nav-menu-links .dropdown-list a.fullmind-families-link:hover,html:root body .nav-menu-links .dropdown-list a.fullmind-families-link:focus{
 background:#E6F4F3!important;border-color:transparent!important;box-shadow:none!important;outline:0!important;color:#403770!important}
html:root body .nav-menu-links .dropdown-list a.nav-dropdown-link:focus-visible{outline:2px solid #403770!important;outline-offset:-2px}
html:root body .nav-menu-links .dropdown-list a.nav-dropdown-link{border:0!important;box-shadow:none!important}
/* ===== /home-learning, redesigned to the site's own style (Cheryl, Oct 15): DM Sans body, DM Serif Display titles,
   plum/coral/robin, open sections (no accordions), flat cards with hairlines, the shared FAQ look and form styling ===== */
html:root body :is(.fhl-hero,.fhl-section,.fhl-footnote),html:root body :is(.fhl-hero,.fhl-section,.fhl-footnote) :is(p,li,span,strong,label,legend,input,select,button,a,div,h3,figcaption){font-family:var(--font--dmsans),"DM Sans",sans-serif!important}
html:root body :is(.fhl-hero h1,.fhl-section h2){font-family:var(--font--dmserifdisplay),"DM Serif Display",serif!important;font-weight:400!important;letter-spacing:0!important}





/* open sections: header row is just the title */




/* hero */






html:root body :is(.fhl-hero,.fhl-section) .fhl-btn{min-height:48px!important;height:48px;padding:0 26px!important;border-radius:999px!important;font-size:16px!important;font-weight:700!important;display:inline-flex!important;align-items:center;justify-content:center;box-sizing:border-box;text-decoration:none!important}
html:root body :is(.fhl-hero,.fhl-section) :is(.fhl-btn--primary,.fhl-btn--coral){background:#E9625A!important;border:0!important;color:#FFFCFA!important}
html:root body :is(.fhl-hero,.fhl-section) :is(.fhl-btn--primary,.fhl-btn--coral):hover{background:#DF564C!important}


/* what you get: three flat cards */





/* funds: inset plum panel with four steps */

html:root body .fhl-funds h2,html:root body .fhl-funds h3{color:#FFFCFA!important}






/* what you can buy: five tint cards */






/* about: copy left, facts on a tint panel right */









/* FAQ: the shared FAQ look — full-width tint band, white card list, chevrons */








html:root body .fhl-faq__list details[open] summary::after{transform:rotate(-135deg);margin-top:-2px}

/* sign up: heading left, form card right */


html:root body .fhl-signup :is(.fhl-state-step,.fhl-form){grid-column:2}

html:root body .fhl-signup .fhl-form{background:#FFFFFF!important;border:0!important;box-shadow:0 0 0 1px rgba(64,55,112,.12)!important;border-radius:20px!important;padding:28px!important;margin:0!important}
html:root body .fhl-signup :is(.fhl-field label,.fhl-state-label,.fhl-choice legend){font-size:14px!important;font-weight:600!important;color:#403770!important;margin:0 0 10px!important}
html:root body .fhl-signup :is(.fhl-field input:not([type=radio]),.fhl-state-select){height:48px!important;padding:0 16px!important;border:1px solid rgba(64,55,112,.22)!important;border-radius:12px!important;background:#FFFCFA!important;font-size:16px!important;color:#403770!important;box-shadow:none!important;width:100%;max-width:none!important;box-sizing:border-box}
html:root body .fhl-signup :is(.fhl-field input,.fhl-state-select):focus{border-color:#403770!important;outline:2px solid rgba(110,163,190,.5)!important;outline-offset:1px}








@media (max-width:991px){
 
 html:root body .fhl-signup :is(.fhl-state-step,.fhl-form){grid-column:auto;grid-row:auto}
 
 
 
}

/* For Families menu (Cheryl, Oct 15): "Tutoring from iTutor" leaves the site — show an external-link icon on its right on hover */
html:root body .nav-menu-links .dropdown-list a.fullmind-families-link[href^="https://www.itutor.com"]{display:flex!important;align-items:center;justify-content:space-between;gap:12px}
html:root body .nav-menu-links .dropdown-list a.fullmind-families-link[href^="https://www.itutor.com"]::after{content:"";flex:none;width:14px;height:14px;opacity:0;transition:opacity .15s;
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none' stroke='%23403770' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 2h3.5v3.5M12 2 6.5 7.5M10.5 8.5v2.25c0 .7-.55 1.25-1.25 1.25h-6C2.55 12 2 11.45 2 10.75v-6C2 4.05 2.55 3.5 3.25 3.5H5.5'/%3E%3C/svg%3E") center/14px no-repeat}
html:root body .nav-menu-links .dropdown-list a.fullmind-families-link[href^="https://www.itutor.com"]:is(:hover,:focus-visible)::after{opacity:1}
/* family pages (Cheryl, Oct 15): the site's pill buttons (coral primary, 48px), lighter-plum caps, roomier closing note */





/* ===== /families, redesigned to the site style (Cheryl, Oct 15) ===== */















html:root body main.fm-families .fm-res-card .fm-res-go[href^="https://"]::after{content:"";width:13px;height:13px;background:currentColor;
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 2h3.5v3.5M12 2 6.5 7.5M10.5 8.5v2.25c0 .7-.55 1.25-1.25 1.25h-6C2.55 12 2 11.45 2 10.75v-6C2 4.05 2.55 3.5 3.25 3.5H5.5'/%3E%3C/svg%3E") center/13px no-repeat;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 2h3.5v3.5M12 2 6.5 7.5M10.5 8.5v2.25c0 .7-.55 1.25-1.25 1.25h-6C2.55 12 2 11.45 2 10.75v-6C2 4.05 2.55 3.5 3.25 3.5H5.5'/%3E%3C/svg%3E") center/13px no-repeat}



/* Home Learning + families section titles: same serif size as the service pages' section titles (31.7px at 1440) */

/* Home Learning funds (Cheryl, Oct 15): reuse the service pages' step cards (ol.fm-path: white cards, "Step" pill) on
   the pale-tint inset panel instead of a one-off plum treatment */

html:root body .fhl-funds h2,html:root body .fhl-funds h3{color:#403770!important}




/* Home Learning "Backed by Fullmind" facts (Cheryl, Oct 15): white card with a hairline, so it doesn't repeat the
   tint used by the "What you can buy" cards right above */

/* Home Learning hero, tablet: stack the copy and the Minnesota $2,550 graphic instead of squeezing the graphic */

/* What you can buy cards: descriptions start right under each title (were pushed to the bottom of the card) */


/* Home Learning hero: same centered 1240px content column as the service heroes (Cheryl, Oct 15) */

/* Minnesota $2,550: center the figure in the state's main body (not the whole outline, whose NE arrow pulls it left)
   and give the label more presence */

/* Home Learning buttons = the service heroes' .fsv-btn pair: 48px, 0 24px, 2px border, coral primary + cream/plum secondary */
html:root body :is(.fhl-hero,.fhl-section) .fhl-btn{height:48px!important;min-height:48px!important;padding:0 24px!important;border-radius:999px!important;font-size:16px!important;font-weight:700!important;letter-spacing:normal!important}
html:root body :is(.fhl-hero,.fhl-section) :is(.fhl-btn--primary,.fhl-btn--coral){border:2px solid #E9625A!important;background:#E9625A!important;color:#FFFFFF!important}
html:root body :is(.fhl-hero,.fhl-section) :is(.fhl-btn--primary,.fhl-btn--coral):hover{border-color:#DF564C!important;background:#DF564C!important}



/* Home Learning: render text like every other page (its own CSS turned on thinner antialiased smoothing) */
html:root body:has(header.fhl-hero),html:root body:has(header.fhl-hero) *{-webkit-font-smoothing:auto!important;-moz-osx-font-smoothing:auto!important}
/* Home Learning funds, lighter (Cheryl, Oct 15): no cards — a simple timeline. Dots on a thin line, a lighter-plum
   STEP label, then title and text sitting straight on the tint panel */











/* Home Learning (Cheryl, Oct 15): less robin on one page — the funds panel moves to a soft lavender (plum tint) and the
   "What you can buy" cards go white with a hairline; the FAQ band keeps the site-wide robin tint */




/* "What you can buy", take 2 (Cheryl, Oct 15): keep the robin, but as ONE tint panel with five columns split by thin
   dividers instead of five separate boxes */





/* "What you can buy" category names: sans, like the other card titles on the page */

/* homepage "How we help" cards (Cheryl, Oct 15): drop the six loud color blocks — every card body is white with plum
   text; the group color survives only as a small dot before the title (same dots as the service-page badges) */

html:root body .fh2-cover .fh2-card :is(h3,h3 a){color:#403770!important}



html:root body .fh2-cover .fh2-card h3{position:relative;padding-left:20px!important}
html:root body .fh2-cover .fh2-card h3::before{content:"";position:absolute;left:0;top:.5em;width:10px;height:10px;border-radius:50%;background:#403770}







/* "More services" links: same type as the other cards' description line (16px/1.55, regular, mid plum), no underline,
   separated by dots; plum on hover */


html:root body .fh2-cover .fh2-card-list li:not(:last-child)::after{content:"·";margin:0 8px;color:#A8A3C6}


/* video "Play with sound" button (Cheryl, Oct 15): a cream pill with plum text reads on any video frame (plum got lost
   on dark footage); more room on the left of the play icon */

html:root body .fh-sound > span[aria-hidden]{border-left-color:#403770!important;color:#403770!important}

/* How we help cards: no group-color dots before the titles (Cheryl, Oct 15) */
html:root body .fh2-cover .fh2-card h3{padding-left:0!important}
html:root body .fh2-cover .fh2-card h3::before{display:none!important}
/* Home Learning section titles: one line where there's room (FAQ title was capped narrow) */

/* Home Learning sign-up (Cheryl, Oct 15): an inset lavender panel behind the section, the title on one line, and the
   state picker reads as a dropdown (white field, chevron) */
html:root body section#fhl-signup.fhl-signup{margin:0 var(--fm-inset,clamp(16px,4vw,64px)) 48px!important;border-radius:28px!important;background:#F1EFF7!important;padding:64px 0!important}
@media (min-width:992px){html:root body #fhl-signup h2{white-space:nowrap}}

html:root body #fhl-signup .fhl-field input:not([type=radio]){background:#FFFFFF!important}
/* /services role panel, refined (Cheryl, Oct 15): two labeled columns split by a hairline — who + top of mind on the
   left, "Recommended services" on the right — softer chips, full-width hover rows */
html:root body #fm-role-panel .fm-rp{padding:28px 32px!important}
html:root body #fm-role-panel .fm-rp-head{margin:0 0 20px!important;gap:14px!important;align-items:center}

html:root body #fm-role-panel .fm-rp-head h3{font-size:26px!important;line-height:1.15!important;margin:0!important}

@media (min-width:768px){
 html:root body #fm-role-panel .fm-rp-body{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;gap:0!important;align-items:start}
 html:root body #fm-role-panel .fm-rp-body > div:first-child{padding-right:40px}
 
}








html:root body #fm-role-panel .fh-role-links a > span[aria-hidden]{color:#6F6799;transition:transform .15s}
html:root body #fm-role-panel .fh-role-links a:hover > span[aria-hidden]{transform:translateX(3px);color:#403770}

/* gap between the FAQ band and the sign-up panel (matches the 56px between stacked panels) */
html:root body section#fhl-signup.fhl-signup{margin-top:56px!important}
html:root body #fm-role-panel .fm-rp[hidden]{display:none!important}
html:root body #fm-role-panel .fm-rp-body{display:grid!important;width:100%}
/* Home Learning, other-state step: room between the picker, the message and the button; Continue is the system's
   primary button (coral pill, 48px, 0 24px) */
html:root body #fhl-signup .fhl-state-other{margin-top:24px!important}

html:root body #fhl-signup a.fhl-state-go{display:inline-flex!important;align-items:center;justify-content:center;height:48px;padding:0 24px!important;border:2px solid #E9625A!important;border-radius:999px!important;background:#E9625A!important;color:#FFFFFF!important;font-size:16px!important;font-weight:700!important;text-decoration:none!important;box-sizing:border-box}
html:root body #fhl-signup a.fhl-state-go:hover{background:#DF564C!important;border-color:#DF564C!important}
/* /families (Cheryl, Oct 15): cards don't move on hover; the Home Learning eligibility form sits right on the page
   (no extra click to /home-learning) */


/* breadcrumbs on photo banners: separators in white like the links */

/* "From the Learning Can't Wait podcast" box (Cheryl, Oct 15): a flat white panel (static box: hairline, no shadow),
   lighter-plum caps, episode cards with the artwork top-aligned at a readable size, the title clamped to 3 lines,
   and the site's outlined button for "Listen to the podcast" */

html:root body .lcw-connect :is(.lcw-connect-kicker,.lcw-connect-sub){color:#6F6799!important;font-size:12.5px!important;font-weight:700!important;letter-spacing:.1em!important;text-transform:uppercase}


















/* /families hero lead: same type as the service heroes' lead (16.5px/1.5), on one line where it fits */

/* /families cards (Cheryl, Oct 15): the whole card is the link (the button's hit area covers the card); hovering the
   card lifts it and gives the button its hover fill. The inline Hayley link stays its own link above the overlay */



html:root body main.fm-families .fm-res-card :is(.fm-res-meta a,h2 a){position:relative;z-index:2}

/* sign-up panel: no empty grid row (row gap) or stray margin under the state picker while the form is hidden */

html:root body .fhl-signup .fhl-state-step:has(~ form[hidden]){margin-bottom:0!important}
html:root body .fhl-signup .fhl-state-step:has(~ form:not([hidden])){margin-bottom:16px!important}
@media (min-width:992px){
 html:root body header.fhl-hero :is(.fhl-state__amount,.fhl-state__label){text-align:center!important}}
/* Home Learning form (Cheryl, Oct 15): the site's 10px label-to-field spacing on every input (was 16px), even 20px
   between rows, lighter question text, plain radios (no boxed "button" around each choice) */

html:root body #fhl-signup :is(.fhl-field > label,.fhl-state-label){margin:0!important}

html:root body #fhl-signup .fhl-state-other{margin-top:14px!important}

html:root body #fhl-signup #fhl-form .fhl-field input:not([type=radio]){border:1px solid rgba(64,55,112,.22)!important}
html:root body #fhl-signup #fhl-form .fhl-field input:not([type=radio]):focus{border-color:#403770!important}




html:root body #fhl-signup .fhl-choice__options input[type=radio]{width:18px;height:18px;margin:0!important;accent-color:#403770}
/* /families sign-up: labeled as Home Learning (eyebrow, title, intro, link to the program page) */




/* $2,550: nudge left and a little lower, into the widest part of the state's body, so it reads centered */

/* podcast box, episodes take 2 (Cheryl, Oct 15): no card chrome — three clean episode rows split by hairlines, the
   cover art small and fully visible, title (2 lines max) and date under it; bigger section title */














/* Home Learning form: the yes/no question starts 32px below the last row of fields */

html:root body #fhl-signup .fhl-form__row:has(+ .fhl-choice){margin-bottom:0!important}
/* ===== Home Learning thank-you / family-needs page (main.fhs), redesigned to the site style (Cheryl, Oct 15):
   DM Sans + DM Serif, an inset plum hero, the form on a white card, 10px label spacing, plain checkboxes/radios,
   the coral primary button ===== */
html:root body:has(main.fhs),html:root body:has(main.fhs) *{-webkit-font-smoothing:auto!important;-moz-osx-font-smoothing:auto!important}
html:root body main.fhs :is(p,span,label,legend,input,select,button,a,div,li){font-family:var(--font--dmsans),"DM Sans",sans-serif!important}
html:root body main.fhs :is(h1,h2){font-family:var(--font--dmserifdisplay),"DM Serif Display",serif!important;font-weight:400!important;letter-spacing:0!important}















html:root body main.fhs .fhs-field input:not([type=checkbox]):not([type=radio]){height:48px!important;padding:0 16px!important;border:1px solid rgba(64,55,112,.22)!important;border-radius:12px!important;background:#FFFFFF!important;font-size:16px!important;color:#403770!important;box-shadow:none!important;width:100%;box-sizing:border-box}



html:root body main.fhs :is(.fhs-check,.fhs-choices label) input{width:18px;height:18px;margin:1px 0 0!important;flex:none;accent-color:#403770}



@media (max-width:640px){html:root body main.fhs :is(.fhs-row,.fhs-checks){grid-template-columns:1fr!important}}
/* ===== searchable dropdowns (fm-site.js wraps every <select>): the field is a text input styled like the select it
   replaces, with a chevron; the list opens directly under it, compact (max ~7 rows), robin hover row ===== */
html:root body .fm-cb{position:relative;width:100%;display:block}
html:root body .fm-cb > select.fm-cb-native{position:absolute!important;left:0;right:0;bottom:0;height:1px!important;min-height:0!important;opacity:0!important;pointer-events:none!important;margin:0!important;padding:0!important;border:0!important}
html:root body .fm-cb > input.fm-cb-input{width:100%;box-sizing:border-box;cursor:pointer;padding-right:44px!important;-webkit-appearance:none;appearance:none;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none' stroke='%23403770' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 5.25 7 8.75l3.5-3.5'/%3E%3C/svg%3E")!important;
 background-repeat:no-repeat!important;background-position:right 16px center!important;background-size:14px!important}
html:root body .fm-cb.is-open > input.fm-cb-input{cursor:text;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none' stroke='%23403770' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.75 7 5.25l3.5 3.5'/%3E%3C/svg%3E")!important}
html:root body .fm-cb > input.fm-cb-input::placeholder{color:#6F6799;opacity:1}
html:root body .fm-cb.is-invalid > input.fm-cb-input{border-color:#C2410C!important}
html:root body .fm-cb > ul.fm-cb-list{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:60;max-height:272px;overflow-y:auto;margin:0!important;padding:6px!important;list-style:none!important;
 background:#FFFFFF;border-radius:12px;box-shadow:0 0 0 1px rgba(64,55,112,.14),0 18px 38px -14px rgba(64,55,112,.38);text-align:left}
html:root body .fm-cb > ul.fm-cb-list[hidden]{display:none!important}
html:root body .fm-cb > ul.fm-cb-list > li{margin:0!important;padding:9px 12px!important;border-radius:8px;font-family:var(--font--dmsans),"DM Sans",sans-serif;font-size:15px!important;line-height:1.35!important;color:#403770!important;cursor:pointer;list-style:none!important}
html:root body .fm-cb > ul.fm-cb-list > li::before,html:root body .fm-cb > ul.fm-cb-list > li::marker{content:none!important;display:none!important}
html:root body .fm-cb > ul.fm-cb-list > li.is-active{background:#E6F4F3}
html:root body .fm-cb > ul.fm-cb-list > li[aria-selected="true"]{font-weight:700}
html:root body .fm-cb > ul.fm-cb-list > li.fm-cb-empty{color:#6F6799!important;cursor:default}
/* form fields: the same light outline as the site's connect form (rgba plum .22), Plum on focus */
html:root body #fhl-signup #fhl-form .fhl-field input:not([type=radio]),html:root body #fhl-signup input.fm-cb-input,html:root body main.fhs .fhs-field input:not([type=checkbox]):not([type=radio]){border:1px solid rgba(64,55,112,.22)!important}
html:root body :is(#fhl-signup,main.fhs) input:focus{border-color:#403770!important}
/* thank-you hero: bigger title, bigger lede; checkbox rows evenly spaced (no 44px min-height + margin per row) */



/* thank-you page, after "Send" (#family-needs-sent): the form steps aside and a confirmation card takes its place */
html:root body main.fhs:has(#family-needs-sent:target) form.fhs-needs{display:none!important}
html:root body main.fhs #family-needs-sent:is(:target,.is-visible){display:flex!important;flex-direction:column;align-items:center;gap:14px;text-align:center;margin:0!important;padding:48px 40px!important;
 background:#FFFFFF!important;border:0!important;border-radius:24px!important;box-shadow:0 0 0 1px rgba(64,55,112,.12)!important;font-size:20px!important;font-weight:600!important;line-height:1.45!important;color:#403770!important;outline:0}
html:root body main.fhs #family-needs-sent:is(:target,.is-visible)::before{content:"";width:56px;height:56px;border-radius:50%;
 background:#E6F4F3 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26' fill='none' stroke='%23403770' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 13.5 11 18.5 20 8.5'/%3E%3C/svg%3E") center/26px no-repeat}
/* thank-you title size (beats the page's own h1 rule) */

/* Home Learning form: question sits closer to its Yes/No choices */



/* after sending, the "a few quick questions" lede no longer applies — the confirmation card says what's next */


/* podcast episodes read as links (Cheryl, Oct 15): a play badge on each cover, a "Listen →" cue under the date, and
   the whole row fills with robin on hover (dividers dropped so the fill has room) */










/* ===== /home-learning/minnesota/welcome, redesigned to the site style (Cheryl, Oct 15) =====
   (shares main.fhs with the thank-you page: same inset plum hero, DM fonts, field styles) */


html:root body main.fhs .fhs-students[hidden]{display:none!important}

html:root body main.fhs .fhs-students :is(select,input.fm-cb-input){height:48px!important;min-height:48px!important;padding:0 44px 0 16px!important;border:1px solid rgba(64,55,112,.22)!important;border-radius:12px!important;background-color:#FFFFFF!important;font-size:16px!important;font-weight:500!important;color:#403770!important;width:100%}







/* paper copy: a quiet white row (icon, title, line, chevron), not a bright robin block */







html:root body main.fhs details.fhs-mail[open] .fhs-mail__arrow{transform:rotate(90deg)}







/* language help: a small lavender note */


/* packet contents: section title in serif, each group a white card with numbered rows */





html:root body main.fhs :is(ol.fhs-forms,ul.fhs-ready) li:last-child{border-bottom:0!important}







html:root body main.fhs .fhs-mail__card > :is(.fhs-mail__title,.fhs-mail__action){justify-self:start;text-align:left!important}
/* packet rows (Cheryl, Oct 15): no numbers (the forms aren't steps) — name on the left, a small status tag on the
   right (Required = plum, Read first = robin, Optional = lavender), any detail under the name */








/* paper-copy form, open (Cheryl, Oct 15): the form is part of the same white card — no inner box or cream fill,
   same 24px side padding as the row above, fields with the light outline, and a drawn chevron instead of "›" */



html:root body main.fhs details.fhs-mail .fhs-field input:not([type=checkbox]):not([type=radio]){border:1px solid rgba(64,55,112,.22)!important}


html:root body main.fhs details.fhs-mail[open] .fhs-mail__arrow{transform:rotate(180deg)!important}
/* "Also have ready" = the packet cards above: white card, hairline, same row type, no check marks */



/* welcome hero, more compelling (Cheryl, Oct 15): an "eligible" badge, a fuller headline, the $2,550 benefit up front,
   and the three next steps right in the hero */










/* packet count lives inside the download card, on its own line above the picker/button: a robin note with a
   small outlined "Change" button, so families see which packet they're getting */


html:root body main.fhs .fhs-download > .fhs-packet__count[hidden]{display:none!important}




/* podcast episodes: each in its own outlined tile (Cheryl, Oct 15), robin fill on hover */




/* blog-style photo banners (section.fm-banner-hero.s-hero-2): the site's 28px rounded, inset hero — clip the photo to
   the corners and drop the inner cream 5px frame that showed as tick marks at the corners */


/* base look for every upgraded dropdown (low specificity, so a form's own field rules still win) */
:where(.fm-cb) > input.fm-cb-input{height:44px;padding:0 44px 0 14px;border:1px solid rgba(64,55,112,.22);border-radius:12px;background-color:#FFFFFF;
 font-family:var(--font--dmsans),"DM Sans",sans-serif;font-size:15px;font-weight:500;color:#403770;box-shadow:none;outline:0}
:where(.fm-cb) > input.fm-cb-input:focus{border-color:#403770}
/* blog state filter: label on one line beside a 220px dropdown */
html:root body .fm-bi-state{white-space:nowrap;gap:12px!important;align-items:center}
html:root body .fm-bi-state .fm-cb{width:220px}
/* welcome page "get your packet" (Cheryl, Oct 15): one card instead of four loose pieces — the download (count +
   button), then the paper-copy row, then the language note as the card's footer, split by hairlines. "What to
   expect" moved up into the hero as a link under the steps */






html:root body main.fhs .fhs-getcard > #packet-mail-sent:is(.is-visible,:target){margin:0!important;border-radius:0!important;border-top:1px solid rgba(64,55,112,.10)}




/* ONE active (focus) state for every field on the site (Cheryl, Oct 15): Plum 1px border + a soft robin ring.
   No browser outline, no double rings — text inputs, textareas, selects and the searchable dropdowns all match */
html:root body :is(input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=hidden]):not([type=range]),textarea,select):is(:focus,:focus-visible),
html:root body.fsv4-page :is(input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=hidden]),textarea,select):is(:focus,:focus-visible),
html:root body :is(#fhl-signup,main.fhs,.fh2-form,.fullmind-lead-form) :is(input:not([type=checkbox]):not([type=radio]),textarea,select):is(:focus,:focus-visible){
 outline:0!important;outline-offset:0!important;border-color:#403770!important;box-shadow:0 0 0 3px rgba(110,163,190,.38)!important}
/* blog index & card lists (Cheryl, Oct 15): section titles in the serif, no "Read" link (the whole card is the link),
   more room between sections, a tighter gap under each title, "See all" as the outlined button */
html:root body :is(.fm-bi-heading,#fm-bi-recent ~ * h2,main h2:has(+ .fm-bi-grid),h2:has(+ ul.fm-bi-grid)){font-family:var(--font--dmserifdisplay),"DM Serif Display",serif!important;font-weight:400!important;letter-spacing:0!important;
 font-size:clamp(26px,2.4vw,34px)!important;line-height:1.15!important;color:#403770!important;margin:64px 0 20px!important}


html:root body .fm-bi-card{position:relative}
html:root body .fm-bi-card h3 a{text-decoration:none!important}
html:root body .fm-bi-card h3 a::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:1}
html:root body .fm-bi-card :is(.fm-bi-meta a,.fm-label a){position:relative;z-index:2}


/* blog list: tighter gap under "All posts" (title → count → cards) */
html:root body #fm-bi-all-title{margin-bottom:12px!important}
html:root body .fm-bi-status{margin:0 0 16px!important;font-size:14px;color:#6F6799}
/* blog pager (Cheryl, Oct 15): a quiet row of round page chips under "Load more" — current page plum, hover robin,
   no underlines; fm-site.js trims the long run of numbers to first, last and the pages around the current one */
html:root body nav.fm-bi-pages{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px!important;margin:28px auto 0!important;max-width:720px}
html:root body nav.fm-bi-pages > :is(a,span){display:inline-grid!important;place-items:center;min-width:36px;height:36px;padding:0 6px;border-radius:999px;box-sizing:border-box;
 font-size:14px!important;font-weight:600!important;color:#403770!important;text-decoration:none!important;background:transparent;border:0!important;line-height:1}
html:root body nav.fm-bi-pages > a:hover{background:#E6F4F3!important}
html:root body nav.fm-bi-pages > span:not(.fm-pg-gap){background:#403770!important;color:#FFFCFA!important}
html:root body nav.fm-bi-pages > span.fm-pg-gap{min-width:20px;color:#6F6799!important;font-weight:500!important}
html:root body nav.fm-bi-pages > a[hidden]{display:none!important}
/* "Explore Related Resources" (Cheryl, Oct 15): the site's inset white card; links become outlined pills with arrows */







html:root body nav.fm-bi-pages > a:not(:is([href*="/page/"]:not([rel]))){padding:0 12px}
/* welcome hero "What to expect": the site's secondary button (cream fill, plum text, 48px pill), like the
   Home Learning hero's "See how this helps my family" */



/* blog cards: a little more room under the title now that the "Read" link is gone */

/* paged blog lists: "Page 2 of 37" is a small sans label next to the serif title, not part of it */

/* content-type badges on blog/podcast cards (Cheryl, Oct 15): one soft brand tint per type, plum text */

html:root body .fm-bi-card[data-cat="district-news"] .fm-label{background:#C4E7E6!important}
html:root body .fm-bi-card[data-cat="guide"] .fm-label{background:#D6E6EF!important}
html:root body .fm-bi-card[data-cat="podcast"] .fm-label{background:#E4E1F0!important}
html:root body .fm-bi-card[data-cat="article"] .fm-label{background:#FCE4DD!important}
/* paged blog lists: "All posts" title on the left, the content-type filter on the right */




/* ===== podcast episode pages (Cheryl, Oct 15) ===== */
/* hero: calmer text stack — lighter-plum caps eyebrow, date/length line, topics as soft chips, coral Play episode */












/* player: a plum card with the cover, "Listen now" and the title over the audio controls */







/* related links box: no list indent, links as outlined pills */








/* content-type badges, take 2 (Cheryl, Oct 15): one soft lavender pill for every type, told apart by a small dot */


html:root body .fm-bi-card[data-cat="district-news"] .fm-label{background:#F1EFF7!important}
html:root body .fm-bi-card[data-cat="district-news"] .fm-label::before{background:#6EA3BE}
html:root body .fm-bi-card[data-cat="guide"] .fm-label{background:#F1EFF7!important}
html:root body .fm-bi-card[data-cat="guide"] .fm-label::before{background:#6FBFBC}
html:root body .fm-bi-card[data-cat="podcast"] .fm-label{background:#F1EFF7!important}
html:root body .fm-bi-card[data-cat="podcast"] .fm-label::before{background:#F37167}
html:root body .fm-bi-card[data-cat="article"] .fm-label{background:#F1EFF7!important}
html:root body .fm-bi-card[data-cat="article"] .fm-label::before{background:#403770}
/* ===== blog post sidebar service card (Cheryl, Oct 15): one clear primary (coral "Explore…"), one secondary (cream
   "Schedule a consultation"), and the one-pager picker as a quiet translucent panel inside the card. The separate
   "one-pager + Impact Kit" button is hidden here because the picker right under it already downloads ===== */












/* the one-pager picker inside the card */










html:root body .blog-post__cta-wrap :is(.fm-packet-count,.fm-packet-status){color:rgba(255,252,250,.75)!important;font-size:13px!important}

/* sidebar one-pager picker: a white card inside the plum card so it reads clearly (plum text, plum button) */







html:root body .blog-post__cta-wrap :is(.fm-packet-count,.fm-packet-status){color:#6F6799!important}

/* Guide dot: brand green, so it no longer reads like District News' steel blue */
html:root body .fm-bi-card[data-cat="guide"] .fm-label::before{background:#7DBF5E}
/* sidebar picker: the "1 one-pager selected" count sits centered under the full-width button */

html:root body .blog-post__cta-wrap :is(.fm-packet-count,.fm-packet-status){display:block;text-align:center!important;margin-top:8px}
/* Blog Post dot: warm gold instead of plum */
html:root body .fm-bi-card[data-cat="article"] .fm-label::before{background:#E2A93B}
/* content-type badges: a light warm gray pill (dots carry the type color) */
html:root body .fm-bi-card[data-cat] .fm-label{background:#EFEDEA!important}

/* paged lists: the title's section margin was overriding the row, pushing it below the filter — center them */


html:root body div.fm-bi-headrow > h1.fm-bi-heading:not(#fm-none){margin:0!important}
/* content-type badges: a clean, cool light gray (the warm gray read muddy) */
html:root body .fm-bi-card[data-cat] .fm-label{background:#F2F2F5!important}
/* paged lists: "Page 3 of 37" as the site's caps eyebrow above the title (lighter plum), not a pill beside it */
html:root body div.fm-bi-headrow > h1.fm-bi-heading:not(#fm-none){display:flex;flex-direction:column-reverse;align-items:flex-start;gap:6px}


/* episode topics read as content tags, not buttons: small, filled, squarer corners, no outline */



/* episode hero rhythm: title → (date + topics, tight) → host → a clear break → the buttons */




/* episode player, lighter (Cheryl, Oct 15): a white card with a hairline and soft lift instead of solid plum;
   plum serif title, lighter-plum caps "Listen now", the audio bar on a pale lavender track */







html:root body .blog-post__cta-wrap .fm-pk-foot > :is(.fm-packet-count,.fm-packet-status){flex:0 0 100%;width:100%}
/* ===== one-pager packet modal (Cheryl, Oct 15) =====
   the dialog keeps its rounded corners on all four sides (it no longer scrolls itself; the list inside does), a quiet
   round × (no heavy ring on open), white group cards, robin row hover like the nav, a sticky footer for the download */

html:root body dialog.fm-res-panel[open]{display:flex!important;flex-direction:column}






/* Content-based flex sizing keeps the auto-height dialog from collapsing; max-height still bounds its scroll area. */




html:root body dialog.fm-res-panel button.fm-pk-sel:not(.fm-pk-all){font-size:13px!important;font-weight:600!important;color:#6F6799!important;margin:2px 0 10px!important}










html:root body dialog.fm-res-panel .fm-pk-item:has(input:focus-visible){background:#E6F4F3!important}






html:root body dialog.fm-res-panel :is(.fm-packet-count,.fm-packet-status){font-size:14px!important;color:#6F6799!important;margin:0!important}
/* podcast box with a pull quote: room between the quote's attribution and "Related episodes"; attribution link plum,
   no underline */




/* packet modal ×: a plain icon button — no outline, a soft lavender circle only on hover */


html:root body .fm-bi-typenote{margin:0 0 16px!important;font-size:14px;color:#6F6799}
html:root body .fm-bi-typenote a{color:#403770!important;font-weight:700;text-decoration:none!important}
html:root body .fm-bi-typenote[hidden]{display:none!important}
/* packet modal ×: the outlined white circle again, with a soft purple (not robin) hover */


/* type badges everywhere (post pages, related lists, cards): the same cool-gray pill with a colored dot */
html:root body .fm-label[data-cat]{display:inline-flex!important;align-items:center;gap:6px;padding:3px 10px!important;border-radius:999px!important;border:0!important;background:#F2F2F5!important;color:#403770!important;font-size:13px!important;font-weight:700!important;white-space:nowrap}
html:root body .fm-label[data-cat]::before{content:"";width:7px;height:7px;border-radius:50%;flex:none;background:#403770}
html:root body .fm-label[data-cat="district-news"]::before{background:#6EA3BE}
html:root body .fm-label[data-cat="guide"]::before{background:#7DBF5E}
html:root body .fm-label[data-cat="podcast"]::before{background:#F37167}
html:root body .fm-label[data-cat="article"]::before{background:#E2A93B}
/* blog "Key takeaways" (Cheryl, Oct 15): a pale-robin panel (no left color bar), a lighter-plum caps label, and each
   point as a row with a plum check instead of a bullet */







/* ===== blog quotes, redone (Cheryl, Oct 15) =====
   pull quote: editorial, not a gray box — a coral serif quote mark, the line in the serif at a larger size, framed
   by hairlines. podcast quote: a pale lavender panel (no dark plum box, no shadow), caps kicker, serif quote,
   left-aligned attribution with the episode link in plum */
html:root body blockquote.fm-pullquote{background:transparent!important;box-shadow:none!important;border:0!important;border-top:1px solid rgba(64,55,112,.14)!important;border-bottom:1px solid rgba(64,55,112,.14)!important;
 border-radius:0!important;margin:40px 0!important;padding:28px 0 28px!important;position:relative}
html:root body blockquote.fm-pullquote::before{content:"“";display:block;font-family:var(--font--dmserifdisplay),"DM Serif Display",serif;font-size:64px;line-height:.6;color:#F37167;margin:8px 0 6px}
html:root body blockquote.fm-pullquote p{margin:0!important;font-family:var(--font--dmserifdisplay),"DM Serif Display",serif!important;font-weight:400!important;font-size:clamp(24px,2.3vw,30px)!important;line-height:1.3!important;letter-spacing:0!important;color:#403770!important}
html:root body figure.fm-feature-quote{background:#F1EFF7!important;color:#403770!important;box-shadow:none!important;border:0!important;border-radius:20px!important;padding:24px 28px!important;margin:36px 0!important;max-width:none!important;text-align:left!important}

html:root body figure.fm-feature-quote blockquote{margin:0 0 14px!important;padding:0!important;border:0!important;font-family:var(--font--dmserifdisplay),"DM Serif Display",serif!important;font-size:clamp(21px,1.9vw,25px)!important;line-height:1.35!important;color:#403770!important;font-style:normal!important}
html:root body figure.fm-feature-quote figcaption{text-align:left!important;font-size:14.5px!important;line-height:1.5!important;color:#4E4680!important;margin:0!important}
html:root body figure.fm-feature-quote figcaption a{color:#403770!important;font-weight:600;text-decoration:none!important}
html:root body figure.fm-feature-quote figcaption a:hover{text-decoration:underline!important;text-underline-offset:3px}
/* Hayley's newsletter (replaces the Substack iframe, which can't be styled): a white card in the site style */
html:root body .fm-newsletter{background:#FFFFFF;border-radius:18px;padding:22px 20px;text-align:center;color:#403770}
html:root body .fm-newsletter-photo{width:56px;height:56px;border-radius:50%;display:block;margin:0 auto 12px;object-fit:cover;background:#C4E7E6}
html:root body .fm-newsletter-kicker{margin:0 0 4px!important;font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#6F6799!important}
html:root body .fm-newsletter-title{margin:0 0 8px!important;font-family:var(--font--dmserifdisplay),"DM Serif Display",serif;font-size:24px;line-height:1.2;color:#403770!important}
html:root body .fm-newsletter-text{margin:0 0 8px!important;font-size:14.5px;line-height:1.5;color:#4E4680!important}
html:root body .fm-newsletter-meta{margin:0 0 16px!important;font-size:13px;font-weight:600;color:#6F6799!important}
html:root body a.fm-newsletter-go{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;border-radius:999px;background:#E9625A;color:#FFFFFF!important;font-size:15px;font-weight:700;text-decoration:none!important}
html:root body a.fm-newsletter-go:hover{background:#DF564C}
html:root body a.fm-newsletter-go::after{content:"";width:13px;height:13px;background:currentColor;
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 2h3.5v3.5M12 2 6.5 7.5M10.5 8.5v2.25c0 .7-.55 1.25-1.25 1.25h-6C2.55 12 2 11.45 2 10.75v-6C2 4.05 2.55 3.5 3.25 3.5H5.5'/%3E%3C/svg%3E") center/13px no-repeat;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 2h3.5v3.5M12 2 6.5 7.5M10.5 8.5v2.25c0 .7-.55 1.25-1.25 1.25h-6C2.55 12 2 11.45 2 10.75v-6C2 4.05 2.55 3.5 3.25 3.5H5.5'/%3E%3C/svg%3E") center/13px no-repeat}
html:root body .fm-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* pull quote, take 3: centered serif with a short coral rule above, no hairline frame, no extra quote mark
   (the quote already has its own marks) */
html:root body blockquote.fm-pullquote{border:0!important;padding:8px 4% 0!important;margin:48px 0!important;text-align:center}
html:root body blockquote.fm-pullquote::before{content:""!important;display:block;width:48px;height:3px;border-radius:3px;background:#F37167;margin:0 auto 22px;font-size:0;line-height:0}
html:root body blockquote.fm-pullquote p{font-size:clamp(26px,2.6vw,34px)!important;line-height:1.25!important;text-align:center!important}
/* pull quote, take 4: a soft lavender panel, one large coral serif quote mark, the line in the serif, left-aligned
   (the inline “ ” the old style added are dropped so there's only one mark) */
html:root body blockquote.fm-pullquote{background:#F1EFF7!important;border:0!important;border-radius:24px!important;padding:28px 36px 32px!important;margin:44px 0!important;text-align:left!important}
html:root body blockquote.fm-pullquote::before{content:"“"!important;display:block!important;width:auto!important;height:auto!important;background:none!important;border-radius:0!important;
 font-family:var(--font--dmserifdisplay),"DM Serif Display",serif!important;font-size:72px!important;line-height:.75!important;color:#F37167!important;margin:6px 0 4px!important}
html:root body blockquote.fm-pullquote p{text-align:left!important;font-size:clamp(24px,2.4vw,31px)!important;line-height:1.28!important}
html:root body blockquote.fm-pullquote p::before,html:root body blockquote.fm-pullquote p::after{content:none!important}
/* header menus: hover and current page in ONE color family (robin) — hover a light robin, the current page a step
   deeper and bold, so they read as related states */
html:root body .nav-menu-links .dropdown-list a.nav-dropdown-link:is(:hover,:focus),html:root body .nav-menu-links .dropdown-list a.fullmind-families-link:is(:hover,:focus){background:#EEF7F6!important}
html:root body .nav-menu-links .dropdown-list a[aria-current="page"]:not(.fullmind-services-all),html:root body .nav-menu-links .dropdown-list a[aria-current="page"]:not(.fullmind-services-all):hover{background:#D9EEEC!important}
/* family hero card: no colored top border — a plain white card with a hairline */


/* ===================== /about, full redesign (Cheryl, Oct 15) =====================
   one rhythm for every section: 80px apart, serif section titles, lighter-plum caps labels, flat white cards with
   hairlines, inset rounded panels for the two tinted moments (Why Fullmind, Faces of Impact), shared FAQ look */
html:root body:has(#fm-about-timeline) :is(.fm-tl,.fm-why,.fa-execs,.fa-facts,.fa-faq) h2{font-family:var(--font--dmserifdisplay),"DM Serif Display",serif!important;font-weight:400!important;letter-spacing:0!important;
 font-size:clamp(30px,3vw,42px)!important;line-height:1.12!important;color:#403770!important;margin:0 0 12px!important}
html:root body:has(#fm-about-timeline) :is(.fm-tl,.fm-why,.fa-execs,.fa-facts,.fa-faq) > :is(.fm-wrap,.fa-wrap){max-width:1200px!important;margin:0 auto!important;padding:0 clamp(20px,4vw,48px)!important;box-sizing:border-box}
html:root body:has(#fm-about-timeline) :is(.fm-tl,.fa-execs,.fa-facts,.fa-faq){background:transparent!important;padding:80px 0 0!important}
/* intro: an editorial statement */




/* timeline */






html:root body .fm-tl .fm-tl-years button[aria-selected="true"]{background:#403770!important;box-shadow:none!important}
html:root body .fm-tl .fm-tl-years button[aria-selected="true"] *{color:#FFFCFA!important}




/* today's services: white columns with a group-color dot instead of six loud fills */










/* Why Fullmind: an inset pale-robin panel; benefit cards white */








/* platform: its own section on the page background, a two-column check list */





/* Faces of Impact: keep the plum panel, drop the Pause button */

html:root body section.fa-faces :is(button.fh-pause,button[class*="pause"],.fa-faces-pause){display:none!important}
/* executive team */









/* facts: four-up white stat cards, icon in a robin tile, no colored fills */




/* FAQ: the site's shared FAQ (white card list, chevrons) */








html:root body .fa-faq details.fa-qa[open] summary::after{transform:rotate(-135deg);margin-top:-2px}


html:root body:has(#fm-about-timeline) .fh2-strip{padding-top:80px!important}





/* ===== Hayley's page: CAO letter (Cheryl, Oct 15) ===== */


/* the letter card scrolls inside, but keeps all four rounded corners (clip-path rounds the scrollbar too); flat */


/* date as a small caps dateline with a rule under it */


/* sign-off: "Sincerely," then the name in the serif and the title as a quiet line */




/* the side quote: like the blog pull quote — lavender panel, one coral serif mark, serif line */



/* ===== episode search + list (Hayley's page; same pieces as the podcast tiles elsewhere) (Cheryl, Oct 15) ===== */
html:root body section:has(> .fm-res-head > #fm-team-eps){padding-top:72px}
html:root body .fm-res-head:has(#fm-team-eps){display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 20px!important}
html:root body #fm-team-eps{font-size:clamp(28px,2.6vw,38px)!important;margin:0!important}
html:root body .fm-res-head:has(#fm-team-eps) > a{display:inline-flex;align-items:center;min-height:40px;padding:0 18px;border:1.5px solid #403770;border-radius:999px;font-size:15px;font-weight:700;color:#403770!important;text-decoration:none!important}
html:root body .fm-res-head:has(#fm-team-eps) > a:hover{background:#403770;color:#FFFCFA!important}

html:root body .fm-team-find input[type=search]{width:100%;max-width:520px;height:48px;padding:0 16px!important;border:1px solid rgba(64,55,112,.22)!important;border-radius:12px!important;background:#FFFFFF!important;font-size:16px!important;color:#403770!important;box-sizing:border-box}
/* topics: even, tag-style chips (no tag-cloud sizes), count in lighter plum; selected = plum */
html:root body .fm-topics{display:flex!important;flex-wrap:wrap;gap:8px!important;margin:16px 0 28px!important}
html:root body .fm-topics button.fm-topic{font-size:14px!important;font-weight:600!important;height:34px;padding:0 12px!important;border:0!important;border-radius:8px!important;background:rgba(64,55,112,.07)!important;color:#403770!important;line-height:1;display:inline-flex;align-items:center;gap:6px;cursor:pointer}
html:root body .fm-topics button.fm-topic span{font-weight:500;color:#6F6799}
html:root body .fm-topics button.fm-topic:hover{background:rgba(64,55,112,.12)!important}
html:root body .fm-topics button.fm-topic[aria-pressed="true"]{background:#403770!important;color:#FFFCFA!important}
html:root body .fm-topics button.fm-topic[aria-pressed="true"] span{color:rgba(255,252,250,.75)}
/* episode tiles: outlined, cover with a play badge, 2-line title, guests, date, a "Listen →" cue; robin on hover */











/* /about header: a real hero — taller photo panel, bigger serif headline, centered in the panel */
html:root body:has(#fm-about-timeline) section.s-hero-2 .p-about-hero{padding-top:16px!important;padding-bottom:0!important;overflow:hidden}
html:root body:has(#fm-about-timeline) section.s-hero-2 .container-1344{max-width:none!important;padding:0 var(--fm-inset,clamp(16px,4vw,64px))!important}
html:root body:has(#fm-about-timeline) .about-hero-block{min-height:clamp(420px,52vh,580px)!important;display:flex!important;align-items:center;justify-content:center;border-radius:28px!important;padding:80px 40px!important;box-sizing:border-box}
html:root body:has(#fm-about-timeline) .about-hero-block h1.heading-size-56{font-size:clamp(40px,4.6vw,68px)!important;line-height:1.06!important;max-width:15em;margin:0 auto!important;letter-spacing:0!important}
html:root body:has(#fm-about-timeline) .about-hero-block .mb-24-3{margin-bottom:24px!important}
html:root body:has(#fm-about-timeline) .about-hero-block .section-tag{font-size:15px!important;padding:8px 16px!important}
/* /about header: full inset width like the other heroes; no stray squiggle outside the panel */
html:root body:has(#fm-about-timeline) section.s-hero-2 .container-1344{width:100%!important;box-sizing:border-box}
html:root body:has(#fm-about-timeline) section.s-hero-2 .about-hero-block{width:100%!important;max-width:none!important}
html:root body:has(#fm-about-timeline) section.s-hero-2::after{display:none!important}
/* /about timeline years (Cheryl, Oct 15): the same dots-on-a-line look as the Home Learning steps — no cards; the
   selected year's dot is plum and larger, the rest are lighter; scrollbar hidden (arrows still scroll) */








html:root body .fm-tl .fm-tl-years button[aria-selected="true"]{background:transparent!important}
html:root body .fm-tl .fm-tl-years button[aria-selected="true"]::before{background:#403770;transform:scale(1.3)}


html:root body .fm-tl .fm-tl-years button[aria-selected="true"] *{color:#403770!important}
html:root body .fm-tl .fm-tl-years button[aria-selected="true"] strong{color:#403770!important}
/* timeline "Learn more" = the site's arrow link (like "Compare all services →"), not an outlined pill */




/* ===================== /families/how-we-work, full redesign (Cheryl, Oct 15) ===================== */
html:root body main.family-page:has(.family-steps){padding-bottom:16px}
html:root body main.family-page:has(.family-steps) :is(h1,h2){font-family:var(--font--dmserifdisplay),"DM Serif Display",serif!important;font-weight:400!important;letter-spacing:0!important;color:#403770}
html:root body main.family-page:has(.family-steps) .family-kicker{font-size:12.5px!important;font-weight:700!important;letter-spacing:.1em!important;text-transform:uppercase;color:#6F6799!important;margin:0 0 10px!important}
/* hero: the inset robin panel used by the service heroes, copy left, "what to expect" card right */
html:root body main.family-page:has(.family-steps) section.family-hero{margin:16px var(--fm-inset,clamp(16px,4vw,64px)) 0!important;border-radius:28px!important;background:rgba(196,231,230,.32)!important;
 padding:72px max(40px,calc((100% - 1192px)/2))!important;display:grid!important;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:56px;align-items:center;max-width:none!important;box-sizing:border-box}
html:root body main.family-page:has(.family-steps) .family-hero h1{font-size:clamp(38px,4vw,58px)!important;line-height:1.08!important;margin:0 0 18px!important}
html:root body main.family-page:has(.family-steps) .family-lead{font-size:18px!important;line-height:1.6!important;color:#4E4680!important;margin:0 0 28px!important;max-width:36em}
html:root body main.family-page:has(.family-steps) .family-hero-card{border-radius:24px!important;padding:26px 28px!important}
html:root body main.family-page:has(.family-steps) .family-hero-card > p{font-size:12.5px!important;font-weight:700!important;letter-spacing:.1em;text-transform:uppercase;color:#6F6799!important;margin:0 0 14px!important}
html:root body main.family-page:has(.family-steps) .family-hero-card ul{list-style:none!important;margin:0!important;padding:0!important;display:flex;flex-direction:column;gap:12px}
html:root body main.family-page:has(.family-steps) .family-hero-card li{position:relative;padding-left:32px!important;margin:0!important;font-size:16px!important;line-height:1.45!important;color:#403770!important}
html:root body main.family-page:has(.family-steps) .family-hero-card li::marker{content:none}
html:root body main.family-page:has(.family-steps) .family-hero-card li::before{content:"";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;
 background:#403770 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 6.3 5 8.7 9.5 3.5'/%3E%3C/svg%3E") center/11px no-repeat}
/* sections */
html:root body main.family-page:has(.family-steps) section.family-section{max-width:1192px!important;margin:0 auto!important;padding:88px clamp(20px,4vw,48px) 0!important;box-sizing:content-box}
html:root body main.family-page:has(.family-steps) section.family-section h2{font-size:clamp(30px,3vw,42px)!important;line-height:1.12!important;margin:0 0 32px!important}
/* how it works: dots on a line, like the Home Learning steps and the /about timeline */









/* human by design: an inset plum panel */
html:root body main.family-page:has(.family-steps) section.family-band{margin:88px var(--fm-inset,clamp(16px,4vw,64px)) 0!important;border-radius:28px!important;background:#403770!important;
 padding:64px max(40px,calc((100% - 1192px)/2))!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;max-width:none!important;box-sizing:border-box}
html:root body main.family-page:has(.family-steps) .family-band .family-kicker{color:#C4E7E6!important}
html:root body main.family-page:has(.family-steps) .family-band h2{color:#FFFCFA!important;font-size:clamp(30px,3vw,42px)!important;line-height:1.12!important;margin:0!important}
html:root body main.family-page:has(.family-steps) .family-band > p{font-size:18px!important;line-height:1.6!important;color:rgba(255,252,250,.85)!important;margin:0!important}
/* support grid: three flat white cards */




@media (max-width:991px){
 html:root body main.family-page:has(.family-steps) :is(section.family-hero,section.family-band){grid-template-columns:1fr;padding:48px 28px!important}
 
 
 
}

/* /about timeline: room between the year line and the panel; the "Today" panel redone — no giant "Today" label,
   services in a 3-column grid, each group a title with its dot and the services as one inline list */


html:root body .fm-tl #fm-tl-today[hidden]{display:none!important}











/* /about timeline, vertical (Cheryl, Oct 15 — the original layout she liked): title on the left (sticky), every
   year on the right as an outlined year pill with a dot, joined by a thin line, title + line + link beside it.
   The year tabs are hidden; all years show. "Today's services" spans the full width underneath. */
@media (min-width:992px){
 html:root body .fm-tl [data-fm-timeline]{display:grid!important;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:64px;align-items:start}
 
 html:root body .fm-tl .fm-tl-panel:not(#fm-tl-today){grid-column:2}
 
}

html:root body .fm-tl .fm-tl-panel[hidden]:not(#fm-tl-today),html:root body .fm-tl .fm-tl-panel:not(#fm-tl-today){display:grid!important;grid-template-columns:92px minmax(0,1fr);column-gap:20px;
 position:relative;background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0 0 32px!important;margin:0!important}
html:root body .fm-tl #fm-tl-today[hidden]{display:block!important}
html:root body .fm-tl .fm-tl-panel:not(#fm-tl-today)::before{content:"";position:absolute;left:45px;top:36px;bottom:0;width:2px;background:rgba(64,55,112,.14)}
html:root body .fm-tl .fm-tl-panel:not(#fm-tl-today):has(+ #fm-tl-today)::before{display:none}
html:root body .fm-tl .fm-tl-panel:not(#fm-tl-today) > .fm-tl-year{align-self:start;display:inline-flex!important;align-items:center;justify-content:center;gap:8px;height:36px;width:92px;box-sizing:border-box;
 border:1px solid rgba(64,55,112,.2);border-radius:999px;background:#FFFFFF;font-family:var(--font--dmsans),"DM Sans",sans-serif!important;font-size:14px!important;font-weight:700!important;color:#403770!important;line-height:1!important;margin:0!important;position:relative;z-index:1}
html:root body .fm-tl .fm-tl-panel:not(#fm-tl-today) > .fm-tl-year::before{content:"";width:7px;height:7px;border-radius:50%;background:#403770}
html:root body .fm-tl .fm-tl-panel:not(#fm-tl-today) h3{font-family:var(--font--dmsans),"DM Sans",sans-serif!important;font-size:18px!important;font-weight:700!important;line-height:1.3!important;color:#403770!important;margin:7px 0 6px!important}
html:root body .fm-tl .fm-tl-panel:not(#fm-tl-today) p{font-size:15.5px!important;line-height:1.55!important;color:#4E4680!important;margin:0 0 8px!important}
html:root body .fm-tl .fm-tl-panel:not(#fm-tl-today) a{font-size:14.5px!important}


/* Why Fullmind side panel, redone: lighter-plum caps labels, robin check rows, a hairline between the two parts,
   the site's secondary button at the bottom */


html:root body .fm-why aside.fm-why-side h3:not(:first-child){margin-top:22px!important;padding-top:22px;border-top:1px solid rgba(255,252,250,.16)}






/* platform, redone like the service pages' two-up: title + line + login button on the left, the features as one
   white list card on the right (robin icon tiles, hairline rows) */









/* ===== /about Faces of Impact, back to the original layout (Cheryl, Oct 15) =====
   no plum panel: centered pill label + big serif title; "Our educators" is a 4-up grid of portrait cards (photo,
   serif name, subject) instead of a one-at-a-time carousel; "Our team" keeps its quote carousel, restyled light */







html:root body section.fa-faces .fa-tabs button[aria-selected="true"]{background:#403770!important;color:#FFFCFA!important}
/* educators grid */


html:root body #fa-panel-educators li.fa-slide,html:root body #fa-panel-educators li.fa-slide[data-off]{display:block!important;position:static!important;opacity:1!important;visibility:visible!important;transform:none!important;width:auto!important;margin:0!important;padding:0!important;background:none!important;box-shadow:none!important}





html:root body #fa-panel-educators .fa-controls{display:none!important}
/* team quotes: a light card carousel */

html:root body #fa-panel-team :is(.fa-q){font-size:12.5px!important;font-weight:700!important;letter-spacing:.1em;text-transform:uppercase;color:#6F6799!important}
html:root body #fa-panel-team blockquote{font-family:var(--font--dmserifdisplay),"DM Serif Display",serif!important;font-size:clamp(20px,1.8vw,24px)!important;line-height:1.4!important;color:#403770!important;border:0!important;padding:0!important}

html:root body #fa-panel-team :is(.fa-arrow){border:1px solid rgba(64,55,112,.22)!important;background:#FFFFFF!important;color:#403770!important}
html:root body #fa-panel-team .fa-count{color:#6F6799!important}


/* ===== /about executive team, like the educators grid (Cheryl, Oct 15): no card frames — square portrait, serif
   name, role, a small "Read answers" link; answers open in a lavender note under the person ===== */






html:root body .fa-execs button.fa-read[aria-expanded="true"]::after{transform:rotate(-135deg) translateY(-1px)}






/* ===== Fullmind Facts, redone: an inset plum panel, facts as a clean 4-column list (robin icon tiles, white text,
   hairline dividers) — no boxes ===== */






/* facts panel: beat the page-wide section reset */
html:root body:has(#fm-about-timeline) section.fa-facts{margin:88px var(--fm-inset,clamp(16px,4vw,64px)) 0!important;border-radius:28px!important;background:#403770!important;padding:64px 0!important}
/* /about FAQ = the service pages' FAQ: a full-width pale-robin band, one white card holding every question as a row */
html:root body:has(#fm-about-timeline) section.fa-faq{margin-top:88px!important;padding:72px 0!important;background:rgba(196,231,230,.32)!important}








/* the latest-from strip: more room above and below its dashed line */
html:root body:has(#fm-about-timeline) .fh2-strip{margin-top:0!important;padding-top:120px!important;padding-bottom:88px!important}
/* "The latest from Fullmind" cards: a soft lift instead of the heavy shadow; less gap before the newsletter band */
html:root body .fh2-strip .fh2-strip-card{box-shadow:0 0 0 1px rgba(64,55,112,.12),0 8px 20px -16px rgba(64,55,112,.30)!important;border:0!important}
html:root body .fh2-strip .fh2-strip-card:hover{box-shadow:0 0 0 1px rgba(64,55,112,.16),0 12px 26px -18px rgba(64,55,112,.36)!important}
html:root body:has(#fm-about-timeline) .fh2-strip{padding-bottom:48px!important}
html:root body:has(#fm-about-timeline) .fa-newsletter > *{margin-top:0!important;padding-top:0!important}
/* ===================== /podcast hub, redesign (Cheryl, Oct 15) ===================== */
/* hero: host as a compact white card (photo, name, role, short bio) */











/* search: same field + topic chips as Hayley's page */


html:root body .lcw-search input[type=search]{width:100%;max-width:560px;height:48px;padding:0 16px!important;border:1px solid rgba(64,55,112,.22)!important;border-radius:12px!important;background:#FFFFFF!important;font-size:16px!important;color:#403770!important;box-sizing:border-box}

/* section titles */


/* latest episodes: cover on top, text below; outlined, robin on hover, play badge on the cover */









/* browse by year: pills, selected plum */

html:root body .lcw-season-tab{height:40px;padding:0 16px!important;border-radius:999px!important;border:1.5px solid rgba(64,55,112,.22)!important;background:#FFFFFF!important;color:#403770!important;font-size:15px!important;font-weight:700!important;cursor:pointer}
html:root body .lcw-season-tab:hover{background:#EEF7F6!important}
html:root body .lcw-season-tab[aria-selected="true"]{background:#403770!important;border-color:#403770!important;color:#FFFCFA!important}

/* guests: one white card list in columns */




/* podcast hub host card: name over role, photo spanning both */





/* guests: the same outlined episode tiles as everywhere else (cover, guest name, role, episode link) */










/* how-we-work "Human by design", redone: one centered statement — caps label, big serif line, the paragraph as a
   readable lead under it, and the teacher's four verbs as robin chips with checks */
html:root body main.family-page:has(.family-steps) section.family-band{display:block!important;text-align:center;padding:72px max(40px,calc((100% - 860px)/2))!important}
html:root body main.family-page:has(.family-steps) .family-band h2{font-size:clamp(34px,3.6vw,52px)!important;line-height:1.1!important;margin:0 auto 20px!important;max-width:14em}
html:root body main.family-page:has(.family-steps) .family-band > p{font-size:clamp(17px,1.4vw,20px)!important;line-height:1.6!important;color:rgba(255,252,250,.88)!important;max-width:38em;margin:0 auto!important}



/* LIVE wordmark inside body links (timeline, today's services): a touch bigger, a real gap before "Staffing", and
   sitting on the text's baseline instead of floating above it */

/* timeline: the newest entry (Home Learning) gets the plum pill; Elevate goes back to outlined */




/* timeline: the sticky title rode down into the "Today's services" panel (sticky is bounded by the whole grid, not
   its own rows) — keep it static at the top of its column */


/* timeline title travels with the years, then stops: the head column stretches over the year rows only, and the
   inner block is sticky inside it (so it can't ride into "Today's services") */


/* the sticky timeline title stops level with the last entry's link: no bottom padding on the last year (the gap to
   Today's services comes from Today's own top margin) */
html:root body .fm-tl .fm-tl-panel:not(#fm-tl-today):has(+ #fm-tl-today){padding-bottom:0!important}


/* Today's services groups: no dots, larger group titles */


/* ===== /services "Services at a glance", redesign (Cheryl, Oct 15) =====
   each group is a card with a photo banner on top, a serif group name, and every service as a row with its one-line
   description always showing (no accordions); the whole row links to the service page, robin on hover */

html:root body #services-at-a-glance .fm-sg-row{display:flex!important;flex-direction:column;background:#FFFFFF!important;border:0!important;border-radius:24px!important;overflow:hidden;
 box-shadow:0 0 0 1px rgba(64,55,112,.12)!important;padding:0!important;margin:0!important}














html:root body #services-at-a-glance button.fsv2-plus{display:none!important}
html:root body #services-at-a-glance .fsv2-svc-head{display:block!important;padding:0!important;margin:0!important;cursor:auto!important;background:none!important}

html:root body.fsv2-js #services-at-a-glance .fsv2-desc:not(.is-open),html:root.fsv2-js body #services-at-a-glance .fsv2-desc:not(.is-open){display:block!important;margin:4px 0 0!important;padding:0!important}




/* /about Today's services: each service is a small outlined pill with an arrow (clearly a link, no underlines);
   robin on hover. The commas between links are hidden. */









/* Today's services pills, refined: tighter even gaps, pills that grow with wrapped text (no squeezed 2-line pill) */




/* the hidden commas still counted as flex items (doubling the gap) — space pills with margins instead */


/* a pill that wraps keeps its arrow right after the text (not pushed to the far edge) */


/* the arrow is glued to the last word with a no-break space, and two-line pills balance their lines */


/* /services hero: let the photo show — plum fades from solid behind the copy to light on the right; taller, bigger
   headline */





/* /services hero: the photo layer sits under the section's own plum fill — isolate so it paints above it */

/* /about timeline: the title stops traveling once it reaches the 2024 entry (it stays beside the last few years) */

/* Today's services pills: a touch more compact so the longest name stays on one line (a wrapped pill can't shrink
   to its text, so it looked too wide) */


/* /about platform: its own inset lavender banner (white feature list inside) to break up the page */
html:root body:has(#fm-about-timeline) section.fm-platform{margin:56px var(--fm-inset,clamp(16px,4vw,64px)) 0!important;border-radius:28px!important;background:#F1EFF7!important;padding:64px 0!important}

/* platform title on one line */

/* /services hero: rounded, inset like every other hero */


/* glance cards: photo full-bleed at the top of the card (no padding), group title below it; no service icons */
html:root body section#services-at-a-glance div.fm-sg-row > div.fm-sg-name[class*="fm-sg--"]{display:block!important;padding:0!important;margin:0!important;border:0!important;background:none!important}
html:root body section#services-at-a-glance div.fm-sg-row > div.fm-sg-name[class*="fm-sg--"] > figure.fm-sg-photo{width:100%!important;max-width:none!important;margin:0!important;border-radius:0!important}
html:root body section#services-at-a-glance div.fm-sg-row > div.fm-sg-name[class*="fm-sg--"] > div{display:block!important;width:auto!important;padding:20px 24px 6px!important}
html:root body section#services-at-a-glance ul.fm-sg-list > li > span.fm-sg-icon[class*="fm-sg-icon--"]{display:none!important}
/* /about platform: full-width lavender band, no rounded corners */
html:root body:has(#fm-about-timeline) section.fm-platform{margin:56px 0 0!important;border-radius:0!important}
/* /about "Our team" quotes, redone: one lavender panel, centered — question as a caps label, a coral serif quote
   mark, the quote in the serif, the person's name and role, then centered arrows (no card-inside-a-card) */

html:root body #fa-panel-team li.fa-slide{display:block!important;background:none!important;box-shadow:none!important;padding:0!important;border-radius:0!important;text-align:center!important}

html:root body #fa-panel-team blockquote{margin:0 auto 18px!important;max-width:30em;font-size:clamp(21px,2vw,26px)!important;line-height:1.4!important}
html:root body #fa-panel-team blockquote::before{content:"“";display:block;font-size:64px;line-height:.7;color:#F37167;margin:4px 0 6px}

html:root body #fa-panel-team .fa-controls{justify-content:center!important;display:flex!important;align-items:center;gap:14px;margin-top:28px!important}
html:root body #fa-panel-team .fa-pause{display:none!important}
/* /about executive team, bigger + a new "read" (Cheryl, Oct 15): a wider row with larger names; "Read answers"
   is a small outlined pill, and the answers open as a lavender card laid over the person's photo (the pill turns
   into "Close"), so the row never jumps */








html:root body .fa-execs button.fa-read[aria-expanded="true"]{background:#403770!important;border-color:#403770!important}
html:root body .fa-execs button.fa-read[aria-expanded="true"]::before{content:"Close";color:#FFFCFA}

html:root body .fa-execs button.fa-read[aria-expanded="true"]:hover{background:#2F2856!important}


/* Fullmind Facts, stat-forward (Cheryl, Oct 15): visible title, each fact led by a big robin serif figure, no icons */
html:root body:has(#fm-about-timeline) section.fa-facts h2#fa-facts-title{color:#FFFCFA!important;margin:0 0 36px!important}




/* strip cards: the shadow belongs on the inner card (.fh2-strip-link), not the list item (that drew a second box) */
html:root body .fh2-strip .fh2-strip-card,html:root body .fh2-strip .fh2-strip-card:hover{box-shadow:none!important;border:0!important;background:none!important}


/* /about: room between the FAQ band and the dashed line above "The latest from Fullmind" */
html:root body:has(#fm-about-timeline) .fh2-strip{margin-top:56px!important}
/* timeline: the newest year's pill dot in coral */

/* Today's services: "Explore all services" at the top right, level with the title */



/* educator grid: names only, so every card matches (only 5 of 18 educators have a subject on file, and those are long
   credential lists) */


/* exec answers overlay, recolored: plum card, robin caps question, white answer; the open pill reads "Hide answers"
   and stays outlined (robin fill) instead of turning solid plum */



html:root body .fa-execs button.fa-read[aria-expanded="true"],html:root body .fa-execs button.fa-read[aria-expanded="true"]:hover{background:#E6F4F3!important;border-color:#403770!important}
html:root body .fa-execs button.fa-read[aria-expanded="true"]::before{content:"Hide answers";color:#403770}
/* Facts, take 2: four big numbers across the top, three proof points below a single divider (smaller figure);
   descriptions no longer repeat the figure */











/* /about FAQ: more room under the title */

/* exec quote overlay: keeps its rounded corners while scrolling (clip-path rounds the scrollbar), slim scrollbar;
   the toggle reads "See quote" / "Hide quote" */


html:root body .fa-execs button.fa-read[aria-expanded="true"]::before{content:"Hide quote"!important}
/* the educator and exec photos have a thin darker edge (and rounded corners) baked into the image files — crop it off */



/* how-we-work "Support for different moments": more room above, and the same room below before the mission band */
html:root body main.family-page:has(.family-steps) section.family-section:has(.family-grid){padding-top:104px!important;padding-bottom:104px!important}
html:root body main.family-page:has(.family-steps){padding-bottom:0!important}
/* ===== Hayley's page hero, redone (Cheryl, Oct 15): no breadcrumb; copy left, a large rounded portrait right;
   her two roles as soft chips; plum links without underlines; listen + read-the-letter buttons ===== */











/* /services hero: copy sits vertically centered in the photo panel (equal room above and below) */



/* Hayley hero roles reuse the content-type badge (gray pill + dot) */



/* Letter: more air between the intro and the pull quote */

/* Podcast hub hero: same inset photo banner as /services; host as a quiet byline under the buttons */














/* Podcast hub: Latest now sits above search, so filtering must not collapse it (the page would jump) */



/* Podcast hub: search sits under the Latest heading; while filtering, swap the latest grid for the matching season results */

html:root body main.lcw-hub .lcw-hub-filtering .lcw-latest-sec :is(ul.lcw-latest,.fm-gmore,.lcw-also){display:none!important}

/* Podcast hub: while filtering, show every match (lift the "show more" cap) */
html:root body main.lcw-hub .lcw-hub-filtering .lcw-season-list > li.fm-gmore:not([hidden]){display:list-item!important}

/* Podcast hub search: one clean toolbar — icon input + count on a row, topic chips below */


html:root body main.lcw-hub .lcw-search input[type=search]{width:100%!important;max-width:none!important;height:52px;padding:0 18px 0 48px!important;border:1px solid rgba(64,55,112,.2)!important;border-radius:999px!important;background:#FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236F6799' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 18px 50%!important;font-size:16px!important;color:#403770!important;box-shadow:none!important;outline:none!important;transition:border-color .15s,box-shadow .15s}
html:root body main.lcw-hub .lcw-search input[type=search]::placeholder{color:#8A84A8}
html:root body main.lcw-hub .lcw-search input[type=search]:hover{border-color:rgba(64,55,112,.4)!important}
html:root body main.lcw-hub .lcw-search input[type=search]:focus{border-color:#403770!important;box-shadow:0 0 0 4px #D9EEEC!important}





html:root body main.lcw-hub .lcw-search button.lcw-topic[aria-pressed="true"]{background:#D9EEEC!important;box-shadow:0 0 0 1.5px #403770!important}
html:root body main.lcw-hub .lcw-search button.lcw-topic[aria-pressed="true"] span{color:#403770!important}



/* Podcast cards: one shadow, one radius (li + inner link both had shadows at 16px/14px → ghost edge at corners) */



/* Podcast hub: years live in the search toolbar; picking one swaps the Latest grid for that year's list */





html:root body main.lcw-hub .lcw-search button.lcw-season-tab[aria-selected="true"]{background:#D9EEEC!important;color:#403770!important;box-shadow:0 0 0 1.5px #403770!important}
html:root body main.lcw-hub .lcw-search button.lcw-season-tab[aria-selected="true"] .lcw-season-n{color:#403770!important}
html:root body main.lcw-hub .lcw-latest-sec:has(.lcw-season-panel:not([hidden])) :is(ul.lcw-latest,ul.lcw-latest + .fm-gmore-wrap,ul.lcw-latest ~ .fm-gmore-btn,.lcw-also){display:none!important}

/* Podcast hub guests: team-style cards — big art, serif names, an explicit "listen" cue; the whole card opens the episode */


html:root body .lcw-guests-list ul.lcw-guests-hub > li.fm-gcard.fm-gmore:not(.is-shown){display:none!important}
















html:root body .lcw-guests-list li.fm-gcard:has(a.fm-gcard-main:focus-visible){outline:3px solid #403770;outline-offset:3px}



/* Podcast hub guests: own search + pages (replaces Show more / All guests) */


html:root body .lcw-guests-list .lcw-guest-tools input[type=search]{width:min(520px,100%);height:52px;padding:0 18px 0 48px!important;border:1px solid rgba(64,55,112,.2)!important;border-radius:999px!important;background:#FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236F6799' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 18px 50%!important;font-size:16px!important;color:#403770!important;outline:none!important;box-shadow:none!important;transition:border-color .15s,box-shadow .15s}
html:root body .lcw-guests-list .lcw-guest-tools input[type=search]::placeholder{color:#8A84A8}
html:root body .lcw-guests-list .lcw-guest-tools input[type=search]:hover{border-color:rgba(64,55,112,.4)!important}
html:root body .lcw-guests-list .lcw-guest-tools input[type=search]:focus{border-color:#403770!important;box-shadow:0 0 0 4px #D9EEEC!important}

html:root body .lcw-guests-list ul.lcw-guests-hub > li.fm-gcard[hidden]{display:none!important}


html:root body .lcw-guests-list nav.lcw-guest-pages[hidden]{display:none!important}
/* Podcast hub episodes: title left, search + Filter top right; filters open in a panel; one card style; pages at the bottom */




html:root body main.lcw-hub .lcw-ep-tools input[type=search]{width:300px;height:48px;padding:0 16px 0 44px!important;border:1px solid rgba(64,55,112,.2)!important;border-radius:999px!important;background:#FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236F6799' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 16px 50%!important;font-size:15.5px!important;color:#403770!important;outline:none!important;box-shadow:none!important;transition:border-color .15s,box-shadow .15s}
html:root body main.lcw-hub .lcw-ep-tools input[type=search]::placeholder{color:#8A84A8}
html:root body main.lcw-hub .lcw-ep-tools input[type=search]:hover{border-color:rgba(64,55,112,.4)!important}
html:root body main.lcw-hub .lcw-ep-tools input[type=search]:focus{border-color:#403770!important;box-shadow:0 0 0 4px #D9EEEC!important}


html:root body main.lcw-hub button.lcw-filter-btn[aria-expanded="true"]{background-color:#D9EEEC;border-color:#403770}

html:root body main.lcw-hub .lcw-filter-n[hidden]{display:none}

html:root body main.lcw-hub .lcw-filter-panel[hidden]{display:none}


html:root body main.lcw-hub .lcw-filter-panel :is(button.lcw-topic,button.lcw-season-tab){display:inline-flex!important;align-items:center;gap:6px;height:34px;padding:0 14px!important;border:0!important;border-radius:999px!important;background:#FFFFFF!important;box-shadow:0 0 0 1px rgba(64,55,112,.14)!important;font-size:13.5px!important;font-weight:600!important;color:#403770!important;cursor:pointer}
html:root body main.lcw-hub .lcw-filter-panel :is(button.lcw-topic,button.lcw-season-tab) span{font-weight:500;color:#8A84A8!important;font-size:12.5px}
html:root body main.lcw-hub .lcw-filter-panel :is(button.lcw-topic,button.lcw-season-tab):hover{background:#EEF7F6!important}
html:root body main.lcw-hub .lcw-filter-panel :is(button.lcw-topic,button.lcw-season-tab)[aria-pressed="true"]{background:#D9EEEC!important;box-shadow:0 0 0 1.5px #403770!important}
html:root body main.lcw-hub .lcw-filter-panel :is(button.lcw-topic,button.lcw-season-tab)[aria-pressed="true"] span{color:#403770!important}

html:root body main.lcw-hub button.lcw-filter-clear[hidden]{display:none}



html:root body main.lcw-hub ul.lcw-all > li[hidden]{display:none!important}

html:root body main.lcw-hub nav.lcw-ep-pages[hidden],html:root body main.lcw-hub .lcw-ep-empty[hidden],html:root body main.lcw-hub p.lcw-also[hidden]{display:none!important}

@media (max-width:640px){html:root body main.lcw-hub .lcw-ep-tools input[type=search]{flex:1;width:auto}}
/* Counts live in the search placeholders; the status lines stay for screen readers only */
html:root body main.lcw-hub :is(.lcw-ep-status,.lcw-guest-count){position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0!important}



html:root body .lcw-guests-list .lcw-guest-head .lcw-guest-tools input[type=search]{width:300px;height:48px;padding-left:44px!important;background-position:16px 50%!important;font-size:15.5px!important}
@media (max-width:640px){html:root body .lcw-guests-list .lcw-guest-head .lcw-guest-tools input[type=search]{width:100%}}



/* Filter panel, cleaner: label above each row, hairline between groups */






/* Letter to families (/families/letter): the page is the letter — centered hero, one reading column, gentle close */





































/* Episode pages — related box: service pills stay; reading/episodes become thumbnail rows (no pill styling on cards) */










/* Episode pages — one-pager picker: same white card as the blog sidebar picker */










html:root body .fm-packet-wrap :is(.fm-packet-count,.fm-packet-status){color:#6F6799!important;font-size:13px!important}


/* Episode pages: one-pager card sits directly under the related box, same width, laid out in a row */










/* Services mega menu: "Explore all services" as our small outlined "see all" pill, set apart from the column titles */
html:root body #fullmind-services-menu a.fullmind-services-all{display:inline-flex!important;align-items:center;gap:8px;height:38px;margin:0 0 20px 8px!important;padding:0 16px!important;border:1.5px solid rgba(64,55,112,.35)!important;border-radius:999px!important;background:#FFFFFF!important;font-size:14.5px!important;font-weight:700!important;color:#403770!important;text-decoration:none!important;transition:background .15s,border-color .15s}
html:root body #fullmind-services-menu a.fullmind-services-all span{color:#F37167;transition:transform .15s}
html:root body #fullmind-services-menu a.fullmind-services-all:hover{background:#EEF7F6!important;border-color:#403770!important}
html:root body #fullmind-services-menu a.fullmind-services-all:hover span{transform:translateX(2px)}
/* Desktop nav: text links sit on the wordmark's lowercase body (optical alignment), not the logo box's center; buttons stay centered */
@media (min-width:992px){
html:root body .nav-menu-links-inner > .nav-dropdown > .w-dropdown-toggle,
html:root body .nav-menu-links-inner > a.nav-link-2:not(.fullmind-header-outline-link){position:relative;top:6px}
}
html:root body #fullmind-services-menu a.fullmind-services-all{margin-bottom:32px!important}
@media (min-width:992px){html:root body .nav-menu-links-inner > .nav-dropdown > .nav-dropdown-toggle{position:relative!important;top:6px!important}}
/* ===== /resources redesign (10/15) ===== */
/* Hero: same inset photo banner as /services and /podcast; one column; search + state in one row; topics as light chips */









html:root body section.fm-res-hero form.fm-res-search input[type=search]{width:100%!important;height:52px!important;padding:0 18px 0 48px!important;border:0!important;border-radius:999px!important;background:#FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236F6799' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 18px 50%!important;font-size:16px!important;color:#403770!important;box-shadow:none!important;outline:none!important}
html:root body section.fm-res-hero form.fm-res-search input[type=search]:focus{box-shadow:0 0 0 4px rgba(196,231,230,.55)!important}




html:root body section.fm-res-hero details.fm-res-statemenu[open] > summary::after{transform:translateY(2px) rotate(-135deg)}












html:root body section.fm-res-hero button.fm-topic[aria-pressed="true"] .fm-topic-x{display:inline!important;color:#403770}


html:root body section.fm-res-hero button.fm-topic[aria-pressed="true"]{background:#FFFFFF!important;border-color:#FFFFFF!important;color:#403770!important}
html:root body section.fm-res-hero #fm-res-results:not([hidden]){margin:16px 0 0;max-width:640px;padding:8px;background:#FFFFFF;border-radius:20px;box-shadow:0 24px 48px -20px rgba(0,0,0,.4)}



/* Body: role chips + Filter in one toolbar */



html:root body main.fm-res button.fm-vfilter-btn{display:inline-flex!important;align-items:center;height:36px;padding:0 16px!important;border:0!important;border-radius:999px!important;background:#FFFFFF!important;box-shadow:0 0 0 1px rgba(64,55,112,.14)!important;font-size:14px!important;font-weight:600!important;color:#403770!important;cursor:pointer}
html:root body main.fm-res button.fm-vfilter-btn:hover{background:#EEF7F6!important}
html:root body main.fm-res button.fm-vfilter-btn[aria-pressed="true"]{background:#D9EEEC!important;box-shadow:0 0 0 1.5px #403770!important;color:#403770!important}




html:root body main.fm-res details.fm-res-sort[open] > summary{background-color:#D9EEEC!important;border-color:#403770!important}


/* Rows: no carousel — first 3 cards in a grid, "View all" as our small outlined pill at the top right */
html:root body main.fm-res section.fm-row{margin:72px 0 0!important}






html:root body main.fm-res ul.fm-row-track{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;overflow:visible!important;margin:0!important;padding:0!important;-webkit-mask-image:none!important;mask-image:none!important;scroll-snap-type:none!important}
html:root body main.fm-res ul.fm-row-track > li:not(.fm-top){display:none!important}
html:root body main.fm-res ul.fm-row-track > li{opacity:1!important;filter:none!important;width:auto!important;min-width:0!important;max-width:none!important;flex:none!important}
html:root body main.fm-res section.fm-row::before,html:root body main.fm-res section.fm-row::after,html:root body main.fm-res .fm-row-track::before,html:root body main.fm-res .fm-row-track::after{display:none!important}
/* Cards: one style everywhere — white, radius 20, full-bleed art, kicker, serif-free bold title, "Read →" */
html:root body main.fm-res li.fm-res-card{position:relative;display:flex!important;flex-direction:column;padding:0 0 20px!important;border:0!important;border-radius:20px!important;background:#FFFFFF!important;box-shadow:0 0 0 1px rgba(64,55,112,.10),0 14px 30px -18px rgba(64,55,112,.35)!important;overflow:hidden;transition:transform .2s,box-shadow .2s}
html:root body main.fm-res li.fm-res-card:hover{transform:translateY(-3px);box-shadow:0 0 0 1px rgba(64,55,112,.14),0 22px 40px -20px rgba(64,55,112,.45)!important}


html:root body main.fm-res li.fm-res-card > :not(.fm-res-art){margin-left:22px!important;margin-right:22px!important}

html:root body main.fm-res li.fm-res-card h3{margin-top:0!important;margin-bottom:8px!important;font-size:17px!important;line-height:1.35!important;font-weight:700!important}
html:root body main.fm-res li.fm-res-card h3 a{color:#403770!important;text-decoration:none!important}
html:root body main.fm-res li.fm-res-card h3 a::after{content:"";position:absolute;inset:0;z-index:1}



html:root body main.fm-res li.fm-res-card a:not(h3 a){position:relative;z-index:2}
@media (max-width:991px){html:root body main.fm-res ul.fm-row-track{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:640px){html:root body main.fm-res ul.fm-row-track{grid-template-columns:1fr!important}}







html:root body section.fm-res-hero .fm-res-actions[hidden]{display:none!important}


/* Header search: magnifier icon inside the field */
html:root body .nav-menu .fm-search input#fm-search-q{padding-left:42px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236F6799' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:16px 50%!important;background-size:17px 17px!important}
/* Resources hero: let the state menu spill past the banner; round/clip only the photo layer */



/* Resources rows: "View all" back to the site's standard text link (as on /services) */



/* Sort and filter: the details element drew its own border too — drop it */

/* Resources > Research: proof cards — tall photo, credit as a small chip on the photo, big serif figure, sentence, explicit PDF download cue */







html:root body main.fm-res ul.fm-res-stats > li > p:not(.fm-res-credit){margin:0 24px 18px!important;font-size:15.5px!important;line-height:1.5!important}




html:root body main.fm-res ul.fm-res-stats > li:has(a[href$=".pdf"]) {}
html:root body main.fm-res ul.fm-res-stats > li:not(:has(a[href$=".pdf"]))::after{content:"Read the study →";padding-left:0;background:none}


/* Photo credits sit on the photo, white, over a soft top shade (research + case study cards) */
html:root body main.fm-res :is(ul.fm-res-stats > li,li.fm-res-card) > :is(.fm-res-stat-art,.fm-res-art){position:relative}
html:root body main.fm-res :is(ul.fm-res-stats > li,li.fm-res-card):has(> p.fm-res-credit) > :is(.fm-res-stat-art,.fm-res-art)::after{content:"";position:absolute;inset:0 0 auto 0;height:56px;background:linear-gradient(180deg,rgba(20,16,40,.55),rgba(20,16,40,0))}
html:root body main.fm-res :is(ul.fm-res-stats > li,li.fm-res-card) > p.fm-res-credit{position:absolute!important;top:10px!important;left:14px!important;right:14px!important;z-index:3;margin:0!important;padding:0!important;background:none!important;border-radius:0!important;font-size:11.5px!important;line-height:1.4!important;color:#FFFFFF!important;text-shadow:0 1px 2px rgba(0,0,0,.45);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html:root body main.fm-res :is(ul.fm-res-stats > li,li.fm-res-card) > p.fm-res-credit a{color:#FFFFFF!important;text-decoration:underline!important;text-underline-offset:2px}

/* PDF cards say what happens: download icon before the label */


/* Resources > Podcast: square episode art full-bleed (it was getting the text inset) */

/* Learning Can't Wait callout: plum strip — headshot, serif show name, one-line pitch, coral button */






/* Resources cards: guide/blog thumbs are 16:9; podcast art stays square */

html:root body main.fm-res section[data-row="podcast"] li.fm-res-card > img.fm-res-thumb{aspect-ratio:1/1}
html:root body main.fm-res li.fm-res-card > :not(.fm-res-art):not(.fm-res-thumb):not(.fm-res-credit){margin-left:22px!important;margin-right:22px!important}


/* Resources > Videos: uniform 16:9 frames, length + CC as chips on the video, place as a kicker, clean text */

html:root body main.fm-res article.fm-vcard{position:relative;display:flex!important;flex-direction:column;height:100%;padding:0 0 22px!important;border:0!important;border-radius:20px!important;background:#FFFFFF!important;box-shadow:0 0 0 1px rgba(64,55,112,.10),0 14px 30px -18px rgba(64,55,112,.35)!important;overflow:hidden}
html:root body main.fm-res .fm-vplayer{position:relative;aspect-ratio:16/9!important;margin:0 0 18px!important;border-radius:0!important;overflow:hidden;background:#201B3C}
html:root body main.fm-res .fm-vplayer video{width:100%!important;height:100%!important;object-fit:cover;display:block}



html:root body main.fm-res .fm-vplayer:has(video:not([paused])) .fm-vchips{}





html:root body main.fm-res .fm-vcard-body :is(p.fm-vcard-desc,p.fm-vcard-svc){display:none!important}

/* Resources > "Find the right fit for your role": white role cards like the role panels elsewhere */






















/* ===== /case-studies (10/15): tint hero, proof cards with figures, partner story cards ===== */














html:root body main.fcs-page .fcs-art:has(.fm-res-credit)::after{content:"";position:absolute;inset:0 0 auto 0;height:56px;background:linear-gradient(180deg,rgba(20,16,40,.55),rgba(20,16,40,0))}


















html:root body main.fcs-page .fcs-type[data-cat="video"]::before{background:#F37167}




@media (max-width:991px){html:root body main.fcs-page :is(ul.fcs-proof-grid,ul.fcs-story-grid){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){html:root body main.fcs-page :is(ul.fcs-proof-grid,ul.fcs-story-grid){grid-template-columns:1fr}}
/* ===== /impact-research (Research) redesign (10/15) ===== */
/* Hero: centered tint panel like /case-studies */







/* Results at a glance: plum inset panel, big robin serif figures */











/* Studies: same cards as /case-studies */
















html:root body section.fm-results-studies a.fm-study-link[href$=".pdf"] > span{display:none}
html:root body section.fm-results-studies a.fm-study-link[href$=".pdf"]::before{content:"";width:16px;height:16px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23F37167' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11m0 0-4.5-4.5M12 15l4.5-4.5M5 20h14'/%3E%3C/svg%3E") no-repeat center}



html:root body section.fm-results-studies ul.fm-results-grid > li:has(p.fm-card-credit) .fm-study-img::after{content:"";position:absolute;inset:0 0 auto 0;height:56px;background:linear-gradient(180deg,rgba(20,16,40,.55),rgba(20,16,40,0))}


/* Quote + video */




/* Old Webflow divider images and the grey related box are leftovers here */
html:root body:has(section.fm-results-hero) img.seperator-image{display:none!important}








/* Photo credits: bottom of the photo, shade from the bottom */

html:root body main.fcs-page .fcs-art:has(.fm-res-credit)::after{inset:auto 0 0 0!important;background:linear-gradient(0deg,rgba(20,16,40,.6),rgba(20,16,40,0))!important}
html:root body main.fm-res :is(ul.fm-res-stats > li,li.fm-res-card){container-type:inline-size}
html:root body main.fm-res :is(ul.fm-res-stats > li,li.fm-res-card) > p.fm-res-credit{top:calc(100cqw * 9 / 16 - 27px)!important;bottom:auto!important}
html:root body main.fm-res :is(ul.fm-res-stats > li,li.fm-res-card):has(> p.fm-res-credit) > :is(.fm-res-stat-art,.fm-res-art)::after,html:root body section.fm-results-studies ul.fm-results-grid > li:has(p.fm-card-credit) .fm-study-img::after{inset:auto 0 0 0!important;background:linear-gradient(0deg,rgba(20,16,40,.6),rgba(20,16,40,0))!important}
/* ===== /videos (10/15): centered tint hero, role chips, uniform 16:9 cards (same as the Resources video row) ===== */










html:root body main.fm-videos button.fm-vfilter-btn{display:inline-flex!important;align-items:center;height:36px;padding:0 16px!important;border:0!important;border-radius:999px!important;background:#FFFFFF!important;box-shadow:0 0 0 1px rgba(64,55,112,.14)!important;font-size:14px!important;font-weight:600!important;color:#403770!important;cursor:pointer}
html:root body main.fm-videos button.fm-vfilter-btn:hover{background:#EEF7F6!important}
html:root body main.fm-videos button.fm-vfilter-btn[aria-pressed="true"]{background:#D9EEEC!important;box-shadow:0 0 0 1.5px #403770!important}

html:root body main.fm-videos article.fm-vcard{position:relative;display:flex!important;flex-direction:column;height:100%;margin:0!important;padding:0 0 22px!important;border:0!important;border-radius:20px!important;background:#FFFFFF!important;box-shadow:0 0 0 1px rgba(64,55,112,.10),0 14px 30px -18px rgba(64,55,112,.35)!important;overflow:hidden}
html:root body main.fm-videos article.fm-vcard[hidden]{display:none!important}
html:root body main.fm-videos .fm-vplayer{position:relative;aspect-ratio:16/9!important;margin:0 0 18px!important;border-radius:0!important;overflow:hidden;background:#201B3C}
html:root body main.fm-videos .fm-vplayer video{width:100%!important;height:100%!important;object-fit:cover;display:block}
















/* "All case studies" sits on the title's line, intro below */





/* Research: partner quote uses the site's feature-quote treatment (lavender card, serif quote) */







/* Research video: length chip on the frame */


/* Research > "Schools and districts say it works": quote cards without the top rule or side bar */
html:root body:has(section.fm-results-hero) section.fm-quotes{margin:96px 0 0!important;padding:0!important;background:none!important}
html:root body:has(section.fm-results-hero) section.fm-quotes .fm-q-wrap{max-width:1200px;margin:0 auto;padding:0 24px!important}
html:root body:has(section.fm-results-hero) section.fm-quotes h2{margin:0 0 8px!important;font-family:var(--font--dmserifdisplay),"DM Serif Display",serif!important;font-weight:400!important;font-size:clamp(30px,2.6vw,40px)!important;line-height:1.15!important;color:#403770!important}
html:root body:has(section.fm-results-hero) section.fm-quotes .fm-q-wrap > p{margin:0 0 28px!important;font-size:16.5px!important;color:#4E4680!important}
html:root body:has(section.fm-results-hero) ul.fm-q-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;margin:0!important;padding:0!important;list-style:none}
html:root body:has(section.fm-results-hero) ul.fm-q-grid > li{margin:0!important}
html:root body:has(section.fm-results-hero) figure.fm-q{position:relative;display:flex!important;flex-direction:column;height:100%;margin:0!important;padding:56px 28px 26px!important;border:0!important;border-top:0!important;border-radius:20px!important;background:#FFFFFF!important;box-shadow:0 0 0 1px rgba(64,55,112,.10)!important;text-align:left!important}
html:root body:has(section.fm-results-hero) figure.fm-q::before{content:"“";position:absolute;top:14px;left:26px;font-family:var(--font--dmserifdisplay),"DM Serif Display",serif;font-size:60px;line-height:1;color:#F37167;display:block!important;background:none!important;width:auto!important;height:auto!important}
html:root body:has(section.fm-results-hero) figure.fm-q::after{display:none!important}
html:root body:has(section.fm-results-hero) figure.fm-q blockquote{margin:0 0 20px!important;padding:0!important;border:0!important;border-left:0!important;font-size:15.5px!important;line-height:1.6!important;font-style:normal!important;color:#403770!important}
html:root body:has(section.fm-results-hero) figure.fm-q blockquote::before{display:none!important}
html:root body:has(section.fm-results-hero) figure.fm-q figcaption{margin:auto 0 12px!important;padding-top:16px;border-top:1px solid rgba(64,55,112,.08);text-align:left!important;font-size:15px!important;font-weight:700!important;color:#403770!important}
html:root body:has(section.fm-results-hero) ul.fm-q-tags{display:flex!important;flex-wrap:wrap;gap:6px!important;margin:0!important;padding:0!important;list-style:none;justify-content:flex-start!important}
html:root body:has(section.fm-results-hero) ul.fm-q-tags li{margin:0!important;padding:3px 10px!important;border-radius:999px!important;background:#F2F2F5!important;font-size:12.5px!important;font-weight:600!important;color:#403770!important}
@media (max-width:991px){html:root body:has(section.fm-results-hero) ul.fm-q-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:640px){html:root body:has(section.fm-results-hero) ul.fm-q-grid{grid-template-columns:1fr!important}}
/* Role filters on /resources and /videos: same pills as the blog's type tabs (plum outline; selected = solid plum) */
html:root body :is(main.fm-res,main.fm-videos) button.fm-vfilter-btn{height:40px!important;padding:0 16px!important;border:1px solid #413972!important;border-radius:40px!important;background:#FFFFFF!important;box-shadow:none!important;font-size:15px!important;font-weight:600!important;color:#413972!important}
html:root body :is(main.fm-res,main.fm-videos) button.fm-vfilter-btn:hover{background:#EEF7F6!important}
html:root body :is(main.fm-res,main.fm-videos) button.fm-vfilter-btn[aria-pressed="true"]{background:#413972!important;border-color:#413972!important;color:#FFFFFF!important;box-shadow:none!important}
/* Content-type badges: Video = violet, Case study = berry (Option 1, 10/15) */
html:root body .fm-label[data-cat="video"]::before{background:#8E7CD6}
html:root body .fm-label[data-cat="case-study"]::before{background:#C2549E}

html:root body main.fcs-page .fcs-type[data-cat="video"]::before{background:#8E7CD6!important}
html:root body main.fm-res ul.fm-res-stats > li > :is(.fm-res-figure,p:not(.fm-res-credit)){padding:0!important}

/* Resources > podcast callout v2: lavender feature strip — show cover, kicker, serif name, pitch, small host byline; actions stacked right */














/* Swapped 10/15: Video = berry, Case study = violet */
html:root body .fm-label[data-cat="video"]::before{background:#C2549E}
html:root body .fm-label[data-cat="case-study"]::before{background:#8E7CD6}

html:root body main.fcs-page .fcs-type[data-cat="video"]::before{background:#C2549E!important}
/* 10/15: Video takes coral; Podcast moves to berry */
html:root body .fm-label[data-cat="podcast"]::before{background:#C2549E}
html:root body .fm-label[data-cat="video"]::before{background:#F37167}
html:root body main.fcs-page .fcs-type[data-cat="video"]::before{background:#F37167!important}
html:root body .fm-bi-card[data-cat="podcast"] .fm-label::before{background:#C2549E!important}


/* 10/15: Podcast takes green; Guide moves to berry */
html:root body .fm-label[data-cat="podcast"]::before,html:root body .fm-bi-card[data-cat="podcast"] .fm-label::before{background:#7DBF5E!important}
html:root body .fm-label[data-cat="guide"]::before,html:root body .fm-bi-card[data-cat="guide"] .fm-label::before{background:#C2549E!important}
/* Mobile menu cleanup (10/15): tighter rows, no top gap, flush "Log into your class", centered CTA, menu covers the page */
@media (max-width:991px){
html:root body .nav-menu .nav-menu-links-inner{padding:4px 20px 28px!important;min-height:calc(100dvh - 116px);background:#FFFCFA!important;box-sizing:border-box;align-content:flex-start}
html:root body .nav-menu-links-inner > .nav-dropdown{padding:0!important}
html:root body .nav-menu-links-inner > .nav-dropdown > .nav-dropdown-toggle{height:56px!important;min-height:56px!important;padding:0!important}
html:root body .nav-menu-links-inner > a.nav-link-2{display:flex!important;align-items:center;height:56px!important;min-height:56px;padding:0!important;margin:0!important;border:0!important;border-bottom:1px solid rgba(64,55,112,.14)!important;border-radius:0!important;background:none!important;top:0!important;font-size:18px!important}
html:root body .nav-menu-links-inner > .nav-buttons-wraper{margin:24px 0 0!important;width:100%}
html:root body .nav-menu-links-inner > .nav-buttons-wraper a.nav-button{display:flex!important;align-items:center;justify-content:center;width:100%;height:52px!important;padding:0 20px!important;line-height:1!important;font-size:17px!important}
}
@media (max-width:991px){
html:root body .nav-menu .nav-menu-links-inner{gap:0!important;row-gap:0!important}
html:root body .nav-menu-links-inner > .nav-dropdown{border-bottom:1px solid rgba(64,55,112,.14)!important}
html:root body .nav-menu-links-inner > .nav-dropdown > .nav-dropdown-toggle{border:0!important}
html:root body .nav-menu-links-inner > .nav-dropdown .nav-dropdown-toggle > a,html:root body .nav-menu-links-inner > a.nav-link-2,html:root body .nav-menu-links-inner > a.nav-link-2 div{font-size:17px!important;font-weight:500!important;color:#403770!important}
html:root body .nav-menu-links-inner > .nav-buttons-wraper a.nav-button{flex:1 1 auto}
}
@media (max-width:991px){html:root body .nav-menu .nav-menu-links-inner{justify-content:flex-start!important}}
@media (max-width:991px){html:root body .nav-menu-links-inner > .nav-buttons-wraper{display:block!important;align-self:stretch!important}html:root body .nav-menu-links-inner > .nav-buttons-wraper a.nav-button{width:100%!important;box-sizing:border-box}}
/* Mobile menu: "Log into your class" as its own button (plum, like the desktop header), stacked above Build your plan */
@media (max-width:991px){
html:root body .nav-menu-links-inner > a.nav-link-2.fullmind-header-outline-link{justify-content:center;height:52px!important;min-height:52px;margin:24px 0 0!important;padding:0 20px!important;border:0!important;border-radius:999px!important;background:#403770!important;font-weight:700!important}
html:root body .nav-menu-links-inner > a.nav-link-2.fullmind-header-outline-link,html:root body .nav-menu-links-inner > a.nav-link-2.fullmind-header-outline-link div{color:#FFFFFF!important;font-weight:700!important}
html:root body .nav-menu-links-inner > a.nav-link-2.fullmind-header-outline-link:hover{background:#352D5E!important}
html:root body .nav-menu-links-inner > .nav-buttons-wraper{margin-top:12px!important}
}
/* Mobile menu button: three bars that animate into an X when open */
html:root body .menu-button-2 .menu-lottie{position:relative!important;width:24px!important;height:18px!important;background:linear-gradient(#403770,#403770) no-repeat center / 100% 2px!important;transition:background-size .2s ease}
html:root body .menu-button-2 .menu-lottie::before,html:root body .menu-button-2 .menu-lottie::after{content:"";position:absolute;left:0;width:24px;height:2px;border-radius:2px;background:#403770;transition:transform .28s cubic-bezier(.3,.7,.2,1),top .28s cubic-bezier(.3,.7,.2,1)}
html:root body .menu-button-2 .menu-lottie::before{top:0}
html:root body .menu-button-2 .menu-lottie::after{top:16px}
html:root body .menu-button-2.w--open .menu-lottie{background-size:0 2px!important}
html:root body .menu-button-2.w--open .menu-lottie::before{top:8px;transform:rotate(45deg)}
html:root body .menu-button-2.w--open .menu-lottie::after{top:8px;transform:rotate(-45deg)}
@media (prefers-reduced-motion:reduce){html:root body .menu-button-2 .menu-lottie,html:root body .menu-button-2 .menu-lottie::before,html:root body .menu-button-2 .menu-lottie::after{transition:none}}
/* Homepage hero on phones: CTA sits below the video */


/* Homepage "Proven results" on phones only: cards fit the current slide (no dead space), tighter copy, centered controls */
@media (max-width:767px){

html:root body .fh2-proof .fh2-bubble{min-height:0!important;height:auto!important}

html:root body .fh2-proof .fh2-bubble--quote{padding:24px 22px!important}
html:root body .fh2-proof .fh2-controls{display:grid!important;grid-template-columns:44px auto 44px;justify-content:center;align-items:center;gap:12px 16px!important;margin-top:20px!important}

}
/* "How can we help? Let's connect" on phones only: smaller type and step markers */
@media (max-width:767px){
html:root body section.fh2-connect h2.fh2-title{font-size:28px!important;line-height:1.15!important}
html:root body section.fh2-connect p.fh2-connect-lead{font-size:16px!important;line-height:1.5!important}
html:root body section.fh2-connect .fh2-step-n{width:36px!important;height:36px!important;min-width:36px!important;font-size:16px!important;line-height:36px!important}
html:root body section.fh2-connect li h3{font-size:16.5px!important;line-height:1.3!important}
html:root body section.fh2-connect li p,html:root body section.fh2-connect p.fh2-phone,html:root body section.fh2-connect p.fh2-phone a{font-size:15px!important;line-height:1.5!important}
html:root body section.fh2-connect a.fh2-step-btn{font-size:14px!important}
}
@media (max-width:767px){html:root body section.fh2-connect .fh2-steps li{grid-template-columns:36px minmax(0,1fr)!important;gap:14px!important}html:root body section.fh2-connect .fh2-steps{gap:16px!important}}
/* Connect form on phones only: pill choices become even, full-width rows */
@media (max-width:767px){
html:root body section.fh2-connect .fh2-choices.fh2-pills{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
html:root body section.fh2-connect label.fh2-pill{width:100%!important;min-height:48px;margin:0!important;padding:12px 16px!important;border-radius:14px!important;box-sizing:border-box;align-items:center}
html:root body section.fh2-connect label.fh2-pill span{font-size:15px!important;line-height:1.35!important}
}
@media (max-width:767px){html:root body section.fh2-connect .fh2-choices.fh2-pills::after{display:none!important}}

/* Homepage "Proven results" on phones: sized so the case card, quote and pagination fit one screen */
@media (max-width:767px){





html:root body .fh2-proof p.fh2-result{font-size:15px!important;line-height:1.4!important;margin:6px 0 6px!important}
html:root body .fh2-proof p.fh2-who{font-size:13.5px!important;line-height:1.4!important;margin:0 0 2px!important}



html:root body .fh2-proof .fh2-bubble--quote{padding:16px 18px!important}

html:root body .fh2-proof .fh2-slides--quote blockquote{font-size:15px!important;line-height:1.45!important;margin:6px 0 6px!important;-webkit-line-clamp:3!important}
html:root body .fh2-proof button.fh2-qmore{font-size:13.5px!important;margin:0 0 4px!important}
html:root body .fh2-proof .fh2-slides--quote figcaption,html:root body .fh2-proof .fh2-q-name{font-size:14px!important;line-height:1.4!important}
html:root body .fh2-proof .fh2-controls{margin-top:12px!important;gap:6px 14px!important;grid-template-columns:38px auto 38px!important}


}
/* /services glance cards on phones: full-bleed photo, title aligned with the service rows */
@media (max-width:767px){
html:root body #services-at-a-glance div.fm-sg-name[class*="fm-sg--"]{padding:0!important}
html:root body #services-at-a-glance div.fm-sg-name[class*="fm-sg--"] > figure.fm-sg-photo{margin:0!important;width:100%!important;border-radius:0!important}
html:root body #services-at-a-glance div.fm-sg-name[class*="fm-sg--"] > div{padding:18px 18px 4px!important}
}
@media (max-width:767px){html:root body #services-at-a-glance .fm-sg-row{width:auto!important}}

@media (max-width:767px){html:root body #services-at-a-glance .fm-hub-grid:has(.fm-role-panel:not([hidden])) .fm-sg-rows{grid-template-columns:1fr!important}}
@media (min-width:768px) and (max-width:1023px){html:root body #services-at-a-glance .fm-hub-grid:has(.fm-role-panel:not([hidden])) .fm-sg-rows{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:767px){
html:root body #services-at-a-glance div.fm-sg-name[class*="fm-sg--"]:not(#fm-none){padding:0!important}
html:root body #services-at-a-glance div.fm-sg-name[class*="fm-sg--"]:not(#fm-none) > figure.fm-sg-photo{margin:0!important;width:100%!important;max-width:none!important;border-radius:0!important}
html:root body #services-at-a-glance div.fm-sg-name[class*="fm-sg--"]:not(#fm-none) > div{padding:18px 18px 4px!important}
}
/* Phones only: one tighter vertical rhythm between sections across the site (desktop untouched) */
@media (max-width:767px){
html body{--fh2-top:36px;--fh2-bottom:36px}
html:root body section.fsv-mint:not(.fsv-hero):not(.fm-action),html:root body section.fh2-connect{margin-top:24px!important;margin-bottom:24px!important}
html:root body section.fh2-connect{padding-top:36px!important;padding-bottom:48px!important}
html:root body :is(.fm-hub-main,.fh2-proof,section.fm-action){padding-top:32px!important;padding-bottom:32px!important}

}
/* "See it in action" cards: white like every other card */
html:root body li.fm-action-card{background:#FFFFFF!important}
@media (max-width:767px){
html:root body section.fsv-mint:has(> .fsv-wrap > .fsv-faq-main){padding-top:0!important;padding-bottom:0!important}
html:root body section.fsv-mint > .fsv-wrap:has(> .fsv-faq-main){padding-top:0!important;padding-bottom:0!important}
}
/* 10/15: no visible breadcrumbs anywhere (structured breadcrumb data stays in the page) */
html:root body :is(nav.fsv-crumbs,nav.breadcrumbs,nav.impact-breadcrumb,div._w-blog-breadcrumb,nav[aria-label="Breadcrumb"]){display:none!important}
/* ===== /schedule (Build your plan) redesign, 10/15 ===== */






html:root body main.schedule-page .schedule-intro p:not(.schedule-eyebrow){margin:0!important;font-size:18.5px!important;line-height:1.55!important;color:rgba(255,255,255,.9)!important;text-align:left!important}
























/* Home Learning on phones only */
@media (max-width:767px){
/* hero: the Minnesota amount becomes a small row above the label instead of floating over the title */







/* funds timeline: dot sits on the STEP label, a vertical line runs dot to dot */










}



@media (max-width:767px){
html:root body ol.fhl-timeline.fm-path:not(#fm-none){gap:0!important;row-gap:0!important}
html:root body ol.fhl-timeline.fm-path:not(#fm-none) > li.fhl-step{padding:0 0 28px 30px!important;margin:0!important}
html:root body ol.fhl-timeline.fm-path:not(#fm-none) > li.fhl-step::after{display:block!important;content:""!important;top:20px!important;bottom:-3px!important;height:auto!important;background:rgba(64,55,112,.25)!important}
html:root body ol.fhl-timeline.fm-path:not(#fm-none) > li.fhl-step:last-child::after{display:none!important}
}
/* Cards with no art (e.g. /families options): proper top padding, sans titles */
html:root body main.fm-res li.fm-res-card:not(:has(> .fm-res-art, > img.fm-res-thumb)){padding:26px 0 24px!important}
html:root body main.fm-res li.fm-res-card:not(:has(> .fm-res-art, > img.fm-res-thumb)) > h2{margin:0 22px 10px!important;font-family:inherit!important;font-weight:700!important;font-size:21px!important;line-height:1.3!important;color:#403770!important}
/* "Coming soon" on cards matches the nav badge */
/* "Coming soon" inside card titles: same pill as the For Families nav note */



/* Related-resources box: breathing room above and below it, so it doesn't butt into the mission band */


/* Research "Results at a glance" on phones: one column, figure + sentence rows with hairlines */

@media (max-width:767px){html:root body section.fm-results-stats:not(#fm-none) li{grid-template-columns:122px minmax(0,1fr)!important;padding:14px 0!important}html:root body section.fm-results-stats:not(#fm-none) .fm-stat-figure{font-size:28px!important;white-space:nowrap!important}html:root body section.fm-results-stats:not(#fm-none) li p{margin-bottom:4px!important}}
/* Research studies head on phones: title, intro, then "All case studies" on its own line */

/* Research video: our own poster frame; the player loads on click */
html:root body button.fm-vframe-poster{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:#201B3C;cursor:pointer}
html:root body button.fm-vframe-poster img{width:100%;height:100%;object-fit:cover;display:block}


html:root body button.fm-vframe-poster:focus-visible{outline:3px solid #403770;outline-offset:3px}
/* Resources rows on phones: swipe carousels (all items, no arrows, no scrollbar), cards sized to content */
@media (max-width:767px){
html:root body main.fm-res section.fm-row{margin-top:48px!important}


html:root body main.fm-res ul.fm-row-track:not(#fm-none){display:flex!important;grid-template-columns:none!important;gap:14px!important;overflow-x:auto!important;overflow-y:hidden;scroll-snap-type:x mandatory;margin:0 -16px!important;padding:4px 16px 18px!important;scrollbar-width:none;align-items:stretch}
html:root body main.fm-res ul.fm-row-track:not(#fm-none)::-webkit-scrollbar{display:none}
html:root body main.fm-res ul.fm-row-track:not(#fm-none) > li{display:flex!important;flex:0 0 82%!important;width:auto!important;min-height:0!important;height:auto!important;scroll-snap-align:start;scroll-margin-left:16px}
html:root body main.fm-res ul.fm-row-track:not(#fm-none) > li[hidden]{display:none!important}
html:root body main.fm-res ul.fm-row-track:not(#fm-none) > li.fm-res-vitem > article{width:100%}
/* podcast callout: stacked */









}
@media (max-width:767px){
html:root body main.fm-res section.fm-row:not(#fm-none){margin-top:28px!important}
html:root body main.fm-res ul.fm-row-track:not(#fm-none){padding-bottom:12px!important}
html:root body section.fm-roles-moved:not(#fm-none){margin:32px 12px 0!important;padding:40px 0!important}
html:root body section.fm-roles-moved:not(#fm-none) .fsv-wrap{padding:0 14px!important}
html:root body section.fm-roles-moved:not(#fm-none) .fh-role-grid{gap:12px!important}
html:root body section.fm-roles-moved:not(#fm-none) article.fh-role{padding:20px!important}
html:root body section.fm-roles-moved:not(#fm-none) article.fh-role > *{width:100%!important;max-width:none!important;box-sizing:border-box}
html:root body section.fm-roles-moved:not(#fm-none) ul.fh-role-links{width:100%!important;max-width:none!important;margin-right:0!important}
}
@media (max-width:767px){html:root body section.fm-roles-moved:not(#fm-none) article.fh-role > .fh-role-icon{width:44px!important;height:44px!important}}
/* /about on phones: side padding for the intro statement; air above "Today's services" */
@media (max-width:767px){


html:root body #fm-tl-today{margin-top:48px!important}
}
/* Phones/tablets: header sticks to the top while scrolling */
@media (max-width:991px){
html:root body .page-wrapper-2 > .nav-menu.w-nav{position:sticky!important;top:0;z-index:1000;background:#FFFCFA!important;box-shadow:0 1px 0 rgba(64,55,112,.08)}
html:root body .nav-menu .nav-menu-links-inner{max-height:calc(100dvh - 82px);overflow-y:auto}
}
/* /about on phones: compact team-quote carousel; executives one per row */
@media (max-width:767px){




html:root body .fa-execs:not(#fm-none) .fa-exec-row{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
html:root body .fa-execs:not(#fm-none) li.fa-exec{position:relative;display:grid!important;grid-template-columns:72px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:12px!important;text-align:left!important}
html:root body .fa-execs:not(#fm-none) li.fa-exec > img{grid-column:1;grid-row:1 / span 2;width:72px!important;height:72px!important;aspect-ratio:1/1;border-radius:14px!important}
html:root body .fa-execs:not(#fm-none) li.fa-exec > h3{grid-column:2;grid-row:1;align-self:end;margin:0!important;font-size:22px!important;line-height:1.1!important}
html:root body .fa-execs:not(#fm-none) li.fa-exec > p.fa-exec-role{grid-column:2;grid-row:2;align-self:start;margin:2px 0 0!important;font-size:14px!important}
html:root body .fa-execs:not(#fm-none) li.fa-exec > button.fa-read{grid-column:3;grid-row:1 / span 2;align-self:center;white-space:nowrap;margin:0!important;width:auto!important}
html:root body .fa-execs:not(#fm-none) li.fa-exec > .fa-read-body{grid-column:1 / -1}
}
/* /about Fullmind Facts on phones: 2×2 stat tiles, compact proof rows */
@media (max-width:767px){
html:root body section.fa-facts:not(#fm-none){margin:56px 12px 0!important;padding:36px 0 28px!important}
html:root body section.fa-facts:not(#fm-none) h2{font-size:28px!important;margin-bottom:20px!important}
html:root body section.fa-facts:not(#fm-none) ul.fa-fact-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
html:root body section.fa-facts:not(#fm-none) li.fa-fact--num{grid-column:auto!important;padding:16px 14px!important;border-radius:16px;background:rgba(255,255,255,.07)!important;border:0!important}
html:root body section.fa-facts:not(#fm-none) li.fa-fact--num .fa-fact-big{font-size:28px!important;line-height:1.05!important;margin:0 0 6px!important;white-space:nowrap}
html:root body section.fa-facts:not(#fm-none) li.fa-fact--num p{font-size:13.5px!important;line-height:1.4!important}
html:root body section.fa-facts:not(#fm-none) li.fa-fact--proof{grid-column:1 / -1!important;padding:16px 2px 4px!important}
html:root body section.fa-facts:not(#fm-none) li.fa-fact--proof:nth-child(5){margin-top:8px!important}
html:root body section.fa-facts:not(#fm-none) li.fa-fact--proof .fa-fact-big{font-size:20px!important;margin:0 0 4px!important}
html:root body section.fa-facts:not(#fm-none) li.fa-fact--proof p{font-size:14px!important;line-height:1.45!important}
}
/* How we work steps on phones: same dot-to-dot timeline as Home Learning */
@media (max-width:767px){
html:root body .family-steps:not(#fm-none){gap:0!important;row-gap:0!important}
html:root body .family-steps:not(#fm-none) > article{position:relative;padding:0 0 28px 30px!important;margin:0!important}
html:root body .family-steps:not(#fm-none) > article::before{top:3px!important;left:0!important;width:14px!important;height:14px!important;border-radius:50%}
html:root body .family-steps:not(#fm-none) > article::after{display:block!important;content:""!important;top:20px!important;bottom:-3px!important;left:6px!important;right:auto!important;width:2px!important;height:auto!important;background:rgba(64,55,112,.25)!important}
html:root body .family-steps:not(#fm-none) > article:last-child::after{display:none!important}
html:root body .family-steps:not(#fm-none) > article:last-child{padding-bottom:0!important}
html:root body .family-steps:not(#fm-none) > article > b{line-height:20px!important;margin:0 0 4px!important}
html:root body .family-steps:not(#fm-none) > article > h3{margin:0 0 6px!important}
}
/* /about executives on phones: the quote opens below the row (not as a clipped overlay) */
@media (max-width:767px){
html:root body .fa-execs:not(#fm-none) li.fa-exec > .fa-read-body.is-open{position:static!important;inset:auto!important;height:auto!important;clip-path:none!important;margin:12px 0 0!important;padding:16px 18px!important;border-radius:14px!important;background:#403770!important;color:#FFFFFF!important;width:auto!important}
html:root body .fa-execs:not(#fm-none) li.fa-exec > .fa-read-body.is-open figcaption{margin:0 0 6px!important;font-size:11.5px!important;color:#C4E7E6!important;text-align:left!important}
html:root body .fa-execs:not(#fm-none) li.fa-exec > .fa-read-body.is-open blockquote{margin:0!important;font-size:15px!important;line-height:1.5!important;color:#FFFFFF!important;text-align:left!important}
}
/* Resources carousels on phones: room for the card shadow inside the scroller */
@media (max-width:767px){
html:root body main.fm-res ul.fm-row-track:not(#fm-none){padding-top:6px!important;padding-bottom:34px!important;margin-bottom:-18px!important}
}

/* Research "Results at a glance" on phones: same light tiles as /about Fullmind Facts */
@media (max-width:767px){
html:root body section.fm-results-stats:not(#fm-none) ul{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
html:root body section.fm-results-stats:not(#fm-none) li{display:flex!important;flex-direction:column;padding:16px 14px!important;border:0!important;border-radius:16px!important;background:rgba(255,255,255,.07)!important}
html:root body section.fm-results-stats:not(#fm-none) li:last-child:nth-child(odd){grid-column:1 / -1}
html:root body section.fm-results-stats:not(#fm-none) .fm-stat-figure{margin:0 0 6px!important;font-size:28px!important;white-space:nowrap!important}
html:root body section.fm-results-stats:not(#fm-none) li p{margin:0 0 8px!important;font-size:13.5px!important;line-height:1.4!important}
html:root body section.fm-results-stats:not(#fm-none) li a{margin-top:auto!important;font-size:13px!important}
}
@media (max-width:767px){
html:root body main.fm-res li.fm-res-card:not(:has(> .fm-res-art, > img.fm-res-thumb)){box-shadow:0 0 0 1px rgba(64,55,112,.12)!important;transform:none!important}
}
html:root body main li.fm-res-card h2 span.fm-res-kicker:not(#fm-none){display:inline-block!important;padding:2px 8px!important;border-radius:20px!important;background:rgba(64,55,112,.08)!important;color:#403770!important;font-size:12px!important;font-weight:600!important;letter-spacing:normal!important;text-transform:none!important;margin:0 0 0 6px!important}
/* Letter page on phones: less padding inside the letter */

@media (max-width:767px){html:root body main.fl-page blockquote.fl-quote:not(#fm-none){margin:24px 0!important;padding:44px 20px 20px!important}html:root body main.fl-page blockquote.fl-quote:not(#fm-none)::before{top:6px;left:18px;font-size:52px}html:root body main.fl-page blockquote.fl-quote:not(#fm-none) p{font-size:20px!important}}
@media (max-width:767px){html:root body main.fl-page section.fl-hero:not(#fm-none) .fsv-wrap{padding-bottom:148px!important}}
/* Inset photo banners (/services, /podcast, /resources) on phones: less top/bottom padding */
@media (max-width:767px){
html:root body section.fsv-hub-hero.fm-banner-hero:not(#fm-none) .fsv-wrap{padding-top:44px!important;padding-bottom:40px!important}


}
@media (max-width:767px){html:root body main.lcw-hub .lcw-body:not(#fm-none){padding-top:36px!important}}
/* No rise-in on cards inside carousels: every card sits level */
html.fm-motion :is(.fm-row-track,.fsv3-track,.fm-action-grid,.lcw-latest,ul.fm-glist,.fh2-slides) [data-fm-rise]{opacity:1!important;transform:none!important;transition:transform .2s,box-shadow .2s!important}


/* ===== Case study detail (Yuba City), 10/15: tint hero + stats, split sections, plum results panel, white cards ===== */
















html:root body main.yc-page .yc-split > div:first-child:not(:has(h2)) {}


































/* Contact us: three ways-to-reach cards under the form */













/* Thank-you: one centered card */

html:root body section.ty-card{max-width:760px;margin:0 auto;padding:56px 48px 48px;border-radius:28px;background:rgba(196,231,230,.32);text-align:center}

html:root body section.ty-card h1{margin:0 0 14px!important;font-size:clamp(34px,3.6vw,48px)!important;line-height:1.1!important;color:#403770!important}

html:root body .ty-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:40px}




/* DIA: download buttons + brief pages */









@media (max-width:767px){html:root body section.ty-card{padding:36px 22px}}
/* Episode pages on phones: artwork sits right under the title */

/* Episode pages on phones: tighter hero spacing, inset player card, less gap before the summary */
@media (max-width:767px){
html:root body main.lcw .lcw-hero .lcw-hero-grid:not(#fm-none){gap:0!important;row-gap:0!important}




html:root body main.lcw section.lcw-player:not(#fm-none){margin-left:16px!important;margin-right:16px!important;width:auto!important;max-width:none!important}
html:root body main.lcw .lcw-body:not(#fm-none){padding-top:28px!important}


}
/* Thank-you buttons: site primary + secondary pills */
html:root body .ty-actions a.fsv-btn{display:inline-flex!important;align-items:center;justify-content:center;height:48px;padding:0 24px!important;border:2px solid transparent;border-radius:999px!important;font-size:16px!important;font-weight:700!important;text-decoration:none!important;line-height:1}
html:root body .ty-actions a.fsv-btn *{text-decoration:none!important}
html:root body .ty-actions a.fsv-btn--primary{background:#E9625A!important;border-color:#E9625A!important;color:#FFFFFF!important}
html:root body .ty-actions a.fsv-btn--primary:hover{background:#DF564C!important;border-color:#DF564C!important}
html:root body .ty-actions a.fsv-btn--ghost{background:#FFFCFA!important;border-color:#403770!important;color:#403770!important}
html:root body .ty-actions a.fsv-btn--ghost:hover{background:#EEF7F6!important}
/* ===== Shared landing template (core, supplemental, vacancies, partner, charter, allendale), 10/15 ===== */

html:root body main.lp-page .lp-actions[hidden]{display:none}
html:root body main.lp-page :is(.lp-actions,.lp-after) a.fsv-btn{display:inline-flex!important;align-items:center;justify-content:center;height:48px;padding:0 24px!important;border:2px solid transparent;border-radius:999px!important;font-size:16px!important;font-weight:700!important;text-decoration:none!important}
html:root body main.lp-page :is(.lp-actions,.lp-after) a.fsv-btn--primary{background:#E9625A!important;border-color:#E9625A!important;color:#FFFFFF!important}
html:root body main.lp-page :is(.lp-actions,.lp-after) a.fsv-btn--primary:hover{background:#DF564C!important;border-color:#DF564C!important}
html:root body main.lp-page :is(.lp-actions,.lp-after) a.fsv-btn--ghost{background:#FFFCFA!important;border-color:#403770!important;color:#403770!important}
html:root body main.lp-page :is(.lp-actions,.lp-after) a.fsv-btn--ghost:hover{background:#EEF7F6!important}






























/* All courses: search looks like the site's other search bars */
html:root body label[for="fc-search"]{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html:root body input#fc-search{width:min(520px,100%)!important;height:52px!important;margin:0 0 16px!important;padding:0 18px 0 48px!important;border:1px solid rgba(64,55,112,.2)!important;border-radius:999px!important;background:#FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236F6799' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 18px 50%!important;font-size:16px!important;color:#403770!important;box-shadow:none!important;outline:none!important}
html:root body input#fc-search::placeholder{color:#8A84A8}
html:root body input#fc-search:hover{border-color:rgba(64,55,112,.4)!important}
html:root body input#fc-search:focus{border-color:#403770!important;box-shadow:0 0 0 4px #D9EEEC!important}



/* Designed video poster: plum panel (play + who) beside a face crop */









/* ===== Campaign pages (/california-staffing, /arizona-special-education): site look ===== */

html:root body.fm-campaign :is(h1,h2,h3):not(.formEyebrow){font-family:"DM Serif Display",Georgia,serif!important;font-weight:400!important;letter-spacing:0!important;color:inherit}
html:root body.fm-campaign :is(p,li,label,input,select,textarea,button,a,span,dd,dt){font-family:"DM Sans",Arial,sans-serif}




html:root body.fm-campaign :is(a.button,.heroActions a,.submitButton,.headerCta,.headerLink){display:inline-flex!important;align-items:center;justify-content:center;min-height:48px;padding:0 24px!important;border-radius:999px!important;font-size:16px!important;font-weight:700!important;text-decoration:none!important;box-shadow:none!important}
html:root body.fm-campaign :is(.submitButton,.heroActions a:first-child,a.button--primary,a.button.primary){background:#E9625A!important;border:2px solid #E9625A!important;color:#FFFFFF!important}
html:root body.fm-campaign :is(.submitButton,.heroActions a:first-child):hover{background:#DF564C!important;border-color:#DF564C!important}
html:root body.fm-campaign .hero .heroActions a:not(:first-child){background:transparent!important;border:2px solid rgba(255,255,255,.85)!important;color:#FFFFFF!important}
html:root body.fm-campaign :is(.headerCta,.headerLink){min-height:40px;padding:0 18px!important;background:#FFFFFF!important;border:1.5px solid #403770!important;color:#403770!important;font-size:14.5px!important}
html:root body.fm-campaign :is(.headerCta,.headerLink):hover{background:#EEF7F6!important}

html:root body.fm-campaign .formCard :is(input,select,textarea){height:48px;padding:0 14px!important;border:1px solid rgba(64,55,112,.25)!important;border-radius:12px!important;background:#FFFFFF!important;font-size:15.5px!important;color:#403770!important;box-shadow:none!important}

html:root body.fm-campaign .formCard :is(input,select,textarea):focus{outline:none!important;border-color:#403770!important;box-shadow:0 0 0 4px #D9EEEC!important}


html:root body.fm-campaign :is(.roleCard,.repCard,.coverageMapCard,.proofQuote,.districtProof,.calendlyShell,.calendarShell){border:0!important;border-radius:20px!important;background:#FFFFFF!important;box-shadow:0 0 0 1px rgba(64,55,112,.10)!important}
html:root body.fm-campaign :is(.supportImage,.heroImage,.heroVisual,.processVisual) img{border-radius:24px!important}
html:root body.fm-campaign :is(.scheduleSection,.proofSection,.formSection,.coverageMapSection){background:rgba(196,231,230,.32)!important;border-radius:28px;margin-left:var(--fm-inset,clamp(16px,4vw,64px))!important;margin-right:var(--fm-inset,clamp(16px,4vw,64px))!important}


html:root body.fm-campaign .hero:not(#fm-none){width:auto!important;max-width:1240px!important;margin-left:max(var(--fm-inset,clamp(16px,4vw,64px)),calc((100% - 1240px) / 2))!important;margin-right:max(var(--fm-inset,clamp(16px,4vw,64px)),calc((100% - 1240px) / 2))!important;box-sizing:border-box}
/* California campaign polish */








html:root body.fm-campaign .coverageMapIntro > p:not(.eyebrow){margin:0 auto 22px!important;max-width:34em;font-size:17.5px!important;line-height:1.6!important;color:#4E4680!important}






/* California: solution chips → four even tiles with checks */




/* Campaign headers (CA + AZ): small logo, aligned to content, room below; one compact button on phones */
html:root body.fm-campaign :is(header.header,header.siteHeader){max-width:1240px;margin:0 auto 24px!important;padding:20px var(--fm-inset,clamp(16px,4vw,64px))!important;box-sizing:content-box;display:flex!important;align-items:center;justify-content:space-between;gap:16px}
html:root body.fm-campaign :is(header.header,header.siteHeader) :is(img.logo,img){height:36px!important;width:auto!important;max-width:none!important}
html:root body.fm-campaign :is(.headerLink,.headerCta){font-size:14.5px!important;white-space:nowrap}

@media (max-width:767px){
html:root body.fm-campaign :is(header.header,header.siteHeader){padding:14px 16px!important;margin-bottom:12px!important}
html:root body.fm-campaign :is(header.header,header.siteHeader) :is(img.logo,img){height:28px!important}
html:root body.fm-campaign :is(.headerLink,.headerCta){min-height:38px!important;padding:0 14px!important;font-size:13.5px!important}


}
/* Rep cards: avatar, name + role, then email/call as small pills */






html:root body.fm-campaign .repCard a[href^="mailto"]::before{content:"Email";font-size:13.5px}
html:root body.fm-campaign .repCard a[href^="tel"]::before{content:attr(href);font-size:13.5px}
html:root body.fm-campaign .repCard a[href^="tel"]::before{content:"Call"}

/* Arizona role cards: larger text */



/* Arizona proof: map is a clean white card with a small left-aligned heading (no box-in-box) */




/* Arizona form panel: the form card sits fully inside the tinted panel */
html:root body.fm-campaign .formSection:not(#fm-none){display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:48px;align-items:start;padding:56px!important;box-sizing:border-box;max-width:1240px;margin-left:max(var(--fm-inset,clamp(16px,4vw,64px)),calc((100% - 1240px) / 2))!important;margin-right:max(var(--fm-inset,clamp(16px,4vw,64px)),calc((100% - 1240px) / 2))!important}




@media (max-width:900px){html:root body.fm-campaign .formSection:not(#fm-none){grid-template-columns:1fr;padding:28px 20px!important;gap:24px}}
/* California hero stats on phones: stacked rows, not three cramped columns */

html:root body .lp-poster-split > img[src*="baron-davis-face"]{object-position:50% 0%!important}
/* California map intro: one centered column, count as a centered stat */


html:root body.fm-campaign .coverageCount:not(#fm-none){display:flex!important;flex-direction:column;align-items:center;gap:4px;width:max-content!important;max-width:none;padding:18px 34px!important;border-radius:20px!important}
html:root body.fm-campaign .coverageCount:not(#fm-none) strong{font-size:44px!important}
html:root body.fm-campaign .coverageCount:not(#fm-none) span{font-size:13px!important;font-weight:700!important;letter-spacing:.06em;text-transform:uppercase;color:#C4E7E6!important;text-align:center!important}
/* Rep cards: show the actual email / phone as plain links */
html:root body.fm-campaign .repCard:not(#fm-none) a{display:block!important;height:auto!important;padding:0!important;background:none!important;border-radius:0!important;font-size:14px!important;font-weight:600!important;color:#403770!important;text-decoration:none!important;overflow-wrap:anywhere;line-height:1.5}
html:root body.fm-campaign .repCard:not(#fm-none) a::before{content:none!important}
html:root body.fm-campaign .repCard:not(#fm-none) a:hover{text-decoration:underline!important;text-underline-offset:3px}
html:root body.fm-campaign .repCard:not(#fm-none) a+a{margin-left:0}
html:root body.fm-campaign .repCard:not(#fm-none) span{margin-bottom:4px!important}
html:root body.fm-campaign .repCard:not(#fm-none) > div{display:block!important}
/* Phone headers: short label in the button */
@media (max-width:767px){
html:root body.fm-campaign :is(.headerLink,.headerCta){font-size:0!important;padding:0 16px!important}
html:root body.fm-campaign :is(.headerLink,.headerCta)::after{content:"Check availability"!important;font-size:13.5px;font-weight:700}
}
html:root body.fm-campaign :is(.headerLink,.headerCta):not(#fm-none){font-size:14.5px!important}
html:root body.fm-campaign :is(.headerLink,.headerCta):not(#fm-none)::after{content:none!important}

@media (max-width:767px){html:root body.fm-campaign :is(.headerLink,.headerCta):not(#fm-none){font-size:13.5px!important}}
html:root body .lp-poster-split > img[src*="baron-davis-face"]{object-position:50% 30%!important}
html:root body.fm-campaign a.headerCta:not(#fm-none){display:inline-flex!important;align-items:center;justify-content:center;min-height:40px!important;padding:0 18px!important;border:1.5px solid #403770!important;border-radius:999px!important;line-height:1!important;width:auto!important;white-space:nowrap}
@media (max-width:767px){html:root body.fm-campaign a.headerCta:not(#fm-none){min-height:38px!important;padding:0 14px!important}}
/* California count: light tint tile, plum text */
html:root body.fm-campaign .coverageCount:not(#fm-none){flex-direction:row!important;gap:16px!important;padding:14px 26px!important;border-radius:999px!important;background:rgba(196,231,230,.45)!important;box-shadow:none!important}
html:root body.fm-campaign .coverageCount:not(#fm-none) strong{font-size:40px!important;color:#403770!important}
html:root body.fm-campaign .coverageCount:not(#fm-none) span{font-size:15.5px!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;color:#403770!important;text-align:left!important;max-width:140px}
html:root body.fm-campaign a.headerCta:not(#fm-none){max-width:none!important;text-align:center!important}
html:root body.fm-campaign .repCard:not(#fm-none) > div > :is(strong,span,a){display:block!important;width:100%}
html:root body.fm-campaign .repCard:not(#fm-none) > div > strong{margin:0 0 2px!important}
html:root body.fm-campaign .repCard:not(#fm-none) > div > span{margin:0 0 6px!important;flex:none}
html:root body.fm-campaign .repCard:not(#fm-none) > div > a{overflow-wrap:normal;word-break:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Rep cards: avatar + name/title on top, email/phone on a full-width row underneath (no wrapping) */
html:root body.fm-campaign .repCard:not(#fm-none){grid-template-columns:52px minmax(0,1fr)!important;grid-template-rows:auto auto;row-gap:12px!important;align-items:center}
html:root body.fm-campaign .repCard:not(#fm-none) > div{display:contents!important}
html:root body.fm-campaign .repCard:not(#fm-none) img.repPhoto{grid-column:1;grid-row:1;width:52px!important;height:52px!important}
html:root body.fm-campaign .repCard:not(#fm-none) > div > strong{grid-column:2;grid-row:1;align-self:end;margin:0 0 22px!important}
html:root body.fm-campaign .repCard:not(#fm-none) > div > span{grid-column:2;grid-row:1;align-self:end;margin:0 0 2px!important}
html:root body.fm-campaign .repCard:not(#fm-none) > div > a{grid-column:1 / -1;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;font-size:14px!important;padding-top:10px!important;border-top:1px solid rgba(64,55,112,.10)}
html:root body.fm-campaign .repCard:not(#fm-none) > div > a + a{padding-top:4px!important;border-top:0}
html:root body.fm-campaign .repCard:not(#fm-none) > div > a[href^="mailto"]{grid-row:2}
html:root body.fm-campaign .repCard:not(#fm-none) > div > a[href^="tel"]{grid-row:3}
@media (max-width:420px){html:root body.fm-campaign .repCard:not(#fm-none) > div > a{font-size:13px!important}}

html:root body .lp-poster-split > img[src*="khaalid-face-v3"]{object-position:50% 50%!important}
/* Homepage gallery (restored 10/15): two rows of classroom photos drifting in opposite directions */










@keyframes fm-gal{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 8px))}}


/* Homepage testimonials: tint inset panel, white quote cards that swipe, round arrows top right */





html:root body button.fm-testis-btn{width:48px;height:48px;border-radius:50%;border:1.5px solid #403770;background:#FFFFFF;color:#403770;font-size:20px;line-height:1;cursor:pointer;transition:background .15s,opacity .15s}
html:root body button.fm-testis-btn:hover{background:#EEF7F6}
html:root body button.fm-testis-btn:disabled{opacity:.35;cursor:default;background:#FFFFFF}
html:root body ul.fm-testis-track{display:flex;gap:20px;margin:0;padding:4px 2px 8px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
html:root body ul.fm-testis-track::-webkit-scrollbar{display:none}
html:root body ul.fm-testis-track > li{flex:0 0 calc((100% - 40px) / 3);scroll-snap-align:start;margin:0}




@media (max-width:991px){html:root body ul.fm-testis-track > li{flex-basis:calc((100% - 20px) / 2)}}
@media (max-width:767px){html:root body ul.fm-testis-track{gap:12px;margin:0 -16px;padding:4px 16px 12px}html:root body ul.fm-testis-track > li{flex-basis:84%;scroll-margin-left:16px}}

/* States hub (/states): tint hero, state search, clickable state cards */





html:root body main.fm-states .fm-st-tools input[type=search]{width:300px;height:48px;margin:0;padding:0 16px 0 44px!important;border:1px solid rgba(64,55,112,.2)!important;border-radius:999px!important;background:#FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%236F6799' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 16px center!important;font:500 16px/1 "DM Sans",sans-serif;color:#403770;outline:none;box-shadow:none}
html:root body main.fm-states .fm-st-tools input[type=search]::placeholder{color:#8A84A8}
html:root body main.fm-states .fm-st-tools input[type=search]:hover{border-color:rgba(64,55,112,.4)!important}
html:root body main.fm-states .fm-st-tools input[type=search]:focus{border-color:#403770!important;box-shadow:0 0 0 4px #D9EEEC!important}


html:root body main.fm-states ul.fm-st-grid li[hidden]{display:none}










@media (max-width:767px){html:root body main.fm-states .fm-st-tools input[type=search]{width:100%}}
/* Podcast guests page (/podcast/guests): hub guest grid under a centered tint hero */



/* State pages (/states/<state>, 10/16): resource cards, hub episode cards, case study cards, service minis, one-pagers */
















/* one-pagers: title + what they're for on the left, picks and download on the right */





html:root body main.fm-state2 .fm-pk-intro p:not(.fm-pk-kicker){margin:0!important;font-size:17px;line-height:1.55;color:#4E4680;max-width:520px}

























/* 10/16 padding pass: letter card and the /services news + podcast carousel cards (their two bodies both padded) */
@media (min-width:768px){html:root body main.fl-page article.fl-letter:not(#fm-none){padding:44px 48px 52px}html:root body main.fl-page article.fl-letter p.fl-date:not(#fm-none){margin-bottom:20px!important}}
html:root body li.fm-action-card.fm-gcard .fm-gcard-body:not(#fm-none){padding:0!important}
html:root body li.fm-action-card.fm-gcard .fm-action-body:not(#fm-none){padding:14px 18px 18px!important}




/* Video cards everywhere (10/16): every /videos card rule, applied to video sections on other pages */
html:root body :is(.fm-vsection,.fm-s2-videos):not(#fm-none) .fm-vgrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;align-items:stretch}
html:root body :is(.fm-vsection,.fm-s2-videos):not(#fm-none) article.fm-vcard{position:relative;display:flex!important;flex-direction:column;height:100%;margin:0!important;padding:0 0 22px!important;border:0!important;border-radius:20px!important;background:#FFFFFF!important;box-shadow:0 0 0 1px rgba(64,55,112,.10),0 14px 30px -18px rgba(64,55,112,.35)!important;overflow:hidden}
html:root body :is(.fm-vsection,.fm-s2-videos):not(#fm-none) .fm-vplayer{position:relative;aspect-ratio:16/9!important;margin:0 0 18px!important;border-radius:0!important;overflow:hidden;background:#201B3C}
html:root body :is(.fm-vsection,.fm-s2-videos):not(#fm-none) .fm-vplayer video{width:100%!important;height:100%!important;object-fit:cover;display:block}
html:root body :is(.fm-vsection,.fm-s2-videos):not(#fm-none) .fm-vchips{position:absolute;right:12px;bottom:12px;z-index:2;display:flex;gap:6px;pointer-events:none}
html:root body :is(.fm-vsection,.fm-s2-videos):not(#fm-none) .fm-vchip{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:999px;background:rgba(20,16,40,.72);color:#FFFFFF;font-size:12px;font-weight:700;letter-spacing:.02em}
html:root body :is(.fm-vsection,.fm-s2-videos):not(#fm-none) .fm-vchip--cc{padding:0 7px;border:1.5px solid rgba(255,255,255,.85);background:rgba(20,16,40,.45);font-size:11px}
html:root body :is(.fm-vsection,.fm-s2-videos):not(#fm-none) .fm-vcard-body{display:flex;flex-direction:column;padding:0 22px!important;margin:0!important}
html:root body :is(.fm-vsection,.fm-s2-videos):not(#fm-none) .fm-vcard-body > p.fm-vcard-where{order:-1;margin:0 0 8px!important;font-size:12px!important;font-weight:700!important;letter-spacing:.08em;text-transform:uppercase;color:#6F6799!important}
html:root body :is(.fm-vsection,.fm-s2-videos):not(#fm-none) .fm-vcard-body :is(h2,h3){margin:0 0 6px!important;font-family:inherit!important;font-size:18px!important;line-height:1.35!important;font-weight:700!important;color:#403770!important}
html:root body :is(.fm-vsection,.fm-s2-videos):not(#fm-none) .fm-vcard-body p.fm-vcard-who{margin:0 0 10px!important;font-size:14px!important;font-weight:500!important;line-height:1.45!important;color:#4E4680!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html:root body :is(.fm-vsection,.fm-s2-videos):not(#fm-none) .fm-vcard-body p.fm-vcard-quote{margin:0 0 12px!important;font-size:14.5px!important;font-style:italic;line-height:1.5!important;color:#403770!important}
html:root body :is(.fm-vsection,.fm-s2-videos):not(#fm-none) .fm-vcard-body p.fm-vcard-desc{margin:0 0 12px!important;font-size:14.5px!important;line-height:1.5!important;color:#4E4680!important}
html:root body :is(.fm-vsection,.fm-s2-videos):not(#fm-none) .fm-vcard-body p.fm-vcard-svc{display:flex;flex-wrap:wrap;gap:6px;margin:auto 0 0!important;padding-top:4px}
html:root body :is(.fm-vsection,.fm-s2-videos):not(#fm-none) .fm-vcard-body p.fm-vcard-svc a{display:inline-flex;align-items:center;height:28px;padding:0 10px;border-radius:999px;background:#F2F2F5;font-size:12.5px;font-weight:600;color:#403770!important;text-decoration:none!important}
html:root body :is(.fm-vsection,.fm-s2-videos):not(#fm-none) .fm-vcard-body p.fm-vcard-svc a:hover{background:#E6F4F3}
@media (max-width:991px){html:root body :is(.fm-vsection,.fm-s2-videos):not(#fm-none) .fm-vgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:640px){html:root body :is(.fm-vsection,.fm-s2-videos):not(#fm-none) .fm-vgrid{grid-template-columns:1fr!important}}

/* Topic tags are gray everywhere (10/16) */
html:root body ul.fm-q-tags:not(#fm-none) li{margin:0!important;padding:3px 10px!important;border-radius:999px!important;background:#F2F2F5!important;font-size:12.5px!important;font-weight:600!important;color:#403770!important}
/* Guests page: "PAGE 2 OF 14" eyebrow above the list title, like /blog/page/N */
html:root body main.lcw-guests-page #lcw-guests-title{display:flex;flex-direction:column-reverse;align-items:flex-start;gap:8px}
html:root body main.lcw-guests-page #lcw-guests-title .lcw-pagenum{display:block;font-family:var(--font--dmsans),"DM Sans",sans-serif;font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1.2;color:#6F6799}
html:root body main.lcw-guests-page #lcw-guests-title .lcw-pagenum[hidden]{display:none}

/* Oct 16 (brand_accents.py, AA large text for white on Cheryl's coral) */
html:root body:not(#fm-aa) a.fsv-btn--primary,html:root body:not(#fm-aa) button.fsv-btn--primary,html:root body:not(#fm-aa) a.nav-button,html:root body:not(#fm-aa) a.fullmind-mobile-header-cta,html:root body:not(#fm-aa) button.fm-pk-go,html:root body:not(#fm-aa) a.fm-op-dl,html:root body:not(#fm-aa) .fm-kit-send,html:root body:not(#fm-aa) button.fm-mi-yes,html:root body:not(#fm-aa) a.fh2-cta,html:root body:not(#fm-aa) a.fhl-btn--primary,html:root body:not(#fm-aa) a.button-white-2,html:root body:not(#fm-aa) a.button-primary,html:root body:not(#fm-aa) button.fullmind-lead-submit,html:root body:not(#fm-aa) button.schedule-calendar-load,html:root body:not(#fm-aa) a.fm-mi-kitdl,html:root body:not(#fm-aa) a.button-modal,html:root body:not(#fm-aa) a.family-button,html:root body:not(#fm-aa) a.fm-itutor-btn,html:root body:not(#fm-aa) a.fft-btn,html:root body:not(#fm-aa) button.fh2-go,html:root body:not(#fm-aa) a.fm-newsletter-go,html:root body:not(#fm-aa) button.family-button{font-weight:700!important;font-size:max(19px,1em)!important}
html:root body:not(#fm-aa) a.fsv-btn--primary *,html:root body:not(#fm-aa) button.fsv-btn--primary *,html:root body:not(#fm-aa) a.nav-button *,html:root body:not(#fm-aa) a.fullmind-mobile-header-cta *,html:root body:not(#fm-aa) button.fm-pk-go *,html:root body:not(#fm-aa) a.fm-op-dl *,html:root body:not(#fm-aa) .fm-kit-send *,html:root body:not(#fm-aa) button.fm-mi-yes *,html:root body:not(#fm-aa) a.fh2-cta *,html:root body:not(#fm-aa) a.fhl-btn--primary *,html:root body:not(#fm-aa) a.button-white-2 *,html:root body:not(#fm-aa) a.button-primary *,html:root body:not(#fm-aa) button.fullmind-lead-submit *,html:root body:not(#fm-aa) button.schedule-calendar-load *,html:root body:not(#fm-aa) a.fm-mi-kitdl *,html:root body:not(#fm-aa) a.button-modal *,html:root body:not(#fm-aa) a.family-button *,html:root body:not(#fm-aa) a.fm-itutor-btn *,html:root body:not(#fm-aa) a.fft-btn *,html:root body:not(#fm-aa) button.fh2-go *,html:root body:not(#fm-aa) a.fm-newsletter-go *,html:root body:not(#fm-aa) button.family-button *{font-weight:700!important;font-size:inherit!important}
html:root body:not(#fm-aa) .fcs-fig{color:var(--fm-coral,#E9625A)!important}
/* photo credits stay whole (license attribution): they wrap upward over the photo instead of ending in an ellipsis */
html:root body:not(#fm-aa) .fm-card-credit,html:root body:not(#fm-aa) .fm-res-credit{white-space:normal!important;text-overflow:clip!important}
/* Oct 17: a button whose label wraps at 19px grows with it instead of spilling out of a fixed-height pill */
html:root body:not(#fm-aa) button.fm-pk-go,html:root body:not(#fm-aa) a.fm-op-dl,html:root body:not(#fm-aa) a.fsv-btn--primary{height:auto!important;min-height:44px;line-height:1.2!important;white-space:normal}
/* form fields: placeholders 4.5:1 and field edges 3:1 (WCAG 1.4.3, 1.4.11), in Cheryl's palette */
html:root body:not(#fm-aa) input::placeholder,html:root body:not(#fm-aa) textarea::placeholder{color:#6F6799!important;opacity:1}
html:root body:not(#fm-aa) #fc-search,html:root body:not(#fm-aa) textarea[name=message],html:root body:not(#fm-aa) main input[type=search],html:root body:not(#fm-aa) input.fm-cb-input,html:root body:not(#fm-aa) .fhs input:not([type=checkbox]):not([type=radio]):not([type=hidden]),html:root body:not(#fm-aa) .fhs select,html:root body:not(#fm-aa) .fhs textarea{border-color:#7D77A3!important}
html:root body:not(#fm-aa) .fullmind-lead-field{border-color:#403770!important}
/* the header stays fixed at the top once the announcement bar scrolls away (header_v3.py), over the sticky position */
html.fm-hdr-fixed body:not(#fm-aa) div.nav-menu.w-nav{position:fixed!important;top:0!important;left:0;right:0}
/* nothing in the page body pushes the page wider than the screen (carousel tracks, quote rows, decorations) */
html:root body:not(#fm-aa) main,html:root body:not(#fm-aa) .fsv3-car,html:root body:not(#fm-aa) .fsv4-quotes{overflow-x:clip}
@media (max-width:991px){html:root body:not(#fm-aa) .page-wrapper,html:root body:not(#fm-aa) .page-wrapper-2{overflow-x:clip}}
/* Oct 17 (batch2.py) */
/* District News articles at tablet width: one column, the one-pager promotion after the article */
@media (min-width:768px) and (max-width:1024px){
 html:root body:not(#fm-aa) .blog-post-wrap{grid-template-columns:minmax(0,1fr)!important;row-gap:32px}
 html:root body:not(#fm-aa) .blog-post-wrap > .blog-post__right{order:1}
 html:root body:not(#fm-aa) .blog-post-wrap > .blog-post__left{order:2}
 html:root body:not(#fm-aa) .blog-post__left .blog-post__sticky{position:static!important;top:auto!important}
}
/* the mobile menu button shows where keyboard focus is */
html:root body:not(#fm-aa) .w-nav-button:focus-visible{outline:3px solid #403770!important;outline-offset:3px}
/* Oct 17 (form_batch.py) */
html:root body:not(#fm-aa) #lets-connect{scroll-margin-top:96px}
html:root body:not(#fm-aa) .fh2-book-now{margin:14px 0 0;font-size:16px;line-height:1.5;color:#403770}
html:root body:not(#fm-aa) .fh2-book-now a{color:#403770;font-weight:700;text-decoration:underline;text-underline-offset:3px}
html:root body:not(#fm-aa) .fh2-field select#fh2-c-title{width:100%}
html:root body:not(#fm-aa) .fh2-packet{margin:22px 0 0;text-align:left}
html:root body:not(#fm-aa) .fh2-packet .fm-pk-kicker{margin:0 0 4px}
html:root body:not(#fm-aa) .fh2-packet-lead{margin:0 0 12px;color:#403770;font-size:16px;line-height:1.5}
/* Oct 17 (batch3.py) */
/* the mission banner on phones: three natural lines, room around them, the loop in the corner (desktop unchanged) */
@media (max-width:767px){
 html:root body:not(#fm-aa) .fm-mission-band .fm-mission-card{min-height:0;padding:64px 24px 52px;justify-content:center}
 html:root body:not(#fm-aa) .fm-mission-band .fm-mission-line{max-width:none;font-size:clamp(23px,6.6vw,27px);line-height:1.32;text-align:center;text-wrap:balance}
 html:root body:not(#fm-aa) .fm-mission-band .fm-ml-1,html:root body:not(#fm-aa) .fm-mission-band .fm-ml-2{display:block}
 html:root body:not(#fm-aa) .fm-mission-band .fm-mission-loop{width:min(36vw,140px);height:auto;aspect-ratio:420/220;top:-12px;left:-10px;opacity:.7}
}
/* Oct 20 (fix/connect-thank-you): /thank-you leads with the message (the Panel title size from the type scale); under
   "Need help sooner?", the secondary "Book a time now" pill opens the prefilled calendar on the page (same box as the
   connect panel's .fh2-booking-embed) */
html:root body:not(#fm-aa) section.ty-card h1{font-size:clamp(28px,2.6vw,36px)!important;line-height:1.12!important}
html:root body:not(#fm-aa) section.ty-card .ty-sooner{margin:0 auto 14px!important}
html:root body:not(#fm-aa) section.ty-card .ty-actions[hidden]{display:none!important}
html:root body:not(#fm-aa) .ty-cal{margin:0 0 40px;text-align:left}
html:root body:not(#fm-aa) .ty-cal-embed{min-height:700px;border-radius:14px;overflow:hidden;background:#FFFFFF}
html:root body:not(#fm-aa) .ty-cal-embed iframe{border:0;display:block;width:100%;height:700px}
html:root body:not(#fm-aa) .ty-cal .fh2-booking-alt{margin:10px 0 0;font-size:15px;text-align:center;color:#403770}
html:root body:not(#fm-aa) .ty-cal .fh2-booking-alt a{color:#403770;font-weight:700;text-decoration:underline;text-underline-offset:3px}
/* Oct 21 (Clayton): the /contact-us cards were flush with the screen edges; inset them like every rounded section (and the
   hero above them) with the design system's side margin */

/* Oct 21 (Clayton): "How can we help?" step 1 ("Get started") jumps to the form; keep the form clear of the sticky header
   the way #lets-connect is */
html:root body:not(#fm-aa) #fh2-connect-form{scroll-margin-top:96px}
/* Oct 21 (Clayton): customer support 1 (888) 841-7840 is back; /contact-us has three cards again (support center, email,
   customer support), so the two-column override from the phone removal is gone and the base three-column grid applies */
/* Oct 21 (Clayton): 2027 case study cards (/case-studies, state pages). The district's quote sits on the card as text
   (robin tint, serif, name and role under it) and each card says the results are Elevate K-12's, now part of Fullmind */




/* Oct 23 (Clayton): state pages, "Downloads for <State> districts" (the state one-pager and the region's impact kit)
   in a sidebar box that stays in view as you scroll, like the blog post sidebar: plum panel, serif title, a white
   card listing the two PDFs. Desktop: the page's sections on the left, the box sticky on the right. Under 992px: one
   column, the box after the sections. The box is a static panel (flat); each document row is the link. */





















/* Oct 23 (Clayton): phone and tablet menu (under 992px). The Services drop-down's text matches the header items and
   the other drop-downs (For Families, Resources, About): links 17px with the same line height and padding, group titles
   17px bold, "Explore all services" 17px. Desktop is unchanged. */
@media (max-width:991px){
html:root body #fullmind-services-menu .nav-dropdown-link{font-size:17px!important;line-height:22.1px!important;padding-top:9px!important;padding-bottom:9px!important}
html:root body #fullmind-services-menu .nav-dropdown-link :is(.live-staffing,.live-word){font-size:inherit!important;line-height:inherit!important}
html:root body #fullmind-services-menu .dropdown-column-title,html:root body #fullmind-services-menu .dropdown-column-title[class*="fm-sg--"],html:root body #fullmind-services-menu .mega-dropdown-column[data-fm-group="more-services"] .dropdown-column-title{font-size:17px!important;line-height:22.1px!important;font-weight:700!important}
html:root body #fullmind-services-menu a.fullmind-services-all{height:auto!important;min-height:44px;font-size:17px!important;line-height:22.1px!important}
}

/* Oct 23 (Clayton): About pages for districts, teachers and families (/about/districts, /about/teachers, /about/families).
   The guides use the clickable PDF card of /case-studies (li.fcs-proof--doc); with no figure, the guide's title takes the
   bold title style of the story cards (.fcs-story-title) and its description the card's body text. The teachers page's
   "Become a teacher" is the primary button under the hero copy. */






/* Oct 26 (site QA, QA-017): /resources rows at tablet width were two squeezed columns plus one wide one (a 2-column
   template fighting the row's carousel columns); every card now takes the carousel's half width, as on desktop */
@media (min-width:768px) and (max-width:991px){html:root body main.fm-res ul.fm-row-track:not(#fm-none){grid-template-columns:none!important;grid-auto-columns:calc((100% - 20px) / 2)!important}}
/* Oct 26 (site QA, QA-025): a photo credit that wraps grows upward from the photo's bottom edge (it ran past the photo
   and was clipped on phones and tablets) */
html:root body main.fm-res :is(ul.fm-res-stats > li,li.fm-res-card) > p.fm-res-credit:not(#fm-none){top:calc(100cqw * 9 / 16 - 8px)!important;transform:translateY(-100%)}
/* Oct 26 (site QA, QA-019/020): /about's intro statement keeps the page gutter at tablet width; the "Today's services" pills
   wrap on phones instead of running past their card */
@media (min-width:768px) and (max-width:991px){html:root body .fm-about-intro .container-1200:not(#fm-none){padding-left:var(--fm-inset,clamp(16px,4vw,64px));padding-right:var(--fm-inset,clamp(16px,4vw,64px))}}
@media (max-width:767px){html:root body .fm-tl ul.fm-tl-today li a:not(#fm-none){white-space:normal}}
/* Oct 26 (site QA, QA-024): at tablet width the executive headshots keep the desktop card's proportion (a fixed 190px
   height made them wide strips that cut off foreheads) */
@media (min-width:768px) and (max-width:991px){html:root body .fa-exec img:not(#fm-none){height:auto!important;max-height:none!important;aspect-ratio:205 / 190!important}}
/* Oct 26 (site QA, QA-021): the coral quote mark (top right of each testimonial card) gets its own space on the first line,
   so a long first line no longer runs under it */
html:root body figure.fsv-quote blockquote:not(#fm-none)::before{content:"";float:right;width:44px;height:1.3em}
/* Oct 26 (site QA, QA-022): on phones and tablets the service-page carousels run to the screen edge (they stopped ~40px
   short, with a white band and cut shadows); the first card still lines up with the heading */
@media (max-width:991px){html:root body .fsv4-car:not(#fm-none){container-type:inline-size}
html:root body .fsv4-car > ul.fsv4-track:not(#fm-none){width:100vw!important;max-width:none!important;margin-left:calc((100cqw - 100vw) / 2)!important;margin-right:0!important;padding-left:calc((100vw - 100cqw) / 2)!important;padding-right:calc((100vw - 100cqw) / 2)!important;scroll-padding-left:calc((100vw - 100cqw) / 2)!important}}
/* Oct 26 (site QA, QA-023): the podcast card on guides and posts lists its newest episodes one per row, so titles and
   dates aren't cut off in three narrow columns */
html:root body .lcw-connect-box ul.fm-glist:not(#fm-none){grid-template-columns:minmax(0,1fr)!important}
/* Oct 26 (site QA, QA-032): a pill whose label wraps grows from its 48px minimum instead of squeezing two or three lines in */
html:root body :is(a,button):is(.fsv-btn,.fm-pk-go,.fm-newsletter-go,.fm-why-dl):not(#fm-none){height:auto!important;min-height:48px!important;padding-top:10px!important;padding-bottom:10px!important;line-height:1.25!important;text-align:center}
/* Oct 26 (site QA, QA-055/056/058): small-text contrast and footer tap targets
   - the "IEP progress monitoring" eyebrow and caption sit on robin, where #6F6799 is 3.9:1, so they use plum
   - /services group counts use the eyebrow colour #6F6799 (#7D76A3 was 4.2:1 on white)
   - footer column links are 24px tall; the column gap shrinks by the same amount, so the spacing looks unchanged */
html:root body .progress-monitoring-promo :is(.eyebrow,figcaption):not(#fm-none){color:#403770!important}
html:root body .fm-sg-name .fm-sg-count:not(#fm-none){color:#6F6799!important}
html:root body .fm-footer-v3 .fm-fcol:not(#fm-none){gap:1px}
html:root body .fm-footer-v3 .fm-fcol:not(#fm-none) > a.footer-link-2{padding:3px 0}
/* Oct 26 (site QA, QA-062): the mission band sits on the page background, so no mint shows in the plum card's rounded corners */
html:root body section.fm-mission-band:not(#fm-none){background:transparent!important}
/* Oct 26 (site QA, QA-063/072/081/084): small template polish
   - a testimonial band with one quote centres it and hides the "1 of 1" controls
   - /resources row heads keep "View all" on the title's line on phones
   - the connect section's "Get started" is a 48px pill like every other button
   - a static card (no link) is flat, not shadowed like a clickable one */
html:root body #fsv4-qtrack:has(> :only-child):not(#fm-none){justify-content:center}
html:root body .fsv-quotes:has(#fsv4-qtrack > :only-child) .fsv4-qctl:not(#fm-none){display:none!important}
@media (max-width:767px){html:root body .fm-res-head:not(#fm-none){flex-wrap:nowrap;align-items:baseline;gap:12px}
html:root body .fm-res-head:not(#fm-none) > h2{min-width:0}
html:root body .fm-res-head:not(#fm-none) > a.fm-row-all{flex:none;white-space:nowrap}}
html:root body a.fh2-step-btn:not(#fm-none),html:root body button.fh2-step-btn:not(#fm-none){min-height:48px;display:inline-flex;align-items:center}
html:root body li.fcs-proof:not(:has(a)):not(#fm-none){box-shadow:0 0 0 1px rgba(64,55,112,.10)!important}
/* Oct 26 (site QA, QA-066/068): the related-reading row inside the FAQ section lines up with the FAQ (no second gutter);
   case management's three "Why schools add" columns stack below desktop width */
@media (min-width:992px){html:root body .fsv-faq-grid > section.fsv4-related > .fsv-wrap:not(#fm-none){padding-left:0!important;padding-right:0!important}}
@media (max-width:991px){html:root body .case-management-intro__grid:not(#fm-none){grid-template-columns:minmax(0,1fr)!important}}
/* Oct 26 (site QA, QA-069): the role-lens column divider doesn't show once the columns stack on phones */
@media (max-width:767px){html:root body .fsv-roles li:not(#fm-none){border-left:0!important;padding-left:0!important}}
/* Oct 26 (site QA, QA-067): "K–12" in headings never breaks at its dash */
html body .fm-nowrap{white-space:nowrap}
/* Oct 26 (site QA, QA-070): the About audience pages leave the usual space before the mission band */
html:root body main.fcs-about-guides:not(#fm-none){margin-bottom:56px}
/* Oct 26 (site QA, QA-075): square podcast cover art in wide card images shows whole (label and face) on the plum it is
   designed on, instead of a crop that cut either the episode label or the guest's face */
html:root body :is(.fsv3-track,.fsv4-track) img[src*="/podcast/"]:not(#fm-none){object-fit:contain!important;background:#403770}
/* Oct 26 (site QA, QA-095): the episode "Listen now" panel is inset like other rounded sections on tablets */
@media (min-width:768px) and (max-width:991px){html:root body section.lcw-player > .fsv-wrap:not(#fm-none){margin-left:var(--fm-inset,clamp(16px,4vw,64px));margin-right:var(--fm-inset,clamp(16px,4vw,64px))}}
/* Oct 26 (site QA, QA-096): episode headings and lists keep the paragraphs' 780px reading width */
html:root body .lcw-prose > :is(h2,h3,h4,ul,ol,blockquote):not(#fm-none),html:root body .lcw-transcript-body > :is(h2,h3,h4,ul,ol):not(#fm-none){max-width:780px}
/* Oct 26 (site QA decisions, QA-018): state pages keep the sticky downloads sidebar but use the site's standard content
   width (.fsv-wrap: 1240px with a 24px gutter), so the main column is wider */
@media (min-width:992px){html:root body main.fm-state2 .fm-s2-cols:not(#fm-none){max-width:1240px!important;padding-left:24px!important;padding-right:24px!important}}
/* Oct 26 (site QA decisions, QA-065): "Read the guide" beside the packet card on service pages: one related-reading card
   (fm-gcard), full column width */
html:root body ul.fm-glist.fm-how-guide:not(#fm-none){display:grid!important;grid-template-columns:minmax(0,1fr)!important;max-width:620px;margin:24px 0 0!important;padding:0!important;list-style:none}
/* Oct 26 (site QA decisions, QA-073): on phones, a post's service box shows after the article in a compact form
   (heading, one line, the two buttons; the one-pager and mini packet stay on larger screens) */
@media (max-width:767px){html:root body .blog-post-wrap > .blog-post__left:not(#fm-none){order:2}
html:root body .blog-post-wrap .blog-post__cta-wrap.is--desktop:not(#fm-none){display:flex!important;flex-direction:column;padding:24px!important;margin-top:8px}
html:root body .blog-post__cta-wrap.is--desktop:not(#fm-none) :is(.fm-bundle,.fm-packet--mini){display:none!important}}
html:root body .blog-post__cta-wrap .button-group > a.button-primary:not(#fm-none){height:auto!important;min-height:48px!important;padding-top:10px!important;padding-bottom:10px!important;line-height:1.25!important;text-align:center}
/* Oct 26 (site QA, QA-083): the content-type badge works anywhere (data-cat on the label itself) and matches its Storybook spec; used on /resources */
html:root body .fm-label[data-cat]:not(#fm-none){display:inline-flex!important;align-items:center!important;gap:6px!important;width:auto!important;padding:3px 10px!important;border:0!important;border-radius:999px!important;background:#F2F2F5!important;color:#403770!important;font-family:var(--font--dmsans),"DM Sans",sans-serif!important;font-size:13px!important;font-weight:700!important;line-height:1.4!important;letter-spacing:0!important;text-transform:none!important;box-shadow:none!important}
html:root body .fm-label[data-cat]:not(#fm-none)::before{content:""!important;display:block!important;width:7px!important;height:7px!important;border-radius:50%!important;flex:none!important;background:#403770!important}
html:root body .fm-label[data-cat="district-news"]:not(#fm-none)::before{background:#6EA3BE!important}
html:root body .fm-label[data-cat="guide"]:not(#fm-none)::before{background:#C2549E!important}
html:root body .fm-label[data-cat="article"]:not(#fm-none)::before{background:#E2A93B!important}
html:root body .fm-label[data-cat="podcast"]:not(#fm-none)::before{background:#7DBF5E!important}
html:root body .fm-label[data-cat="video"]:not(#fm-none)::before{background:#F37167!important}
html:root body .fm-label[data-cat="case-study"]:not(#fm-none)::before{background:#8E7CD6!important}
html:root body main.fm-res li.fm-res-card p.fm-label[data-cat]:not(#fm-none){align-self:flex-start;margin:0 22px 8px!important}
/* Oct 26 (site QA, QA-030/065/076): service guide cards. "Read it online" is a second link on the card; the card can also sit where a
   quote band was; Build your packet offers each one-pager's guide as a small box under it */
html:root body .fm-gcard-body a.fm-gcard-read:not(#fm-none){font-weight:700;color:#403770;text-decoration:underline;text-underline-offset:3px}
html:root body section.fsv-guide-slot:not(#fm-none){padding:8px 0 56px}
html:root body section.fsv-guide-slot ul.fm-glist.fm-how-guide:not(#fm-none){margin:0!important}
html:root body label.fm-pk-gitem:not(#fm-none){display:flex;align-items:center;gap:8px;margin:6px 0 2px;padding-left:12px;font-size:14px;font-weight:600;line-height:1.4;color:#4E4680;cursor:pointer}
html:root body label.fm-pk-gitem:not(#fm-none) input{accent-color:#403770;margin:0}
html:root body .fm-gcard-body a.fm-gcard-read:not(#fm-none){display:block;margin-top:2px}
/* Oct 26 (lead intake overhaul): the meeting step, "When should we meet?" (fm-meeting.js, scripts/meeting_request.py). The same
   pills and fields as the connect form; on campaign, partnership and event forms it sits above the send button */
html:root body fieldset.fm-meet:not(#fm-none){min-width:0;margin:0;padding:0;border:0}
html:root body fieldset.fm-meet[hidden]:not(#fm-none){display:none!important}
html:root body fieldset.fm-meet--inline:not(#fm-none){grid-column:1 / -1;margin:6px 0 14px;text-align:left}
html:root body fieldset.fm-meet--inline > legend:not(#fm-none){float:left;width:100%;margin:0 0 4px;padding:0;font-size:17px;font-weight:700;line-height:1.35;color:#403770}
html:root body .fm-meet-lead:not(#fm-none){clear:both;margin:0 0 12px;font-size:15.5px;line-height:1.5;color:#403770}
html:root body .fm-meet-choices:not(#fm-none){clear:both;display:flex;flex-wrap:wrap;gap:10px}
html:root body label.fm-meet-choice:not(#fm-none){position:relative;display:inline-flex;align-items:center;min-height:44px;margin:0;padding:0 18px;border:2px solid #6EA3BE;border-radius:999px;background:#FFFCFA;font-size:15.5px;font-weight:700;line-height:1.2;color:#403770;cursor:pointer;box-sizing:border-box}
html:root body label.fm-meet-choice:not(#fm-none) input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
html:root body label.fm-meet-choice:not(#fm-none):has(input:checked){border-color:#403770;background:#403770;color:#FFFCFA}
html:root body label.fm-meet-choice:not(#fm-none):has(input:checked) span::before{content:"✓ ";font-weight:800}
html:root body label.fm-meet-choice:not(#fm-none):focus-within{outline:3px solid #403770;outline-offset:2px}
html:root body .fm-meet-pick:not(#fm-none){margin:16px 0 0}
html:root body .fm-meet-pick[hidden]:not(#fm-none){display:none!important}
html:root body .fm-meet-fields:not(#fm-none){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}
html:root body .fm-meet-field:not(#fm-none){display:flex;flex-direction:column;gap:5px;margin:0}
html:root body .fm-meet-field:not(#fm-none) label{margin:0;font-size:15px;font-weight:700;color:#403770}
html:root body .fm-meet-field:not(#fm-none) select{width:100%;min-height:46px;margin:0;padding:10px 12px;border:2px solid #6EA3BE;border-radius:12px;background-color:#FFFFFF;font:inherit;font-size:16px;color:#403770;box-sizing:border-box}
html:root body .fm-meet-field:not(#fm-none) select:disabled{opacity:.6;cursor:not-allowed}
html:root body .fm-meet-field:not(#fm-none) select:focus-visible{outline:3px solid #403770;outline-offset:2px}
html:root body .fm-meet-note:not(#fm-none){margin:10px 0 0;font-size:14.5px;line-height:1.5;color:#4E4680}
html:root body .fm-meet-error:not(#fm-none){margin:8px 0 0;font-size:15px;font-weight:700;color:#403770}
html:root body .fm-meet-error:not(#fm-none):empty{display:none}
html:root body .fm-meet-error:not(.fh2-error):not(#fm-none)::before{content:"! ";font-weight:800}
html:root body label.fm-meet-choice:not(#fm-none) span{color:inherit!important;font:inherit}
html:root body label.fm-meet-choice:not(#fm-none):has(input:checked) span{color:#FFFCFA!important}
/* on a plum panel (the partnership pages' form card): off-white text, robin outlines, robin when chosen */
html:root body fieldset.fm-meet--dark:not(#fm-none) > legend,html:root body .fm-meet--dark .fm-meet-lead:not(#fm-none),html:root body .fm-meet--dark .fm-meet-field:not(#fm-none) label,html:root body .fm-meet--dark .fm-meet-note:not(#fm-none),html:root body .fm-meet--dark .fm-meet-error:not(#fm-none){color:#FFFCFA}
html:root body .fm-meet--dark label.fm-meet-choice:not(#fm-none){border-color:#C4E7E6;background:transparent;color:#FFFCFA}
html:root body .fm-meet--dark label.fm-meet-choice:not(#fm-none):has(input:checked){border-color:#C4E7E6;background:#C4E7E6;color:#403770}
html:root body .fm-meet--dark label.fm-meet-choice:not(#fm-none):has(input:checked) span{color:#403770!important}
html:root body .fm-meet--dark label.fm-meet-choice:not(#fm-none):focus-within,html:root body .fm-meet--dark .fm-meet-field:not(#fm-none) select:focus-visible{outline-color:#C4E7E6}
html:root body .fm-meet--dark .fm-meet-field:not(#fm-none) select{border-color:#FFFCFA}
@media (max-width:767px){html:root body .fm-meet-fields:not(#fm-none){grid-template-columns:1fr}}
/* Oct 26 (Clayton): the 17 services as six group tiles, styled after the Services menu (its group names, order and
   colors; each group's icon is the menu icon of its first service). Form version (.fm-svt fieldset): every connect form
   and the /schedule and /thank-you copies; each chip is a real checkbox (keyboard and screen readers), filled when picked.
   Links version (.fm-svt--links): the "Our services" panel beside the /schedule form, each chip going to its page.
   All six show at once: two across beside something, three where the box is wide enough, two across on phones.
   Chips: 14px text, at least 40px tall. Tiles are static boxes (flat, 1px plum-tinted ring). scripts/meeting_request.py */
html:root body fieldset.fm-svt:not(#fm-none){min-width:0;margin:0 0 28px;padding:0;border:0}
html:root body .fm-svt-box:not(#fm-none){container-type:inline-size}
html:root body .fm-svt-grid:not(#fm-none){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:4px 0 0;border-radius:14px}
@container (min-width:720px){html:root body .fm-svt-grid:not(#fm-none){grid-template-columns:repeat(3,minmax(0,1fr))}}
html:root body .fm-svt-tile:not(#fm-none){min-width:0;padding:12px;border-radius:14px;background:#FFFFFF;box-shadow:0 0 0 1px rgba(64,55,112,.10)}
html:root body p.fm-svt-head:not(#fm-none){display:flex;align-items:center;gap:8px;margin:0 0 10px;font-family:var(--font--dmsans),"DM Sans",sans-serif;font-size:14px;font-weight:700;line-height:1.25;letter-spacing:0;text-transform:none;color:#403770}
html:root body .fm-svt-icon:not(#fm-none){flex:none;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;color:#403770}
html:root body .fm-svt-icon:not(#fm-none) svg{display:block;width:15px;height:15px}
html:root body .fm-svt-icon--t1:not(#fm-none){background:#403770;color:#FFFCFA}
html:root body .fm-svt-icon--t2:not(#fm-none){background:#6EA3BE;color:#FFFCFA}
html:root body .fm-svt-icon--t3:not(#fm-none){background:#C4E7E6}
html:root body .fm-svt-icon--t4:not(#fm-none){background:#EDFFE3;box-shadow:inset 0 0 0 1px rgba(64,55,112,.2)}
html:root body .fm-svt-icon--t5:not(#fm-none){background:#DBE6EB}
html:root body .fm-svt-icon--t6:not(#fm-none){background:#FFFCFA;box-shadow:inset 0 0 0 1.5px rgba(64,55,112,.35)}
html:root body .fm-svt-chips:not(#fm-none){display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
html:root body .fm-svt-chips:not(#fm-none) li{display:flex;margin:0;padding:0;max-width:100%}
html:root body .fm-svt-chip:not(#fm-none){position:relative;display:inline-flex;align-items:center;max-width:100%;min-height:40px;box-sizing:border-box;padding:7px 12px;border:1.5px solid #6EA3BE;border-radius:20px;background:#FFFCFA;font-family:var(--font--dmsans),"DM Sans",sans-serif;font-size:14px;font-weight:600;line-height:1.25;color:#403770;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s}
html:root body .fm-svt-chip:not(#fm-none) span{color:inherit!important;font-size:inherit!important;line-height:inherit!important}
html:root body .fm-svt-chip:not(#fm-none) input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}
html:root body label.fm-svt-chip:not(#fm-none):hover,html:root body a.fm-svt-chip:not(#fm-none):hover{background:#E6F4F3}
html:root body label.fm-svt-chip:not(#fm-none):has(input:checked){border-color:#403770;background:#403770;color:#FFFCFA}
html:root body label.fm-svt-chip:not(#fm-none):has(input:checked) > span::before{content:"✓ ";font-weight:800}
html:root body label.fm-svt-chip:not(#fm-none):has(input:checked) .live-word{color:#F37167!important}
html:root body label.fm-svt-chip:not(#fm-none):has(input:focus-visible),html:root body a.fm-svt-chip:not(#fm-none):focus-visible{outline:3px solid #403770;outline-offset:2px}
html:root body .fm-svt-grid[data-invalid]:not(#fm-none){outline:2px dashed #403770;outline-offset:4px}
html:root body a.fm-svt-chip:not(#fm-none){border-color:rgba(64,55,112,.22)}
html:root body a.fm-svt-chip:not(#fm-none):hover{border-color:#403770}
/* /schedule: the panel beside the form (desktop), below it (phones); it takes the place of the three steps */
html:root body .fh2-connect-grid:not(#fm-none):has(> .fm-svt-panel){grid-template-areas:"copy card" "panel card";grid-template-rows:auto 1fr}
html:root body .fh2-connect-grid:not(#fm-none):has(> .fm-svt-panel) > .fh2-connect-copy{grid-area:copy}
html:root body .fh2-connect-grid:not(#fm-none):has(> .fm-svt-panel) > .fh2-connect-card{grid-area:card}
html:root body .fm-svt-panel:not(#fm-none){grid-area:panel;align-self:start;min-width:0}
html:root body .fm-svt-panel-head:not(#fm-none){display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;margin:0 0 14px}
html:root body h3.fm-svt-panel-title:not(#fm-none){margin:0;font-family:"DM Serif Display",serif;font-weight:400;font-size:28px;line-height:1.15;color:#403770}
html:root body a.fm-svt-all:not(#fm-none){font-size:16px;font-weight:700;color:#403770;text-decoration:none}
html:root body a.fm-svt-all:not(#fm-none):hover{text-decoration:underline;text-underline-offset:3px}
html:root body .fh2-connect-grid:not(#fm-none):has(> .fm-svt-panel) .fh2-connect-lead{margin-bottom:28px}
@media (max-width:991px){html:root body .fh2-connect-grid:not(#fm-none):has(> .fm-svt-panel){grid-template-areas:"copy" "card" "panel";grid-template-rows:auto}}
@media (max-width:767px){html:root body .fm-svt-grid:not(#fm-none){gap:8px}
 html:root body .fm-svt-tile:not(#fm-none){padding:10px 8px}
 html:root body p.fm-svt-head:not(#fm-none){flex-direction:column;align-items:flex-start;gap:6px;font-size:14px}
 html:root body .fm-svt-chips:not(#fm-none) > *{flex:1 1 100%}
 html:root body .fm-svt-icon:not(#fm-none){width:24px;height:24px}
 html:root body .fm-svt-icon:not(#fm-none) svg{width:13px;height:13px}
 html:root body .fm-svt-chip:not(#fm-none){padding:7px 9px}
 html:root body h3.fm-svt-panel-title:not(#fm-none){font-size:26px}}
/* Oct 26 (Clayton): /resources jumps by section instead of filtering by role (scripts/resources_sections.py). The chips sit
   where the role chips were, on one row beside "Sort and filter"; where the row doesn't fit (phones) it scrolls sideways
   in place, never wrapping or pushing the page sideways. Service guide cards: "Download (PDF)" and "Read it online". */










html:root body main.fm-res li.fm-res-card p.fm-res-acts a[hidden]{display:none!important}

/* Oct 26 (Clayton): /resources/service-guides, the guides' landing page (scripts/service_guides_page.py): the 17 guides
   grouped as /services, each group's name after its Services-menu icon and color; the /resources card look, laid out
   as a grid (3 across, 2 on tablets, 1 on phones) instead of a sliding row. */













/* Oct 26 night (Clayton): the connect form in 3 pages; page 1 holds the role and, below it, the contact details
   (scripts/connect_three_pages.py) */
html:root body .fh2-form fieldset.fh2-who,html:root body .fh2-form fieldset.fh2-details{min-width:0;margin:0;padding:0;border:0}
html:root body .fh2-form fieldset.fh2-details{margin-top:28px}
html:root body .fh2-form fieldset.fh2-details[hidden]{display:none}
/* Oct 26 night (Clayton): video watch pages, /videos/<watch> (scripts/video_watch_pages.py). The video first (square
   videos capped so they fit the first screen), then the title, description, who is speaking, the next steps and the
   related pages. The end card shows only after the video ends, in the player's top corner (below it on phones), never
   over the controls. Static boxes are flat. */


html:root body .fm-watch-player[data-shape="square"]{max-width:min(100%,560px)}

html:root body .fm-watch-end{position:absolute;top:14px;right:14px;max-width:320px;padding:16px 44px 16px 18px;border-radius:16px;background:#FFFCFA;box-shadow:0 0 0 1px rgba(64,55,112,.10);color:#403770}
html:root body .fm-watch-end[hidden]{display:none}



html:root body .fm-watch-close{position:absolute;top:8px;right:8px;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:#403770;font-size:22px;line-height:1;cursor:pointer}
html:root body .fm-watch-close:hover{background:rgba(64,55,112,.08)}
html:root body .fm-watch-close:focus-visible{outline:3px solid #403770;outline-offset:1px}
html:root body main.fm-watch-page .fm-watch .fsv-wrap > :not(.fm-watch-player){max-width:760px;margin-left:auto;margin-right:auto}

html:root body h1.fm-watch-title{margin:0 0 14px;font-family:"DM Serif Display",serif;font-weight:400;font-size:clamp(32px,4vw,44px);line-height:1.12;color:#403770}












html:root body .fm-vcard-body :is(h2,h3) a{color:inherit;text-decoration:none}
html:root body .fm-vcard-body :is(h2,h3) a:hover{text-decoration:underline;text-underline-offset:3px}
@media (max-width:767px){
 
 
 html:root body .fm-watch-end{position:static;max-width:none;margin-top:12px}
 
 }
/* Oct 26 night: the connect form's fields show on page 1 now (3 pages), so their edges must meet WCAG 1.4.11:
   plum at 60% gives 3.4:1 against the card (the old 22% gave 1.5:1). Fields and the searchable dropdowns alike. */
html:root body .fh2-form .fh2-field input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="submit"]):not([type="button"]),
html:root body .fh2-form .fh2-field select,html:root body .fh2-form .fh2-field textarea,html:root body .fh2-form .fh2-field .fm-cb-input{border-color:rgba(64,55,112,.6)!important}
/* Oct 27: Your curriculum or ours (scripts/curriculum_choice.py) */
html:root body section.fm-choice{margin:64px var(--fm-inset,clamp(16px,4vw,64px))!important;padding:56px clamp(24px,5vw,72px)!important;border-radius:28px;background:rgba(196,231,230,.32);color:#403770}
html:root body .fm-choice-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:20px 56px;max-width:1120px;margin:0 auto;align-items:start}
html:root body .fm-choice-eyebrow{margin:0 0 12px!important;font-family:var(--font--dmsans);font-size:12.5px!important;font-weight:700;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;color:#6F6799!important}
html:root body .fm-choice-title{margin:0!important;font-family:var(--font--dmserifdisplay)!important;font-weight:400!important;font-size:clamp(28px,2.6vw,36px)!important;line-height:1.12!important;letter-spacing:0;color:#403770!important}
html:root body .fm-choice-body p{margin:0 0 14px!important;font-family:var(--font--dmsans);font-size:17px!important;line-height:1.6!important;color:#4E4680!important}
html:root body .fm-choice-body p.fm-choice-short{font-size:19px!important;font-weight:700;line-height:1.3!important;color:#403770!important}
html:root body .fm-choice-body p.fm-choice-note{font-size:15px!important;line-height:1.5!important}



@media (max-width:767px){html:root body section.fm-choice{margin:40px var(--fm-inset,16px)!important;padding:36px 22px!important;border-radius:24px}
 html:root body .fm-choice-in{grid-template-columns:1fr;gap:16px}}
/* comparison tables in blog posts (the table pattern of /blog/alternatives-to-suspension; cards on phones) */







/* Oct 26 night: Core Web Vitals (scripts/cwv_fixes.py) */
/* font swaps without reflow: DM Sans is 4.9% wider than Arial (bold 2.3%), DM Serif Display 0.6% wider than Georgia
   (measured in Chrome); ascent and descent from the font files (DM Sans 992/310, DM Serif Display 1036/335 per 1000) */
@font-face{font-family:"DM Sans Fallback";src:local("Arial"),local("ArialMT");font-weight:100 600;size-adjust:104.9%;ascent-override:94.6%;descent-override:29.6%;line-gap-override:0%;font-display:swap}
@font-face{font-family:"DM Sans Fallback";src:local("Arial Bold"),local("Arial-BoldMT");font-weight:700 900;size-adjust:102.3%;ascent-override:97%;descent-override:30.3%;line-gap-override:0%;font-display:swap}
@font-face{font-family:"DM Serif Display Fallback";src:local("Georgia");size-adjust:100.6%;ascent-override:103%;descent-override:33.3%;line-gap-override:0%;font-display:swap}
html:root{--font--dmsans:"DM Sans","DM Sans Fallback",Arial,sans-serif;--font--dmserifdisplay:"DM Serif Display","DM Serif Display Fallback",Georgia,serif}
/* the connect card keeps its height while its script starts: only page 1 shows until then */
html.w-mod-js .fh2-connect-card:not(.fh2-js):not(.fh2-js-fail) .fh2-form .fh2-step:not([data-step="1"]){display:none}
html.w-mod-js .fh2-connect-card:not(.fh2-js):not(.fh2-js-fail):not([data-fm-start]) .fh2-form [data-fm-details]{display:none}