/*
 * BSLT Milestones Tool. The approved standalone design, scoped to .bslt-ms.
 * Differences from the standalone, all about fitting the site:
 * - Full-width band between the site header and footer (theme cap lifted on
 *   these pages only, via the plugin's body class); content up to 1200px.
 * - Breakpoints are container queries on the content width.
 * - font-size/line-height carry !important against the Customizer's phone
 *   type scale; kit and theme link styles are reset the same way.
 * - Class names the plugin generates are prefixed bslt-ms- (WooCommerce's
 *   product-tab script, loaded site-wide, catches any ul.tabs li a).
 */
/* Fredoka, bundled (OFL 1.1, fonts/OFL.txt); the site does not load it.
   Own family name, so no clash. Headings use 600; 500 loads only if used. */
@font-face{font-family:"bslt-ms-fredoka";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/fredoka-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"bslt-ms-fredoka";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/fredoka-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

.bslt-ms{
  --plum:#8E2A4B; --plum-dark:#6E1F3A; --plum-tint:#F6ECEF;
  --sage:#7A8B6F; --sage-dark:#4F5E46; --sage-tint:#EEF1EB; --sage-line:#D3DBCC;
  --gold:#D4A544; --gold-dark:#7A5710; --gold-tint:#FBF3E1; --gold-line:#EEDCB0;
  --rose:#A8475F; --rose-tint:#F8ECF0;
  --olive:#5E6B2E; --olive-tint:#F1F3E4;
  --ink:#3A2230; --ink-soft:#6B5562;
  --paper:#FFFFFF; --page:#FAF6F7; --line:#E6DADF;
  --urgent:#A3201B; --urgent-tint:#FDEFEE;
  --radius-s:10px; --radius-m:18px;
  --font-body:"Work Sans",system-ui,sans-serif;
  --font-head:"bslt-ms-fredoka","Fredoka","Work Sans",system-ui,sans-serif;
  --font-ar:"Readex Pro","Work Sans",sans-serif;
  width:100%;margin:0;padding:0;background:var(--page);
  color:var(--ink);font:400 17px/1.6 var(--font-body);
  -webkit-text-size-adjust:100%;text-align:left;
}
.bslt-ms,.bslt-ms *,.bslt-ms *::before,.bslt-ms *::after{box-sizing:border-box}
.bslt-ms .bslt-ms-inner{container:bslt-ms / inline-size;max-width:1200px;margin:0 auto;padding:clamp(1.5rem,3vw,2.5rem) clamp(16px,4vw,40px) 0}
body.bslt-ms-page main.site-main{max-width:none;width:100%;padding-left:0;padding-right:0;margin-left:0;margin-right:0}
.bslt-ms [hidden]{display:none!important}
.bslt-ms a{color:var(--plum);text-decoration:underline}
.bslt-ms.bslt-ms a:hover,.bslt-ms.bslt-ms a:active{color:var(--plum)}
.bslt-ms :focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.bslt-ms h1,.bslt-ms h2,.bslt-ms h3{font-family:var(--font-head);font-weight:600;line-height:1.2!important;color:var(--ink);text-transform:none;letter-spacing:normal}
.bslt-ms h1{margin:0}
.bslt-ms h2{font-size:1.3rem!important;margin:0 0 .75rem}
.bslt-ms h3{font-size:1.08rem!important;margin:0}
.bslt-ms p{margin:0 0 .9rem}
.bslt-ms p,.bslt-ms li{font-size:inherit!important;line-height:inherit!important}
.bslt-ms ul{margin-top:0}
.bslt-ms [lang="ar"]{font-family:var(--font-ar);font-size:1.05em;unicode-bidi:isolate}
.bslt-ms .ar-pair,.bslt-ms .ar-half{white-space:nowrap}
/* Long Arabic halves may wrap below 340px (approved 17 Oct). */
@container bslt-ms (max-width:339px){ .bslt-ms .ar-pair,.bslt-ms .ar-half{white-space:normal} }
.bslt-ms svg{display:inline-block;max-width:none}

/* ---------- Age chooser ---------- */
.bslt-ms .bslt-ms-chooser{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-m);padding:1.25rem 1rem 1rem;margin-bottom:1.5rem}
.bslt-ms .bslt-ms-chooser-lead{margin:0 0 .75rem;color:var(--ink-soft);max-width:62ch}
.bslt-ms .bslt-ms-tabs-wrap{margin:0 0 1rem}
.bslt-ms .bslt-ms-chooser-help{font-size:.92rem!important;color:var(--ink-soft);border-top:1px solid var(--line);padding-top:.9rem;display:grid;gap:.6rem 2.5rem}
.bslt-ms .bslt-ms-chooser-help p{margin:0;max-width:75ch}
@container bslt-ms (min-width:760px){.bslt-ms .bslt-ms-chooser-help{grid-template-columns:1fr 1fr}.bslt-ms .bslt-ms-chooser-help p{max-width:none}}
.bslt-ms .bslt-ms-tabs{list-style:none;margin:0;padding:2px 0 4px;display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}
.bslt-ms .bslt-ms-tabs li{margin:0;padding:0}
.bslt-ms .bslt-ms-tabs li::before,.bslt-ms .bslt-ms-tabs li::marker{content:none}
.bslt-ms .bslt-ms-tabs a{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;text-decoration:none;color:var(--ink);background:var(--page);border:1.5px solid var(--line);border-radius:12px;padding:.4rem .35rem;font:500 .86rem/1.25 var(--font-body);font-size:.86rem!important;line-height:1.25!important;min-height:48px;height:100%}
.bslt-ms .bslt-ms-tabs a:hover{border-color:var(--plum);color:var(--ink)}
.bslt-ms .bslt-ms-tabs a[aria-current="page"],.bslt-ms .bslt-ms-tabs a[aria-current="page"]:hover{background:var(--plum);border-color:var(--plum);color:#fff}
@container bslt-ms (min-width:900px){.bslt-ms .bslt-ms-tabs{grid-template-columns:repeat(9,minmax(0,1fr));gap:.35rem}.bslt-ms .bslt-ms-tabs a{border-radius:14px;padding:.45rem .3rem}}

/* ---------- Band ---------- */
.bslt-ms .band{display:flex;flex-direction:column;gap:1.25rem}

/* Section headings */
.bslt-ms .badge{flex:none;display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--plum-tint);color:var(--plum)}
.bslt-ms .badge .ico{width:1.35rem;height:1.35rem}
.bslt-ms .badge-sm{width:2rem;height:2rem}
.bslt-ms .badge-sm .ico{width:1.1rem;height:1.1rem}
.bslt-ms .with-badge{display:flex;align-items:center;gap:.65rem}
.bslt-ms .section-title{font-size:1.45rem!important;margin:.5rem 0 .9rem}

/* Band header */
.bslt-ms .band-head{position:relative;overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-m);padding:1.5rem 1.1rem 1.25rem}
.bslt-ms .band-head .bubbles{position:absolute;right:-18px;top:-10px;width:150px;height:auto;pointer-events:none}
.bslt-ms .bubbles .b1{fill:var(--plum-tint)}
.bslt-ms .bubbles .b2{fill:var(--sage-tint);stroke:var(--paper);stroke-width:4}
.bslt-ms .band-head h1{position:relative;font-size:2.35rem!important;color:var(--plum);margin:0 0 .7rem;max-width:12ch}
.bslt-ms .band-head .intro{position:relative;font-size:1.05rem!important;max-width:58ch}
.bslt-ms .band-head p:last-child{margin-bottom:0}
.bslt-ms .ar-line{position:relative;font-size:.92rem!important;color:var(--ink-soft);border-left:3px solid var(--sage);padding-left:.75rem;margin-top:1rem;max-width:62ch}
.bslt-ms .bslt-ms-hub-head{margin-bottom:1.5rem}
.bslt-ms .bslt-ms-hub-head h1{max-width:16ch}
.bslt-ms .bslt-ms-hub-head h1:last-child{margin-bottom:0}
@container bslt-ms (min-width:608px){
  .bslt-ms .band-head{padding:2rem 1.75rem 1.6rem}
  .bslt-ms .band-head .bubbles{width:220px;right:-10px;top:-6px}
  .bslt-ms .band-head h1{font-size:2.9rem!important}
}

/* What to expect */
.bslt-ms .areas{display:grid;gap:1rem}
.bslt-ms .area{--c:var(--plum);--t:var(--plum-tint);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-m);overflow:hidden}
.bslt-ms .area-listen{--c:var(--plum);--t:var(--plum-tint)}
.bslt-ms .area-talk{--c:var(--gold-dark);--t:var(--gold-tint)}
.bslt-ms .area-sounds{--c:var(--rose);--t:var(--rose-tint)}
.bslt-ms .area-play{--c:var(--sage-dark);--t:var(--sage-tint)}
.bslt-ms .area-eat{--c:var(--olive);--t:var(--olive-tint)}
.bslt-ms .area h3{display:flex;align-items:center;gap:.6rem;background:var(--t);color:var(--c);padding:.7rem 1rem;border-bottom:1px solid var(--line)}
.bslt-ms .area h3 .badge{background:var(--paper);color:var(--c);width:2.2rem;height:2.2rem}
.bslt-ms ul.items{list-style:none;margin:0;padding:.25rem 1rem .5rem}
.bslt-ms ul.items li{position:relative;display:flex;flex-wrap:wrap;margin:0;padding:.65rem 0 .65rem 1.25rem;border-bottom:1px solid var(--line)}
.bslt-ms ul.items li:last-child{border-bottom:0}
.bslt-ms ul.items li::before{content:"";position:absolute;left:0;top:1.15rem;width:.55rem;height:.55rem;border-radius:50%;background:var(--c)}
.bslt-ms ul.items li .text{flex:1 1 100%;min-width:0}
/* Wider: items in two columns */
@container bslt-ms (min-width:828px){
  .bslt-ms ul.items{display:grid;grid-template-columns:1fr 1fr;column-gap:2.25rem;padding:.25rem 1.25rem .6rem}
  .bslt-ms ul.items li{border-bottom:0;border-top:1px solid var(--line)}
  .bslt-ms ul.items li:nth-child(-n+2){border-top:0}
  .bslt-ms .area h3{padding:.7rem 1.25rem}
}

/* Word popover */
.bslt-ms .word-pop{flex-basis:100%;font-size:.92rem!important;margin-top:.35rem}
.bslt-ms .word-pop summary{display:inline-block;padding:.2rem 0;cursor:pointer;color:var(--plum);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;list-style:none}
.bslt-ms .word-pop summary::-webkit-details-marker{display:none}
.bslt-ms .word-pop summary::marker{content:""}
.bslt-ms .pop-body{display:block;margin:.5rem 0 .25rem;background:var(--plum-tint);border-radius:var(--radius-s);padding:.75rem .9rem;font-size:.92rem!important}

/* Notes */
.bslt-ms .note{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-m);padding:1.1rem 1.1rem 1.15rem}
.bslt-ms .note h2{font-size:1.15rem!important}
.bslt-ms .note p:last-child{margin-bottom:0}
.bslt-ms .food{background:var(--gold-tint);border-color:var(--gold-line)}
.bslt-ms .food .badge{background:var(--paper);color:var(--gold-dark)}
.bslt-ms .bilingual{background:var(--plum-tint);border-color:#EBD5DC}
.bslt-ms .bilingual .badge{background:var(--paper);color:var(--plum)}
.bslt-ms .aside-note{border-style:dashed;border-color:#D7C3CB}
.bslt-ms .aside-note .badge{background:var(--page);color:var(--plum-dark)}

/* Arabic sounds */
.bslt-ms .arabic-sounds{background:var(--sage-tint);border-color:var(--sage-line)}
.bslt-ms .badge-ar{background:var(--paper);color:var(--sage-dark);font-family:var(--font-ar);font-size:1.3rem!important;font-weight:500;line-height:1!important}
.bslt-ms .badge-ar::before{content:"\0639"}
.bslt-ms .letters{font-family:var(--font-ar)}
.bslt-ms .letters .tile{display:inline-block;min-width:1.75em;margin:.12em .05em;padding:0 .3em;text-align:center;line-height:1.55;background:var(--paper);border:1px solid var(--sage-line);border-radius:7px;color:var(--sage-dark);font-weight:500}
.bslt-ms details.research{margin-top:.9rem;background:var(--paper);border-radius:var(--radius-s);border:1px solid var(--sage-line)}
.bslt-ms details.research summary{display:list-item;cursor:pointer;padding:.7rem .9rem;font-weight:600;color:var(--sage-dark);min-height:44px}
.bslt-ms details.research ul{margin:0;padding:.1rem 1rem 1rem 2rem;font-size:.95rem!important}
.bslt-ms details.research li{margin-bottom:.5rem}

/* Urgent box: always visible, never collapsible */
.bslt-ms .urgent{border:2px solid var(--urgent);background:var(--urgent-tint);border-radius:var(--radius-m);padding:1.1rem;margin:.75rem 0}
.bslt-ms .urgent h2{margin:0 0 .6rem;color:var(--urgent);font-size:1.18rem!important;display:flex;gap:.55rem;align-items:flex-start}
.bslt-ms .urgent .ico-alert{flex:none;width:1.5rem;height:1.5rem;margin-top:.05rem}
.bslt-ms .urgent p:last-child{margin-bottom:0}
.bslt-ms .urgent .choke{background:var(--paper);border-radius:var(--radius-s);padding:.7rem .85rem}
.bslt-ms .urgent a,.bslt-ms .urgent a:hover{color:var(--urgent);font-weight:600}

/* Talk to a professional */
.bslt-ms .concerns{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-m);padding:1.1rem}
.bslt-ms .concern-list{list-style:none;margin:0;padding:0}
.bslt-ms .concern-list li{position:relative;margin:0;padding:.6rem 0 .6rem 1.6rem;border-top:1px solid var(--line)}
.bslt-ms .concern-list li::before{content:"";position:absolute;left:.15rem;top:1.15rem;width:.5rem;height:.5rem;border-radius:50%;background:var(--plum)}
.bslt-ms .hearing{display:flex;gap:.75rem;align-items:flex-start;background:var(--plum-tint);border-radius:var(--radius-s);padding:.85rem .9rem;margin-top:.75rem}
.bslt-ms .hearing .badge{background:var(--paper)}
.bslt-ms .hearing p{margin:0}

/* When / who */
.bslt-ms .contact{display:grid;gap:1rem}
@container bslt-ms (min-width:728px){ .bslt-ms .contact{grid-template-columns:3fr 2fr} }
.bslt-ms .contact-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-m);padding:1.1rem}
.bslt-ms .contact-card h2{font-size:1.15rem!important}
.bslt-ms .contact-card p:last-child{margin-bottom:0}
.bslt-ms .contact-card + .contact-card .badge{background:var(--sage-tint);color:var(--sage-dark)}

/* Help your baby / Ideas to try at home */
.bslt-ms .help{background:var(--gold-tint);border:1px solid var(--gold-line);border-radius:var(--radius-m);padding:1.1rem}
.bslt-ms .help .badge{background:var(--paper);color:var(--gold-dark)}
.bslt-ms ul.tips{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
@container bslt-ms (min-width:728px){ .bslt-ms ul.tips{grid-template-columns:1fr 1fr} }
.bslt-ms ul.tips li{margin:0;background:var(--paper);border-radius:var(--radius-s);padding:.7rem .85rem;border:1px solid var(--gold-line)}
.bslt-ms .ideas{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-m);padding:1.1rem}
.bslt-ms .ideas .badge{background:var(--gold-tint);color:var(--gold-dark)}
.bslt-ms .ideas p{margin:0}
.bslt-ms a.tst-link,.bslt-ms a.tst-link:hover,.bslt-ms a.tst-link:active,.bslt-ms a.tst-link:visited{display:inline-flex;align-items:center;gap:.6rem;background:var(--plum);color:#fff;text-decoration:none;font-weight:600;border-radius:999px;padding:.65rem 1.1rem;min-height:44px}
.bslt-ms .tst-link .arrow{width:.55rem;height:.55rem;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}

/* Sources: quiet */
.bslt-ms .sources{font-size:.9rem!important;color:var(--ink-soft);padding:0 1.1rem}
.bslt-ms .sources h2{font-size:1rem!important;margin-top:.5rem}
.bslt-ms .sources .badge{background:var(--paper);border:1px solid var(--line);color:var(--ink-soft)}
.bslt-ms .sources ul{padding-left:1.1rem;margin:0 0 1rem}
@container bslt-ms (min-width:828px){ .bslt-ms .sources ul{columns:2;column-gap:2rem} }
.bslt-ms .sources li{margin-bottom:.35rem;line-height:1.75!important;break-inside:avoid}

.bslt-ms .bslt-ms-disclaimer{font-size:.88rem!important;color:var(--ink-soft);border-top:1px solid var(--line);margin-top:2.5rem;padding:1.25rem 0 3rem}
.bslt-ms .bslt-ms-disclaimer p{margin:0}

.bslt-ms .bslt-ms-admin-notice{border:2px dashed var(--urgent);padding:.75rem}

@media print{
  .bslt-ms{font-size:11.5pt!important;background:none}
  .bslt-ms .bslt-ms-chooser{display:none!important}
  .bslt-ms .band-head .bubbles{display:none}
  .bslt-ms .area,.bslt-ms .note,.bslt-ms .urgent,.bslt-ms .concerns,.bslt-ms .contact-card,.bslt-ms .help,.bslt-ms .ideas{break-inside:avoid}
}