/* v2.19 (MKT-SP-01 v1.1, Rowan R-SP-1..7 approved 1 Nov 11:14). Type scale, chooser, sticky bar, course toys, try-it activities, Teddy nudges, Hello intro.
   Own code, no libraries, no network. */
:root{--ink:#14204A;--cta:#F57E20;--glass:rgba(255,255,255,.78)}
/* 1. Type scale + two-line rule */
main h1{font-size:56px;line-height:1.06;font-weight:780;letter-spacing:-.03em;text-wrap:balance}
main h2{font-size:40px;line-height:1.1;font-weight:760;text-wrap:balance}
main h3{font-size:22px;line-height:1.25;font-weight:720;text-wrap:balance}
main .eyebrow{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
main .chip,main .pill,main .tag{font-size:13px;min-height:28px;line-height:1.2;padding:5px 12px;white-space:nowrap}
.btn{font-size:17px;min-height:52px;white-space:nowrap;line-height:1.1}
@media (max-width:760px){
 main h1{font-size:31px;line-height:1.1}
 main h2{font-size:26px;line-height:1.15}
 main h3{font-size:19px}
 .btn{font-size:16px;min-height:50px;padding-left:18px;padding-right:18px}
 main .chip{white-space:normal}
}
main .td-title h2.td-bubble{font-size:30px}
@media (max-width:760px){main .td-title h2.td-bubble{font-size:22px}}
/* glass (72% floor) for secondary buttons; primary stays solid orange */
.btn-secondary{background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--ink)}
.btn-primary{background:var(--cta);color:var(--ink)}
/* one-pill fact */
.fact-pill{display:inline-flex;align-items:center;min-height:28px;padding:4px 12px;border-radius:999px;background:#fff;border:1.5px solid #D6DCE8;font:700 13px/1.2 var(--font-d);color:var(--ink);white-space:nowrap}
.soon-pill{display:inline-flex;align-items:center;min-height:28px;padding:4px 12px;border-radius:999px;background:#FFF1E2;border:1.5px solid #F7C99E;font:700 13px/1.2 var(--font-d);color:#7A3B06}

/* 2. Format chooser */
.ch{margin:22px 0 6px;max-width:560px}
.ch-for{margin:0 0 10px;font:700 15px/1.3 var(--font-d);color:var(--ink)}
.ch-opts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ch-opt{position:relative;display:flex;flex-direction:column;gap:2px;padding:12px 16px;border-radius:16px;background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:2px solid #D6DCE8;cursor:pointer;color:var(--ink)}
.ch-opt input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.ch-opt .ch-l{font:760 17px/1.2 var(--font-d)}
.ch-opt .ch-p{font:800 26px/1.1 var(--font-d);letter-spacing:-.01em}
.ch-opt .ch-p small{font-size:13px;font-weight:700;margin-left:3px}
.ch-opt:has(input:checked){border-color:var(--ink);box-shadow:0 0 0 2px var(--ink) inset;background:#fff}
.ch-opt:has(input:focus-visible){outline:3px solid #2B6CB0;outline-offset:3px}
.ch-what{margin:10px 0 0;font:600 15px/1.4 var(--font-d);color:#3E4866;min-height:1.4em}
.ch-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:12px}
.ch-row .btn{margin:0}
.ch-cue{margin:0;font:600 14px/1.3 var(--font-d);color:#3E4866}
.ch-band{padding:56px 0}
.ch-band .ch{margin:0 auto}
.ch-band .ch-head{margin:0 0 6px;font-size:30px;line-height:1.15}
.ch-band .ch-sub{margin:0 0 14px;color:#3E4866}
@media (max-width:760px){.ch-opt{padding:10px 12px}.ch-opt .ch-p{font-size:22px}.ch-row .btn{width:100%;justify-content:center}.ch-band .ch-head{font-size:24px}}

/* 3. Two format cards (pricing) */
.fmt-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:8px}
.fmt-card{background:#fff;border:2px solid #D6DCE8;border-radius:22px;padding:26px;display:flex;flex-direction:column;gap:10px}
.fmt-card h3{font-size:24px;margin:0}
.fmt-card .fmt-price{font:800 44px/1 var(--font-d);color:var(--ink);margin:4px 0}
.fmt-card .fmt-price small{font-size:15px;font-weight:700;margin-left:4px}
.fmt-card ul{margin:0;padding-left:20px;font-size:16px;line-height:1.5}
.fmt-card .fmt-refund{font-size:14px;color:#3E4866;background:#F6F8FC;border-radius:12px;padding:10px 12px;margin:0}
.fmt-card .btn{align-self:flex-start;margin-top:auto}
.fmt-avail{margin:18px 0 0;font-size:15px;color:#3E4866}
@media (max-width:760px){.fmt-cards{grid-template-columns:1fr}.fmt-card h3{font-size:20px}.fmt-card .fmt-price{font-size:36px}.fmt-card ul{font-size:14.5px}}

/* 4. Sticky bar (course pages) */
.sbar{position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid #D6DCE8;box-shadow:0 -8px 24px rgba(20,32,74,.08);transform:translateY(110%);transition:transform .25s ease;visibility:hidden}
.sbar.on{transform:none;visibility:visible}
.sbar-in{max-width:1180px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;gap:16px}
.sbar-name{display:flex;flex-direction:column;min-width:0;margin-right:auto}
.sbar-name strong{font:760 17px/1.2 var(--font-d);color:var(--ink);white-space:nowrap}
.sbar-name span{font:600 13px/1.3 var(--font-d);color:#3E4866;white-space:nowrap}
.sbar-seg{display:flex;border:2px solid var(--ink);border-radius:14px;overflow:hidden}
.sbar-seg button{appearance:none;border:0;background:#fff;color:var(--ink);padding:6px 14px;min-height:50px;min-width:106px;display:flex;flex-direction:column;align-items:center;justify-content:center;font:700 14px/1.2 var(--font-d);cursor:pointer}
.sbar-seg button b{font-size:16px}
.sbar-seg button[aria-pressed="true"]{background:var(--ink);color:#fff}
.sbar .btn{margin:0;min-height:50px}
@media (max-width:760px){
 .sbar{top:var(--hdr-h,64px);bottom:auto;transform:translateY(-130%);border-top:0;border-bottom:1px solid #D6DCE8}
 .sbar-in{padding:8px 12px;gap:8px;flex-wrap:wrap}
 .sbar-name{flex:1 0 100%;flex-direction:row;gap:8px;align-items:baseline}
 .sbar-name strong{font-size:14px}
 .sbar-seg button{min-width:106px;padding:4px 8px}
 .sbar .btn{flex:1;min-width:118px;justify-content:center;padding:0 12px}
}
@media (prefers-reduced-motion:reduce){.sbar{transition:none}}
.rm-user .sbar{transition:none}

/* 5. Course toy (hero object) */
.toy{position:relative;z-index:1;width:100%;max-width:520px;margin:0 auto}
.toy-stage{position:relative;aspect-ratio:10/9;border-radius:28px;overflow:hidden;background:var(--toy-bg,#FFF4E6)}
.toy-stage svg.toy-art,.toy-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.toy-stage canvas{opacity:0;transition:opacity .4s}
.toy.has-3d .toy-stage canvas{opacity:1}
.toy.has-3d .toy-art{visibility:hidden}
.toy-ctl{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px;justify-content:center}
.toy-ctl button{appearance:none;border:2px solid var(--ink);background:#fff;color:var(--ink);border-radius:999px;min-height:44px;padding:0 18px;font:700 15px/1 var(--font-d);cursor:pointer;white-space:nowrap}
.toy-ctl button:focus-visible{outline:3px solid #2B6CB0;outline-offset:3px}
.toy-note{margin:8px 0 0;text-align:center;font-size:13px;color:#3E4866}
.toy .pupil{transition:transform .12s linear}
.toy-code{font:700 22px/1 ui-monospace,Menlo,Consolas,monospace;fill:#5CF2C9}
.toy .sw{transform-box:view-box;transform-origin:200px 300px;transform:rotate(var(--a0));transition:transform .28s ease-out}
.toy-fan:hover .sw,.toy-fan.spread .sw{transform:rotate(var(--a1))}
.toy .pad{transition:transform .1s, filter .1s}
.toy .pad.hit{filter:brightness(1.25)}
@media (prefers-reduced-motion:reduce){.toy .sw,.toy .pupil,.toy .pad{transition:none}}
.rm-user .toy .sw,.rm-user .toy .pupil{transition:none}

/* 6. Try-it activities */
.act-band .act{background:#fff;border:2px solid #D6DCE8;border-radius:24px;padding:24px;max-width:860px}
.act h3{margin:0 0 4px}
.act-sub{margin:0 0 14px;color:#3E4866}
.act-skip{display:inline-flex;align-items:center;min-height:44px;font-weight:700;font-size:15px}
.act-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.act button{appearance:none;border:2px solid var(--ink);background:#fff;color:var(--ink);border-radius:14px;min-height:48px;min-width:48px;padding:0 16px;font:700 16px/1.1 var(--font-d);cursor:pointer}
.act button:focus-visible{outline:3px solid #2B6CB0;outline-offset:3px}
.act button[aria-pressed="true"]{background:var(--ink);color:#fff}
.act-out{margin:12px 0 0;font-weight:600;min-height:1.5em}
.drum-pads{display:grid;grid-template-columns:repeat(4,minmax(64px,110px));gap:12px}
.drum-pads button{min-height:84px;border-radius:18px;border:0;color:var(--ink);font-size:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-shadow:0 6px 0 rgba(20,32,74,.18)}
.drum-pads button kbd{font:600 12px/1 var(--font-d);opacity:.75}
.drum-pads button.hit{transform:translateY(4px);box-shadow:0 2px 0 rgba(20,32,74,.18)}
.mix-swatches button{width:56px;height:56px;padding:0;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px #D6DCE8}
.mix-swatches button[aria-pressed="true"]{box-shadow:0 0 0 3px var(--ink)}
.mix-fan{display:flex;gap:0;margin-top:16px;height:150px;align-items:flex-end;padding-left:20px}
.mix-fan span{width:42px;height:140px;border-radius:12px;margin-left:-12px;transform-origin:50% 100%;box-shadow:0 2px 6px rgba(20,32,74,.15);transition:transform .3s}
.robot-grid{display:grid;grid-template-columns:repeat(5,48px);grid-template-rows:repeat(5,48px);gap:4px;background:#E7F6F3;padding:8px;border-radius:16px;width:max-content}
.robot-grid span{background:#fff;border-radius:8px;position:relative;display:flex;align-items:center;justify-content:center;font-size:22px}
.robot-prog{display:flex;flex-wrap:wrap;gap:6px;min-height:40px;margin:10px 0;padding:6px;border:2px dashed #9FD9CF;border-radius:12px;max-width:520px}
.robot-prog span{display:inline-flex;align-items:center;min-height:28px;padding:2px 10px;border-radius:8px;background:#14A38B;color:#fff;font:700 13px/1 var(--font-d);white-space:nowrap}
.act-cols{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}
.bars{display:flex;gap:10px;align-items:flex-end;height:140px;margin:6px 0 10px}
.bars i{display:block;width:44px;border-radius:8px 8px 0 0;background:#FEC623}
.bars-l{display:flex;gap:10px}.bars-l span{width:44px;text-align:center;font-size:13px;font-weight:700}
@media (max-width:760px){.act-band .act{padding:16px}.drum-pads{grid-template-columns:repeat(4,1fr);gap:8px}.robot-grid{grid-template-columns:repeat(5,44px);grid-template-rows:repeat(5,44px)}}
@media (prefers-reduced-motion:reduce){.mix-fan span,.drum-pads button{transition:none}}

/* 7. Teddy nudges (existing Teddy art only) */
.tn{position:fixed;left:20px;bottom:20px;z-index:70;display:flex;gap:12px;align-items:flex-start;max-width:380px;background:#fff;border:2px solid #D6DCE8;border-radius:20px;padding:12px 14px 12px 12px;box-shadow:0 14px 34px rgba(20,32,74,.16);color:var(--ink)}
.tn img{width:64px;height:64px;flex:0 0 auto}
.tn-body{min-width:0}
.tn-pain{margin:0;font:760 16px/1.3 var(--font-d)}
.tn-help{margin:4px 0 6px;font:500 15px/1.4 var(--font-d);color:#3E4866}
.tn-acts{display:flex;gap:6px;flex-wrap:wrap}
.tn-acts button{appearance:none;border:0;background:none;color:#1F4FA8;font:700 14px/1 var(--font-d);min-height:32px;min-width:32px;padding:0 6px;cursor:pointer;text-decoration:underline}
.tn-x{position:absolute;top:4px;right:4px;appearance:none;border:0;background:none;width:36px;height:36px;font-size:22px;line-height:1;color:#3E4866;cursor:pointer;border-radius:50%}
.tn-x:focus-visible,.tn-acts button:focus-visible{outline:3px solid #2B6CB0;outline-offset:2px}
@media (prefers-reduced-motion:no-preference){.tn.pop{animation:tnIn .42s cubic-bezier(.2,.9,.3,1.15) both}}
.rm-user .tn.pop{animation:none}
@keyframes tnIn{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}
@media (max-width:760px){.tn{left:10px;right:10px;bottom:76px;max-width:none}.tn img{width:52px;height:52px}}

/* 8. Hello intro (home) */
.hello{position:fixed;inset:0;z-index:200;background:#FFF8F0;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .5s}
.hello.out{opacity:0;pointer-events:none}
.hello svg{width:min(760px,88vw);height:auto;overflow:visible}
.hello .h-ink{fill:none;stroke:#14204A;stroke-width:9;stroke-linecap:round;stroke-linejoin:round}
.hello .h-word{font:780 64px/1 var(--font-d);fill:#14204A;letter-spacing:-.02em}
.hello .h-ai{fill:#14204A;transition:fill .4s, filter .4s}
.hello.lit .h-ai{fill:#F57E20;filter:drop-shadow(0 0 10px rgba(245,126,32,.55))}
.hello .h-spark{fill:none;stroke:#F57E20;stroke-width:5;stroke-linecap:round}
.hello-skip{position:absolute;right:20px;top:20px;appearance:none;border:2px solid #14204A;background:#fff;color:#14204A;border-radius:999px;min-height:44px;padding:0 18px;font:700 15px/1 var(--font-d);cursor:pointer}
.hello-skip:focus-visible{outline:3px solid #2B6CB0;outline-offset:3px}

/* 9. Home: generic tablet frame + glass course icons */
.dev-tab{position:relative;z-index:1;width:min(440px,100%);margin:0 auto;border-radius:30px;background:#1D2333;padding:16px;box-shadow:0 24px 48px rgba(20,32,74,.22)}
.dev-tab .dev-screen{border-radius:16px;overflow:hidden;background:#E7F6F3;aspect-ratio:4/3}
.dev-tab .dev-screen svg{width:100%;height:100%;display:block}
.dev-cap{text-align:center;font-size:13px;color:#3E4866;margin:10px 0 0}
.gicons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:16px auto 0;max-width:460px;position:relative;z-index:1}
.gicons a{display:flex;align-items:center;gap:8px;min-height:44px;padding:6px 14px 6px 6px;border-radius:999px;background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1.5px solid #D6DCE8;color:var(--ink);font:700 14px/1.1 var(--font-d);text-decoration:none;white-space:nowrap}
.gicons a i{width:32px;height:32px;border-radius:50%;display:inline-block}
@media (prefers-reduced-motion:no-preference){.gicons a{transition:transform .2s}.gicons a:hover{transform:translateY(-4px)}}

/* 10. Footer credit + slim course switcher */
.f-credit{flex-basis:100%;margin:0;font-size:14px;color:#C9D3EA}
.c-switch{display:none}
@media (max-width:760px){
 .v219-course #course-rack{display:none}
 .v219-course .c-switch{display:flex;gap:8px;overflow-x:auto;padding:10px 14px;background:#F6F8FC;border-bottom:1px solid #E3E8F2;-webkit-overflow-scrolling:touch}
 .c-switch a{flex:0 0 auto;display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;background:#fff;border:1.5px solid #D6DCE8;color:var(--ink);font:700 14px/1 var(--font-d);text-decoration:none;white-space:nowrap}
 .c-switch a[aria-current="page"]{background:var(--ink);color:#fff;border-color:var(--ink)}
}
.steps6{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 6px;counter-reset:s}
.steps6 li{counter-increment:s;display:inline-flex;align-items:center;gap:6px;min-height:28px;font:700 13px/1.2 var(--font-d);text-transform:uppercase;letter-spacing:.06em}
.steps6 li::before{content:counter(s);display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#14204A;color:#fff;font-size:12px}
/* 11. length-aware type (two-line rule) */
main h1.t-long{font-size:44px}
main h2.t-long{font-size:34px}
main h1.t-art{font-size:40px;line-height:1.12}
main h3.t-clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:760px){main h1.t-long{font-size:26px}main h2.t-long{font-size:22px}main h1.t-art{font-size:22px}main h2{font-size:24px}}
main .nl-card h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
main h1.t-xlong{font-size:40px}
main h1.t-art{font-size:34px}
@media (max-width:760px){main h1.t-long,main h1.t-xlong{font-size:23px}main h2.t-long{font-size:20px}main h1.t-art{font-size:20px}main .td-title h2.td-bubble{font-size:19px}}
@media (max-width:760px){main h1.t-art{font-size:20px;line-height:1.2}main h2.t-long{font-size:19px}}
main h1.t-art{max-width:none}
@media (max-width:760px){main .nr-rack h2.t-long{font-size:21px}}
/* nudges sit top-right on desktop, away from the bottom sticky bar (its Enroll now button) */
@media (min-width:761px){.tn{left:auto;right:20px;bottom:auto;top:calc(var(--hdr-h,68px) + 16px)}}

/* ===== v2.19.1 fix pass (MKT-PB-01) ===== */
/* PB-4: sticky bar at the bottom on every width, kept clear of the Wix host badge (--wixb set by chooser.js) */
.sbar{bottom:var(--wixb,0px)}
@media (max-width:760px){
 .sbar{top:auto;bottom:var(--wixb,0px);transform:translateY(130%);border-bottom:0;border-top:1px solid #D6DCE8}
 .sbar.on{transform:none}
 /* tips sit at the top under the header on phones: clear of the bottom bar and the host badge */
 .tn{top:calc(var(--hdr-h,64px) + 8px);bottom:auto}
}
/* PB-5: skip button sits outside the (aria-hidden) intro overlay */
.hello{transition:opacity .35s}
.hello-skip{position:fixed;z-index:201}
/* PB-6: rack stat boxes in the site font (serif fallback bug) */
.nr-rack .lbl b,.nr-rack .spine .mono,.nr-rack b{font-family:var(--font-d)!important}
/* PB-2: compact format chooser on rack, programs and courses-preview */
.mch{margin:10px 0 4px}
.mch .ch-opts{display:flex;gap:8px;flex-wrap:wrap}
.mch .ch-opt{flex:1 1 140px;padding:8px 12px}
.mch .ch-p{font-size:18px}
.mch .ch-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:10px}
.mch .ch-cue{margin:0;font:600 13px/1.3 var(--font-d);color:#3E4866}
/* PB-7: explanation blocks become the existing diagram or a real control; plain styling, no extra cards or pills (Rowan 13:10) */
.v-check{list-style:none;padding:0;margin:8px 0}
.v-check li{margin:2px 0}
.v-check label{display:flex;gap:10px;align-items:center;min-height:36px;cursor:pointer;font:600 15px/1.3 var(--font-d)}
.v-check input{width:20px;height:20px;accent-color:#14A38B;flex:0 0 auto}
.v-tz{display:grid;grid-template-columns:auto minmax(0,320px);justify-content:start;gap:10px 14px;align-items:center;margin:8px 0 16px;font:600 16px/1.35 var(--font-d)}
.v-tz select{min-height:44px;border:1.5px solid #B9C2D6;border-radius:10px;padding:0 10px;font:inherit;background:#fff;color:var(--ink)}
.v-tz output{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px 28px;font:700 20px/1.35 var(--font-d);color:var(--ink)}
.v-tz output b{font-weight:700}
@media (max-width:760px){.v-tz{grid-template-columns:1fr}.v-tz output{font-size:18px}}
ol.v-path,ul.v-path{list-style:none;counter-reset:vp;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px 20px;padding:14px 0 0;margin:20px 0;border-top:3px solid #F57E20}
.v-path>li{counter-increment:vp;font:700 17px/1.3 var(--font-d);color:var(--ink);margin:0;padding:0;background:none;border:0}
ol.v-path>li::before{content:counter(vp);display:block;font:800 28px/1 var(--font-d);color:#F57E20;margin-bottom:6px;position:static;width:auto;height:auto;background:none}
.v-path>li strong{font-weight:700}
details.ct-more{margin-top:6px}
details.ct-more>summary{cursor:pointer;font:700 15px/1.3 var(--font-d);color:#1F4FA8;min-height:40px;display:flex;align-items:center}
.l-tools{font:600 16px/1.4 var(--font-d);color:#3E4866;margin-top:10px}
/* PB-14: two-line fixes */
main .trust .t h3{display:flex;align-items:flex-start;gap:10px;font-size:19px;line-height:24px}
main .trust .t h3 svg{flex:0 0 auto;width:24px;height:24px;margin:0}
@media (max-width:760px){.nr-rack .listing h2,.nr-rack .scene .listing h2{font-size:21px!important;line-height:1.2!important}}
.drum-pads button{white-space:nowrap}
.drum-pads button kbd{margin-left:6px}
@media (max-width:760px){.drum-pads button{font-size:13px;padding:10px 4px;flex-direction:row}}
.nl-card h3,.nl-card h4,[class*="nl-"] h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hello{background:rgba(255,248,240,.9)}
/* hidden sticky bar must clear the screen fully even when lifted above the host badge */
.sbar:not(.on){transform:translateY(calc(100% + var(--wixb,0px) + 12px))!important;visibility:hidden;transition:transform .25s,visibility 0s .25s}
.sbar.on{visibility:visible;transition:transform .25s}
.l-safe{margin:16px 0 0;font:500 16px/1.5 var(--font-d);color:var(--ink)}

/* v2.19.2 */
.fmt-card .fmt-note{font-size:14px;color:#3E4866;margin:0}
.fmt-family{margin:16px 0 0;font:700 16px/1.4 var(--font-d);color:var(--ink)}
.en-l1{margin-top:6px}
[data-fmt][hidden]{display:none!important}

/* v2.19.3 */
.pend{font-style:normal;font-weight:700;color:#7A4A00;background:#FFF4DC;border:1px dashed #E0A23A;border-radius:8px;padding:1px 6px}

/* v2.19.3b (Rowan 14:24): "per learner" price labels; compact phone buy bar at the bottom */
.ch-opt .ch-p .ch-pl{display:block;margin:2px 0 0;font-size:12px;font-weight:600;line-height:1.2}
.fmt-card .fmt-price .fmt-pl{display:block;margin:6px 0 0;font-size:15px;font-weight:600}
@media (max-width:760px){
 .sbar-in{padding:6px 10px;gap:8px;flex-wrap:wrap;row-gap:4px}
 .sbar-name{flex:1 0 100%;display:block;margin:0}
 .sbar-name strong{display:none}
 .sbar-name span{display:block;font-size:11px;line-height:1.2;text-align:center}
 .sbar-seg{border-radius:10px;border-width:1.5px}
 .sbar-seg button{min-height:40px;min-width:0;padding:2px 10px;font-size:12px;line-height:1.15}
 .sbar-seg button b{font-size:14px}
 .sbar .btn{flex:1;min-height:40px;min-width:0;padding:0 12px;font-size:15px}
}

/* v2.19.3c (Rowan ~14:28): highlight lines, Teddy near enrol, congratulations */
.hl-band{padding:28px 0;background:#fff}
.hl-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.hl-list li{border-radius:18px;padding:16px 18px;display:flex;flex-direction:column;gap:4px;font:600 15px/1.35 var(--font-d);color:#3E4866}
.hl-list li b{font:800 18px/1.2 var(--font-d);color:var(--ink)}
.hl-a{background:#FFF1E2}.hl-b{background:#E8F4FF}.hl-c{background:#F1ECFF}.hl-d{background:#E7F8EE}
.hl-mini{grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 14px}
.hl-mini li{padding:10px 12px;border-radius:12px;font-size:13.5px}
.hl-mini li b{font-size:15px}
.hl-teddy-row{display:flex;align-items:center;gap:12px}
.hl-teddy-row h2{margin:0}
.hl-teddy{flex:none;width:72px;height:auto}
.en-congrats{display:flex;align-items:center;gap:14px;background:#FFF6E0;border:2px solid #FFD27A;border-radius:18px;padding:12px 16px;margin:14px 0}
.en-congrats p{margin:0;font:800 20px/1.3 var(--font-d);color:var(--ink)}
@media (max-width:900px){.hl-list{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.hl-list{gap:10px}.hl-list li{padding:12px 14px;font-size:14px}.hl-list li b{font-size:16px}.hl-mini{grid-template-columns:1fr}.en-congrats p{font-size:18px}}

/* v2.19.3d */
.hl-lead{margin:6px 0 6px;font:800 17px/1.3 var(--font-d);color:var(--ink)}

/* v2.19.4 (MKT-PB-03 F3/F6): longer parent chip lines; ~56px clear space above highlights + enrol details card on phones (Wix badge) */
.hl-list li span{text-wrap:pretty}
@media (max-width:760px){.hl-band{padding-top:56px}.hl-mini{margin-top:56px}.en-details{margin-top:56px}}

/* v2.19.4c: teacher line */
.fmt-teacher{margin:8px 0 0;font:600 13px/1.4 var(--font-d);color:#3E4866}
.teacher-cred{margin-top:10px}