:root{--bg:#FCFCFF;--surface:#fff;--ink:#202B4E;--mute:#5D6882;--line:#DCE2F5;--accent:#1E2A6E;--accent-ink:#fff;--soft:#E7EBF8;--ok:#08716C;--okbg:#DDF3F1;--wa:#E7F7EF;--wa-line:#BFE6D1;--pink:#C2307F;
--display:'Fredoka',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--body:'Instrument Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}

@media (prefers-color-scheme:dark){:root{--bg:#11182F;--surface:#1A2344;--ink:#F6F7FC;--mute:#BCC5DC;--line:#33406C;--accent:#AAB7EB;--accent-ink:#11182F;--soft:#273258;--ok:#3FD0C8;--okbg:#10393A;--wa:#173A2C;--wa-line:#2C5C46;--pink:#FF8CC4;color-scheme:dark}}
*:not(.pmount *),*:not(.pmount *)::before,*:not(.pmount *)::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.5 var(--body);padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}
main:not(.pmount *){max-width:620px;margin:0 auto;padding:14px max(16px,env(safe-area-inset-left,0px)) 24px;display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
h1:not(.pmount *),h2:not(.pmount *),h3:not(.pmount *),p:not(.pmount *){margin:0}
h1:not(.pmount *){font:800 clamp(26px,7vw,32px)/1.12 var(--display);letter-spacing:-.02em}
h2:not(.pmount *){font:800 20px/1.2 var(--display)}
h3:not(.pmount *){font:800 17px/1.25 var(--display);margin-top:6px}
a:not(.pmount *){color:var(--accent)}
.top:not(.pmount *){display:flex;align-items:center;gap:8px;min-height:44px}
.top .brand:not(.pmount *){font:800 17px var(--display);color:var(--accent);flex:1;text-decoration:none}
.top a.back:not(.pmount *){text-decoration:none;display:inline-flex;align-items:center}
.back:not(.pmount *){font:700 15px var(--body);color:var(--accent);background:none;border:0;padding:10px 4px;min-height:44px;cursor:pointer}
.pv:not(.pmount *){font-size:13.5px;color:var(--mute);background:var(--soft);border-radius:12px;padding:8px 12px}
.hero:not(.pmount *){background:#1E2A6E;color:#fff;border-radius:22px;padding:16px 14px 12px;display:grid;gap:8px}
.hero h1:not(.pmount *){color:#fff}.kick:not(.pmount *){font:700 12.5px var(--body);letter-spacing:.06em;text-transform:uppercase;color:#DCE2F5}
.next:not(.pmount *){display:grid;gap:4px;text-align:left;text-decoration:none;background:#fff;color:#1E2A6E;border-radius:18px;padding:12px 14px;min-height:72px}
.next b:not(.pmount *){font:800 21px/1.15 var(--display)}.next small:not(.pmount *){font-size:14.5px;color:#5B4A73}
.next .go:not(.pmount *){justify-self:start;margin-top:4px;background:#1E2A6E;color:#fff;font-weight:700;border-radius:12px;padding:8px 13px}
.hero .chg:not(.pmount *){color:#fff;font-weight:700;font-size:15px;padding:4px 2px;min-height:44px;display:inline-flex;align-items:center}
.loop:not(.pmount *){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tile:not(.pmount *){display:flex;flex-direction:column;gap:4px;text-decoration:none;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:11px;min-height:86px}
.tile svg:not(.pmount *),.row svg:not(.pmount *){width:24px;height:24px;fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.tile b:not(.pmount *){font-size:16.5px;line-height:1.2}.tile small:not(.pmount *){font-size:13.5px;color:var(--mute);line-height:1.3}
.row:not(.pmount *){display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:13px 14px;min-height:58px;width:100%;font:inherit;text-align:left;cursor:pointer}
.row span:not(.pmount *){flex:1;min-width:0;display:grid;gap:2px}.row b:not(.pmount *){font-size:16.5px;line-height:1.25}.row small:not(.pmount *){font-size:14px;color:var(--mute);line-height:1.35}.row i:not(.pmount *){font-style:normal;font-weight:700;color:var(--accent)}
.row.done b:not(.pmount *)::before{content:"✓ ";color:var(--ok)}.row.cur:not(.pmount *){border:2px solid var(--accent)}
.lab:not(.pmount *){font:700 12.5px var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--mute);margin-top:6px}
.btn:not(.pmount *){display:block;width:100%;text-align:center;text-decoration:none;font:700 17px var(--body);border-radius:14px;padding:14px;cursor:pointer;border:0;background:var(--accent);color:var(--accent-ink);min-height:50px}
.btn.ghost:not(.pmount *){background:var(--surface);color:var(--accent);border:2px solid var(--accent)}
.btn.wa:not(.pmount *){background:#1F7A4D;color:#fff}
.tabs:not(.pmount *){position:sticky;top:0;z-index:5;background:var(--bg);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px 0}
.tabs a:not(.pmount *){display:flex;align-items:center;justify-content:center;text-decoration:none;font:700 15px var(--body);color:var(--mute);background:var(--surface);border:1px solid var(--line);border-radius:12px;min-height:46px}
.tabs a[aria-current="page"]:not(.pmount *){background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.card:not(.pmount *){background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px;display:grid;gap:12px}
.lead:not(.pmount *){font-size:17px;color:var(--mute)}
.note:not(.pmount *){font-size:15px;color:var(--mute);background:var(--soft);border-radius:12px;padding:10px 12px}
ul.l:not(.pmount *){margin:0;padding-left:20px;display:grid;gap:6px}
.msg:not(.pmount *){background:var(--wa);border:1px solid var(--wa-line);border-radius:14px;padding:12px;display:grid;gap:8px}
.msg .ml:not(.pmount *){font:700 13px var(--body);letter-spacing:.04em;text-transform:uppercase;color:var(--mute)}
.msg .mt:not(.pmount *){white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.45}
.msg button:not(.pmount *){justify-self:start;font:700 15px var(--body);background:var(--surface);color:var(--accent);border:1px solid var(--line);border-radius:10px;padding:8px 14px;min-height:42px;cursor:pointer}
.step:not(.pmount *){display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start;border-top:1px solid var(--line);padding-top:12px}
.step:first-child:not(.pmount *){border-top:0;padding-top:0}
.step input:not(.pmount *){width:24px;height:24px;margin:2px 0 0;accent-color:var(--ok)}
.step .sb:not(.pmount *){display:grid;gap:8px;min-width:0}.step .sb>b:not(.pmount *){font-size:17px;line-height:1.3}.step .sb>p:not(.pmount *){color:var(--mute);font-size:15.5px}
.step.ticked .sb>b:not(.pmount *){text-decoration:line-through;text-decoration-color:var(--ok)}
.lnk:not(.pmount *){display:flex;align-items:center;gap:6px;font-weight:700;padding:8px 0;min-height:44px}
.home-spot:not(.pmount *){display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;padding:9px 14px;border:1px solid #E9A9C8;border-left:4px solid var(--pink);border-radius:13px;background:#FCEAF3;color:#98235F;font-weight:800;text-align:center;text-decoration:none;min-height:48px}
@media (prefers-color-scheme:dark){.home-spot:not(.pmount *){background:#40233A;border-color:#75405E;border-left-color:var(--pink);color:#FFE0EF}}
.rule:not(.pmount *){border-left:4px solid var(--accent);padding:6px 0 6px 12px}
.fine:not(.pmount *){font-size:13.5px;color:var(--mute);text-align:center}
.thb{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px)}
.thb-in{max-width:680px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.thb a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px 8px;min-height:56px;text-decoration:none;color:var(--mute);font:700 12.5px/1.2 var(--body)}
.thb a span{display:flex;border-radius:12px;padding:3px 14px}.thb svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.thb a[aria-current="page"]{color:var(--accent)}.thb a[aria-current="page"] span{background:var(--soft)}
.sech:not(.pmount *){margin-top:10px;font-size:22px}
.pstep:not(.pmount *){background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px;display:grid;gap:10px}
.pstep .ph:not(.pmount *){display:flex;gap:10px;align-items:flex-start}.pstep .ph input:not(.pmount *){width:24px;height:24px;margin:3px 0 0;flex:none;accent-color:var(--ok)}
.pstep .ph label:not(.pmount *){font:800 18px/1.3 var(--display);display:flex;gap:8px;cursor:pointer}
.num:not(.pmount *){display:inline-flex;align-items:center;justify-content:center;flex:none;width:26px;height:26px;border-radius:50%;background:var(--soft);color:var(--accent);font:700 14px var(--body)}
.pstep.ticked .ph label:not(.pmount *){color:var(--mute)}.pstep.ticked .num:not(.pmount *){background:var(--ok);color:#fff}
.pb:not(.pmount *){display:grid;gap:10px;min-width:0}
.quote:not(.pmount *){border-left:4px solid var(--line);padding:4px 0 4px 12px;font-style:italic}
.uwbox:not(.pmount *){background:var(--soft);border-radius:12px;padding:10px 12px;display:grid;gap:6px;font-size:15.5px}.uwbox .ml:not(.pmount *){font:700 12.5px var(--body);letter-spacing:.05em;text-transform:uppercase;color:var(--accent)}
details.mn:not(.pmount *){border:2px dashed var(--line);border-radius:12px;padding:0 12px}details.mn>summary:not(.pmount *){cursor:pointer;font-weight:700;color:var(--accent);padding:10px 0;min-height:44px;display:flex;align-items:center}
details.fold:not(.pmount *){border:1px solid var(--line);border-radius:12px;padding:0 12px}details.fold>summary:not(.pmount *){cursor:pointer;font-weight:700;padding:10px 0;min-height:44px;display:flex;align-items:center}
.fin:not(.pmount *){display:grid;gap:10px;padding-bottom:12px}
.fillin>summary:not(.pmount *){cursor:pointer;font-weight:700;color:var(--accent);font-size:15px;min-height:40px;display:flex;align-items:center}
.fg:not(.pmount *){display:grid;gap:8px;padding:4px 0 6px}.fg label:not(.pmount *){display:grid;gap:4px;font-size:14px;font-weight:600}.fg input:not(.pmount *){font:16px var(--body);padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);width:100%}
.mtog:not(.pmount *){justify-self:start;font:700 15px var(--body);background:var(--surface);color:var(--accent);border:2px solid var(--accent);border-radius:999px;padding:8px 16px;min-height:44px;cursor:pointer}
.mtog[aria-pressed="true"]:not(.pmount *){background:var(--accent);color:var(--accent-ink)}
.bld:not(.pmount *){display:grid;gap:10px}.bl:not(.pmount *){display:grid;gap:4px;font-size:14px;font-weight:700}.bl input:not(.pmount *){font:16px var(--body);padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);width:100%;font-weight:400},.bl select:not(.pmount *){font:16px var(--body);padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);width:100%;font-weight:400}
.two:not(.pmount *){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.chips:not(.pmount *){display:flex;flex-wrap:wrap;gap:6px}.chip:not(.pmount *){font:600 14.5px var(--body);background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:8px 12px;min-height:40px;cursor:pointer;text-align:left}.chip[aria-pressed="true"]:not(.pmount *){background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
ol.l:not(.pmount *){margin:0;padding-left:22px;display:grid;gap:6px}
.tk:not(.pmount *){background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.tk.open:not(.pmount *){border:2px solid var(--accent)}
.tkh:not(.pmount *){display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:none;border:0;padding:14px;min-height:64px;font:inherit;color:var(--ink);cursor:pointer}
.tkh .tkn:not(.pmount *){flex:none;width:32px;height:32px;border-radius:50%;background:var(--soft);color:var(--accent);font:800 16px var(--display);display:flex;align-items:center;justify-content:center}
.tk.open .tkn:not(.pmount *){background:var(--accent);color:var(--accent-ink)}
.tkh span.tx:not(.pmount *){flex:1;min-width:0;display:grid;gap:2px}.tkh b:not(.pmount *){font-size:17.5px;line-height:1.25}.tkh small:not(.pmount *){font-size:14px;color:var(--mute);line-height:1.35}
.tkh i:not(.pmount *){font-style:normal;font:700 22px var(--body);color:var(--accent);flex:none}
.tkb:not(.pmount *){padding:0 14px 16px;display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}
.tkb[hidden]:not(.pmount *){display:none}
.tkdone:not(.pmount *){justify-self:start;font:700 15px var(--body);color:var(--accent);background:none;border:0;padding:8px 0;min-height:44px;cursor:pointer}
.cd:not(.pmount *){color:#fff;font-size:14.5px;font-weight:700;background:rgba(255,255,255,.14);border-radius:12px;padding:8px 10px}.cd a:not(.pmount *),.cdok:not(.pmount *){color:#fff;font:inherit;text-decoration:underline;background:none;border:0;padding:0;cursor:pointer}
.cnt:not(.pmount *){background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:12px 14px;display:grid;gap:6px}.cl:not(.pmount *){font-weight:700}
.cb:not(.pmount *){display:grid;grid-template-columns:52px 1fr 52px;gap:8px;align-items:center}.cb button:not(.pmount *){height:52px;border-radius:14px;border:1px solid var(--line);background:var(--soft);color:var(--accent);font:800 24px var(--body);cursor:pointer}
.cb output:not(.pmount *){text-align:center;font:800 28px var(--display)}.cnt small:not(.pmount *),.mute2:not(.pmount *){color:var(--mute);font-size:14px}
.resbtn:not(.pmount *){display:block;width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--accent);font:700 15px var(--body);text-align:left;cursor:pointer}
.resbtn:disabled{opacity:.48;cursor:not-allowed}.resgrid{display:grid;gap:8px}.resnums{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px}.reslog{display:grid;gap:7px;padding-left:20px;margin:0}.reslog li{padding-left:2px}.resnotice{padding:10px 12px;border-radius:12px;background:var(--soft);color:var(--mute);font-size:14px;line-height:1.4}.unlockBadge{width:76px;height:76px;border-radius:24px;background:var(--soft);display:grid;place-items:center;font-size:42px;margin:2px auto 0;animation:unlockPop .65s cubic-bezier(.2,.8,.2,1) both}@keyframes unlockPop{0%{transform:scale(.55) rotate(-18deg);opacity:0}65%{transform:scale(1.12) rotate(5deg);opacity:1}100%{transform:scale(1) rotate(0)}}@media(prefers-reduced-motion:reduce){.unlockBadge{animation:none}}
.seg2:not(.pmount *){display:grid;grid-template-columns:1fr 1fr;gap:8px}.join input[type=date]:not(.pmount *){min-height:48px}
.cel:not(.pmount *){border:2px solid var(--ok)}
.a2hs:not(.pmount *){border:2px solid var(--accent)}.a2hs ol:not(.pmount *){margin:0}
.invsum:not(.pmount *){display:flex;flex-wrap:wrap;gap:8px}.invsum span:not(.pmount *),.tag:not(.pmount *){font:700 13px var(--body);border-radius:999px;padding:4px 10px}
.ok:not(.pmount *){background:var(--okbg);color:var(--ok)}.pt:not(.pmount *){background:#FFF1D6;color:#7A4B00}.ln:not(.pmount *){background:var(--soft);color:var(--mute)}
@media (prefers-color-scheme:dark){.pt:not(.pmount *){background:#3F2F10;color:#F5C26B}}
.inv:not(.pmount *){background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:grid;gap:4px}.invt:not(.pmount *){display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;justify-content:space-between}
.inv small:not(.pmount *){color:var(--mute);font-size:14px;line-height:1.4}.inv .lnk:not(.pmount *){padding:4px 0;min-height:36px}
h1[tabindex="-1"]:focus:not(.pmount *){outline:none}
.pemb:not(.pmount *){background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px 14px 10px}
.tkb .pmount:not(.mcp){display:block}
.mgf:not(.pmount *){display:block;width:100%;height:auto;min-height:0;border:0;background:transparent}
.pemb .pmount{display:block}
.cdl:not(.pmount *){color:var(--accent);background:var(--soft)}
.mnb:not(.pmount *){margin-top:-6px}
.mnb .pmount.mcp{display:block}.mnb .pmount.mcp+.pmount.mcp{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.cdl a:not(.pmount *){color:var(--accent)}
:focus-visible:not(.pmount *){outline:3px solid var(--accent);outline-offset:2px}
.hero :focus-visible:not(.pmount *){outline-color:#fff}
.hpanel{position:fixed;inset:0;z-index:60;background:var(--bg);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;animation:hpup .22s ease-out}
.hpanel[hidden]{display:none}@keyframes hpup{from{transform:translateY(24px);opacity:.4}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.hpanel{animation:none}}
.hph{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:0 2px 10px rgba(36,16,56,.06)}
.hph b{flex:1;min-width:0;font-family:var(--display);font-size:17px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hpbtn{font:inherit;font-weight:700;font-size:16px;color:var(--accent);background:var(--soft);border:0;border-radius:999px;padding:10px 14px;min-height:44px;cursor:pointer;flex:none}
.hpin{max-width:680px;margin:0 auto;padding:14px 16px 8px}.hpin .top{display:none}.hpfoot{max-width:680px;margin:0 auto;padding:0 16px 40px;text-align:center}.hpfoot a{color:var(--accent);font-weight:700}
html.panelon,html.panelon body{overflow:hidden}
html:has(.eng-wts #sm:not([hidden])) #bar,html:has(.eng-wts #sm:not([hidden])) .thb{display:none}
html:has(.eng-wts #sm:not([hidden])){overflow:hidden}
.mgh{font-family:var(--display);font-size:17px;margin:22px 0 8px;color:var(--ink)}.mfold{margin-top:26px}
/* Expandable extras: a tinted panel with a pink edge and a +/− button, so they stand out from plain text (Nov 2026). */
details.fold:not(.pmount *),.eng-path details.more{background:var(--soft);border:0;border-left:5px solid var(--pink);border-radius:12px;padding:0 14px}
details.fold>summary:not(.pmount *),.eng-path details.more>summary{color:var(--accent);list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:10px 0;font-weight:700;cursor:pointer}
details.fold>summary::-webkit-details-marker,.eng-path details.more>summary::-webkit-details-marker{display:none}
details.fold>summary:not(.pmount *)::after,.eng-path details.more>summary::after{content:"+";flex:none;width:28px;height:28px;border-radius:50%;background:var(--pink);color:var(--surface);display:grid;place-items:center;font-size:19px;font-weight:800;line-height:1}
details.fold[open]>summary:not(.pmount *)::after,.eng-path details.more[open]>summary::after{content:"\2212"}
.eng-path details.more{margin-top:10px}.eng-path details.more[open]{padding-bottom:12px}
a.row.ltrow{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}a.row.ltrow small,a.row.ltrow i{color:var(--accent-ink);opacity:.9}a.row.ltrow b::before{content:"👑 "}
a.row.msrow:not(.pmount *){border-left:5px solid var(--pink)}
/* Support: the big heading only on its home screen; inner screens keep one Back and their own title. */
#app h1:has(+ .eng-mentor main[data-screen]:not([data-screen="home"])){display:none}
svg.ext:not(.pmount *){width:16px!important;height:16px!important;padding:0!important;background:none!important;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:-2px;display:inline-block}
/* Purposeful colour (Nov 2026): numbered steps, This week tiles, the mentor row and More headings. */
.tk .tkh .tkn.c0:not(.pmount *){background:#1E2A6E;color:#fff}.tk .tkh .tkn.c1:not(.pmount *){background:#C2307F;color:#fff}.tk .tkh .tkn.c2:not(.pmount *){background:#08716C;color:#fff}.tk .tkh .tkn.c3:not(.pmount *){background:#6B4BA8;color:#fff}.tk .tkh .tkn.c4:not(.pmount *){background:#974819;color:#fff}
.loop .tile svg:not(.pmount *),a.row[href="#mentor"] svg:not(.pmount *){width:34px;height:34px;padding:6px;border-radius:11px}
.loop .tile:nth-child(1) svg:not(.pmount *){background:#E7EBF8;stroke:#1E2A6E}.loop .tile:nth-child(2) svg:not(.pmount *),a.row[href="#mentor"] svg:not(.pmount *){background:#FBE3EF;stroke:#C2307F}.loop .tile:nth-child(3) svg:not(.pmount *){background:#DDF3F1;stroke:#08716C}.loop .tile:nth-child(4) svg:not(.pmount *){background:#EEE8F8;stroke:#6B4BA8}
.mgh:not(.pmount *){display:flex;align-items:center;gap:8px}.mgh:not(.pmount *)::before{content:"";flex:none;width:6px;height:18px;border-radius:3px;background:var(--pink)}
@media (prefers-color-scheme:dark){.tk .tkh .tkn.c0:not(.pmount *){background:#AAB7EB;color:#11182F}.tk .tkh .tkn.c1:not(.pmount *){background:#FF8CC4;color:#11182F}.tk .tkh .tkn.c2:not(.pmount *){background:#3FD0C8;color:#11182F}.tk .tkh .tkn.c3:not(.pmount *){background:#B9A0EC;color:#11182F}.tk .tkh .tkn.c4:not(.pmount *){background:#F0A06B;color:#11182F}
.loop .tile:nth-child(1) svg:not(.pmount *){background:#273258;stroke:#AAB7EB}.loop .tile:nth-child(2) svg:not(.pmount *),a.row[href="#mentor"] svg:not(.pmount *){background:#3D2240;stroke:#FF8CC4}.loop .tile:nth-child(3) svg:not(.pmount *){background:#10393A;stroke:#3FD0C8}.loop .tile:nth-child(4) svg:not(.pmount *){background:#2E2650;stroke:#B9A0EC}}

.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.homev .hero{padding:12px 12px 10px;gap:6px;border-radius:20px}
.homev .hero h1{font-size:24px;margin:0;line-height:1.1}

.homev .next{grid-template-columns:1fr auto;align-items:center;column-gap:10px;row-gap:2px;padding:10px 12px;min-height:0;border-radius:15px}
.homev .next b{font-size:19px;grid-column:1}.homev .next small{font-size:13.5px;grid-column:1}
.homev .next .go{grid-column:2;grid-row:1/span 2;margin:0;align-self:center;padding:8px 12px}
.homev .hero .chg{min-height:24px;font-size:14px}
.homev .hero .cd{font-size:13.5px;padding:7px 10px;line-height:1.35}
.homev .hero details{margin:0}
.homev .wkh{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0 8px}
.homev .wkh h2{margin:0;font-size:20px;flex:1;min-width:0}
.homev .wkh .plan-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:none;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--accent);font-weight:700;font-size:14px;line-height:1.15;text-decoration:none;white-space:nowrap}
.homev .wkh .plan-btn span{font-size:18px;line-height:1}
.homev .today{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:8px 12px;margin:0 0 8px;font-size:14.5px}
.homev .today .tp,.homev p.today{margin:2px 0 0;display:flex;gap:8px;align-items:baseline;color:var(--ink)}.homev .today .tt{flex:0 0 96px;font-weight:700}.homev .today a{font-weight:600}
.homev .loop{gap:8px}
.homev .tile{display:grid;grid-template-columns:auto 1fr;column-gap:9px;row-gap:1px;align-items:center;padding:9px 10px;min-height:0;border-radius:14px}
.homev .loop .tile svg{grid-row:1/span 2;width:30px;height:30px;padding:5px;border-radius:10px}
.homev .tile b{font-size:15px}.homev .tile small{font-size:12.5px;line-height:1.25}
.homev .hlinks{display:flex;gap:8px;margin-top:10px}
.homev .hlinks a{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;min-height:44px;padding:6px 10px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--accent);font-weight:700;font-size:14px;text-decoration:none}
.homev .hlinks a.wob{background:#FCEAF3;border-color:#E9A9C8;border-left:4px solid var(--pink);color:#98235F}
@media (prefers-color-scheme:dark){.homev .hlinks a.wob{background:#40233A;border-color:#75405E;color:#FFE0EF}}
.homev .fine{margin-top:0}
.homev>.top{display:none}
.homev .hero{margin-top:6px}
@media (max-width:380px){.homev .tile small{display:none}.homev .tile{padding:9px;grid-template-columns:28px minmax(0,1fr)}.homev .tile small{display:block;font-size:11.5px;line-height:1.2}.homev .loop .tile svg{grid-row:1/span 2;width:28px;height:28px;padding:4px}.homev .hlinks a{font-size:13.5px;padding:6px 8px;white-space:nowrap}.homev .hero .cd{font-size:13px}.homev .wkh{gap:8px}.homev .wkh h2{font-size:19px}.homev .wkh .plan-btn{padding:8px 10px;font-size:13.5px}}
@media (max-width:340px){.homev .loop{gap:6px}.homev .wkh{gap:6px}.homev .wkh h2{font-size:18px}.homev .wkh .plan-btn{padding:7px 8px;font-size:13px}.homev .tile{padding:8px}.homev .loop .tile svg{width:28px;height:28px;padding:4px}}
.homev .next:not(:has(small)){min-height:0}.homev .next:not(:has(small)) b{grid-row:1/span 2;align-self:center}
.homev{display:flex;flex-direction:column;justify-content:flex-start;gap:16px}
.homev>*{flex:none;margin-top:0!important;margin-bottom:0!important}
@media (max-height:700px){.homev.tight{gap:7px}.homev.tight .hero{padding:9px 10px;gap:5px}.homev.tight .hero h1{font-size:22px}.homev.tight .tile{padding:7px 8px}.homev.tight .hlinks{margin-top:6px}}
.homev .wkh{margin:0 0 8px}
.homev .fine{padding-top:0}
@media (min-height:800px) and (min-width:381px){.homev:not(.tight) .tile{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;padding:14px 12px;min-height:clamp(100px,14vh,150px)} .homev:not(.tight):has(.today) .tile{min-height:0;padding:10px 12px} .homev:not(.tight) .hero{padding:16px 14px 14px;gap:8px} .homev:not(.tight) .next{padding:14px} .homev:not(.tight) .hlinks a{min-height:52px} .homev:not(.tight) .wkh{margin-bottom:10px} .homev:not(.tight) .loop .tile svg{width:34px;height:34px;padding:6px} .homev:not(.tight) .tile b{font-size:16px} .homev:not(.tight) .tile small{font-size:13px}}
/* Narrow layouts: use spare height for the weekly action cards, not empty bands between sections. */
@media (max-width:900px){
 .homev:not(.tight)>.wk{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}
 .homev:not(.tight) .loop{flex:1 1 auto;min-height:0;grid-auto-rows:minmax(112px,1fr)}
 .homev:not(.tight) .loop .tile{display:grid;grid-template-columns:clamp(28px,8vw,34px) minmax(0,1fr);grid-template-rows:auto auto;align-items:center;align-content:center;min-height:0;padding:12px}
 .homev:not(.tight) .loop .tile svg{grid-row:1/span 2;width:clamp(28px,8vw,34px);height:clamp(28px,8vw,34px);padding:5px}
 .homev:not(.tight) .tile small{display:block}
}
.result-toast{display:flex;align-items:center;gap:10px;margin:14px 0;padding:14px 16px;border-radius:14px;font-weight:700}.result-toast.positive{background:#e6f5f1;color:#075e58;border-left:5px solid #0b7b73;animation:result-pop .45s ease-out both}.result-toast.neutral{background:#eef1f8;color:#263455;border-left:5px solid #8994ad}.result-toast.positive span{font-size:23px;animation:result-sparkle .75s ease-out both}.qd-mini{display:grid;gap:8px;margin:14px 0}.qd-mini-step{display:flex;gap:10px;align-items:center;padding:10px 12px;background:var(--soft,#e7ebf8);border-radius:12px;animation:qd-arrive .5s ease both}.qd-mini-step:nth-child(2){animation-delay:.15s}.qd-mini-step:nth-child(3){animation-delay:.3s}.qd-mini-step>b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#bd2e84;color:#fff;flex:none}.qd-mini-step span{display:grid;gap:2px}.qd-mini-step small{color:var(--mute,#5d6882)}@keyframes result-pop{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@keyframes result-sparkle{50%{transform:scale(1.25) rotate(-8deg)}}@keyframes qd-arrive{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.result-toast,.result-toast.positive span,.qd-mini-step{animation:none!important}}.planner-guide{margin-top:12px;padding:14px;border:1px solid var(--line,#dce2f5);border-radius:14px;background:var(--surface,#fff)}.planner-guide>b{display:block;margin-bottom:10px;color:var(--ink,#202b4e)}.planner-guide-steps{display:grid;gap:8px}.planner-guide-steps>div{display:flex;gap:10px;align-items:center;padding:9px 10px;border-radius:11px;background:var(--soft,#e7ebf8);animation:qd-arrive .45s ease both}.planner-guide-steps>div:nth-child(2){animation-delay:.12s}.planner-guide-steps>div:nth-child(3){animation-delay:.24s}.planner-guide-steps>div:nth-child(4){animation-delay:.36s}.planner-guide-steps i{display:grid;place-items:center;width:26px;height:26px;flex:none;border-radius:50%;background:#bd2e84;color:#fff;font-style:normal;font-weight:700}.planner-guide-steps span{display:grid;gap:2px}.planner-guide-steps small{color:var(--mute,#5d6882)}@media(prefers-reduced-motion:reduce){.planner-guide-steps>div{animation:none!important}}
/* This week’s win: a full-width tile under the weekly loop. */
.loop .wintile:not(.pmount *),.loop .restile:not(.pmount *){grid-column:1/-1}
.loop .restile svg:not(.pmount *){background:#DDF3F1;stroke:#08716C;fill:none;stroke-width:2}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .loop .restile svg:not(.pmount *){background:#10393A;stroke:#3FD0C8}}
:root[data-theme="dark"] .loop .restile svg:not(.pmount *){background:#10393A;stroke:#3FD0C8}
.loop .wintile svg:not(.pmount *){background:#FBF2DC;stroke:#805A12}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .loop .wintile svg:not(.pmount *){background:#3A2F17;stroke:#E6C779}}
:root[data-theme="dark"] .loop .wintile svg:not(.pmount *){background:#3A2F17;stroke:#E6C779}

/* Responsive browsing: one clear column on phones; grouped two-column browsing on wide screens. */
.more-grid,.journey-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.more-group,.journey-group{display:grid;gap:10px;min-width:0;align-content:start}
.more-group .mgh,.journey-group .lab{margin:0}
.journey-other{display:grid;gap:10px}
.journey-other-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.path-tools{display:grid;gap:4px;padding:10px 12px;background:var(--soft);border-radius:14px}
.path-tools .lnk{display:flex;align-items:center;min-height:44px;font-weight:700;text-decoration:none}
.path-tool{display:grid;gap:0;align-content:start}
.path-tool .lnk{display:flex;align-items:center;min-height:40px;font-weight:700;text-decoration:none}
.path-tool .fine{margin:0;text-align:left}
@media (min-width:960px){
 #app:has(.homev),#app:has(.more-grid),#app:has(.journey-grid){max-width:860px}
 .thb-in{max-width:840px}
 .more-grid,.journey-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
 .journey-other{grid-column:1/-1}
 .journey-other-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .path-tools{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;column-gap:18px}
}

/* More: one compact Share the Hub card, with the two messages inside */
.share-fold>summary{cursor:pointer;padding:2px 0}
.share-fold .share-sub{border:1px solid var(--line,#D6DBEB);border-radius:12px;padding:10px 12px;margin-top:10px;display:block}
.share-fold .share-sub>summary{cursor:pointer}
.share-fold .share-sub[open]{display:grid;gap:10px}

/* Conversations: make the core process distinct from optional help. */
.talk-journey-title,.talk-more-title{margin:12px 0 0;font-size:20px;line-height:1.2}
.talk-journey-hint,.talk-more-hint{margin:-5px 0 2px;color:var(--mute);font-size:14px;line-height:1.4}
.talk-more-title{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}
.talk-more-step .tkn.moremark{font:700 18px var(--body);background:var(--soft);color:var(--accent)}
.talk-more-step.open .tkn.moremark{background:var(--accent);color:var(--accent-ink)}
.showquick:not(.pmount *){margin:10px 0 4px;border-left:5px solid var(--pink);background:#FBE3EF}
.showquick b{color:var(--accent)}
.talk-quick-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 2px}
.talk-quick-options .row{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:50px;margin:0!important;padding:9px 11px;border:1px solid var(--line);border-radius:12px;background:var(--soft);text-decoration:none}
.talk-quick-options .row b{font-size:14px;line-height:1.2}
.talk-quick-options .quick-option-copy{display:flex;align-items:center;gap:5px}
.talk-quick-options .row i{flex:none}
.talk-quick-options .showquick{border-left:4px solid var(--pink);background:#FBE3EF}
.talk-tool{margin-top:12px}
.talk-more-step .tkn.moremark::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent)}

.bkcard .bkbtns{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}

.namesprint h2{margin:0 0 6px}
.namesprint .ns-lead{margin:0 0 8px;font-size:.9em;line-height:1.25}
.namesprint .ns-btns{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}
.namesprint .ns-btns .btn small{display:block;font-weight:500;font-size:.8em;opacity:.85}
.namesprint .ns-start-btns{flex-wrap:nowrap;gap:8px;margin-top:8px}
.namesprint .ns-start-btns .btn{flex:1 1 0;min-width:0;padding:8px 7px;font-size:.9em;line-height:1.15;text-align:center}
.namesprint .ns-start-btns .btn small{margin-top:2px;font-size:.78em}
.namesprint .ns-bar{height:10px;border-radius:99px;background:var(--soft,#eef0fa);overflow:hidden}
.namesprint .ns-bar span{display:block;height:100%;background:var(--pink,#d6337f);border-radius:99px;transition:width .3s}
.namesprint .ns-count{margin:6px 0 10px;font-weight:700;font-size:.9em}
.namesprint .ns-cat{margin:0;font-size:.8em;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--pink,#d6337f)}
.namesprint .ns-q{margin:4px 0 10px;font-size:1.15em;font-weight:700;line-height:1.3}
.namesprint .ns-f input{width:100%;box-sizing:border-box;font-size:1.05em;padding:12px;border-radius:12px;border:2px solid var(--line,#d8dbea)}
.namesprint .ns-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.namesprint .ns-tag{border:1.5px solid var(--line,#d8dbea);background:#fff;border-radius:99px;padding:6px 10px;font:inherit;font-size:.85em;cursor:pointer}
.namesprint .ns-tag[aria-pressed="true"]{background:var(--ink,#1E2A6E);color:#fff;border-color:var(--ink,#1E2A6E)}
.namesprint .ns-win{font-size:1.2em;font-weight:800;margin:0 0 8px}
.namesprint .ns-list,.namesprint .ns-recent ul{margin:0 0 8px;padding-left:20px}
.namesprint .ns-list small,.namesprint .ns-recent small{opacity:.7;margin-left:4px}
.namesprint .ns-recent{margin-top:14px}
.namesprint .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

.namesprint .ns-list{list-style:none;padding:0;display:grid;gap:6px}
.namesprint .ns-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:1.5px solid var(--line,#d8dbea);border-radius:12px}
.namesprint .ns-list li.ns-done{background:var(--soft,#eef0fa)}
.namesprint .ns-cp{border:1.5px solid var(--ink,#1E2A6E);background:#fff;color:var(--ink,#1E2A6E);border-radius:99px;padding:6px 12px;font:inherit;font-size:.85em;font-weight:700;cursor:pointer;white-space:nowrap}
.namesprint .ns-clear.sure{color:var(--pink,#d6337f);font-weight:800}
.namesprint .ns-cleartip{margin:6px 0 0;font-size:.85em}
.namesprint .ns-cleared{margin:0 0 8px;font-weight:700}


.fu-now h2{margin:0 0 8px}
.fu-now h3{margin:0 0 8px}
.fu-now .fu-field{display:block;margin:12px 0}
.fu-now .fu-field span{display:block;font-weight:700;margin-bottom:5px}
.fu-now input,.fu-now select,.fu-now textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1.5px solid var(--line,#d8dbea);border-radius:10px;background:#fff;color:inherit;font:inherit}
.fu-now textarea{min-height:110px;line-height:1.4;resize:vertical}
.fu-now .fu-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.fu-now .fu-error{color:#9d174d;font-weight:700;margin:8px 0}


.inv-now h2{margin:0 0 8px}
.inv-now h3{margin:0 0 8px}
.inv-now .inv-field{display:block;margin:12px 0}
.inv-now .inv-field span{display:block;font-weight:700;margin-bottom:5px}
.inv-now input,.inv-now select,.inv-now textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1.5px solid var(--line,#d8dbea);border-radius:10px;background:#fff;color:inherit;font:inherit}
.inv-now textarea{min-height:120px;line-height:1.4;resize:vertical}
.inv-now .inv-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.inv-now .inv-error{color:#9d174d;font-weight:700;margin:8px 0}
/* Status: where you are and what you're working towards (Home, the whole journey, SQD to Team Leader milestones) */
.hero .stat:not(.pmount *){display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:center;color:#fff;text-decoration:none;background:rgba(255,255,255,.1);border-radius:14px;padding:8px 12px;min-height:44px}
.hero .stat .st1:not(.pmount *){font-size:15.5px;line-height:1.3;color:#DCE2F5}.hero .stat .st1 b:not(.pmount *){color:#fff}.hero .stat i:not(.pmount *){font-style:normal;color:#FFB3D9}
.hero .stat small:not(.pmount *){grid-column:1;font-size:13.5px;line-height:1.3;color:#fff}
.hero .stat .sgo:not(.pmount *){grid-column:2;grid-row:1/span 2;font-size:22px;font-weight:700;color:#fff}
.hero .stat .sr:not(.pmount *){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.hsetup:not(.pmount *){padding:10px 14px}.hsetup>summary:not(.pmount *){list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:44px}.hsetup>summary::-webkit-details-marker{display:none}.hsetup>summary small:not(.pmount *){display:block;font-size:13.5px;color:var(--mute)}.hsetup>summary i:not(.pmount *){font-style:normal;font-size:22px;font-weight:700;color:var(--accent);transition:transform .15s}.hsetup[open]>summary i:not(.pmount *){transform:rotate(90deg)}.hsb:not(.pmount *){display:grid;gap:10px;padding:6px 0 4px}.hsetup .back:not(.pmount *){justify-self:start}
.msnext:not(.pmount *){display:grid;gap:8px}.msnext h2:not(.pmount *){margin:6px 0 0;font-size:19px}.msnext .mute:not(.pmount *){margin:0}
.msleft:not(.pmount *){margin:0;font-size:15.5px;padding:10px 12px;border-radius:12px;background:var(--soft,#E7EBF8)}
.msrows:not(.pmount *){display:grid;gap:8px}
.where:not(.pmount *){display:grid;gap:6px;padding:10px 12px;background:var(--soft);border-radius:14px}
.where-top:not(.pmount *){display:grid;gap:2px;font-size:16px;line-height:1.35}.where-top i:not(.pmount *){font-style:normal;color:var(--pink)}.where-top small:not(.pmount *){font-size:13.5px;color:var(--mute)}
.where-go:not(.pmount *){font-weight:700;color:var(--accent);text-decoration:none;min-height:36px;display:flex;align-items:center}
.where-links:not(.pmount *){display:flex;flex-wrap:wrap;gap:4px 16px;border-top:1px solid var(--line);padding-top:4px}.where-links .lnk:not(.pmount *){font-size:14px;font-weight:600;min-height:36px;display:flex;align-items:center;text-decoration:none}
.mtfoot:not(.pmount *){display:grid;gap:8px}.mtfoot p:not(.pmount *){margin:0}

/* First-visit setup screen */
body.setup-on .thb{display:none}
.setupv:not(.pmount *){display:grid;gap:12px;max-width:560px;margin:0 auto;padding-top:8px}
.setupv h1:not(.pmount *){margin:0}.setupv .lead:not(.pmount *){margin:0}
.setupv .card:not(.pmount *){display:grid;gap:10px}
.sugrid:not(.pmount *){display:grid;gap:8px}
.suopt:not(.pmount *){display:grid;gap:2px;text-align:left;font:inherit;color:var(--ink);background:var(--surface);border:2px solid var(--line);border-radius:14px;padding:12px 14px;min-height:56px;cursor:pointer}
.suopt small:not(.pmount *){color:var(--mute);font-size:14px}
.suopt[aria-pressed="true"]:not(.pmount *){border-color:var(--accent);background:var(--soft)}
.suopt[aria-pressed="true"] b:not(.pmount *)::before{content:"✓ "}
.setupv .sugo:not(.pmount *){width:100%;min-height:52px;font-size:18px}
.setupv select:not(.pmount *){font:16px var(--body);padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);width:100%;min-height:48px}

/* Mentor's view-only look at a partner's Fast Start screen */
.fsview input,.fsview select,.fsview textarea,.fsview button,.fsview [contenteditable],.fsview .btn{pointer-events:none!important}

/* Quick tools: Invite someone now and Do a follow-up now */
.qn h2{margin:0 0 8px}.qn h3{margin:0 0 6px}
.qn .qn-field{display:block;margin:12px 0}.qn .qn-field>span{display:block;font-weight:700;margin-bottom:5px}.qn .qn-field small{display:block;font-weight:400;color:var(--mute);font-size:13.5px}
.qn input,.qn select,.qn textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1.5px solid var(--line,#d8dbea);border-radius:10px;background:var(--surface,#fff);color:inherit;font:inherit;font-size:16px;min-height:46px}
.qn textarea{min-height:140px;line-height:1.4;resize:vertical}
.qn [aria-invalid="true"]{border-color:#9d174d;box-shadow:0 0 0 2px #fbe3ef}
.qn .qn-error,.qn .qn-gap{color:#9d174d;font-weight:700;margin:-6px 0 10px;font-size:15px}.qn .qn-gap{margin:0 0 10px}
.qn .qn-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.qn .qn-next{margin-top:12px;padding:12px;border-radius:12px;background:var(--okbg,#DDF3F1);display:grid;gap:6px}.qn .qn-next ul{margin:0;padding-left:20px;display:grid;gap:4px}
.qn .qn-sub{display:grid;gap:6px}.qn .qn-sub textarea{min-height:80px}
/* Conversations: search, recent, situations, learn */
.talk-search{display:grid;gap:6px;margin:4px 0 6px}.talk-search span{font-weight:700}
.talk-search input{width:100%;box-sizing:border-box;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit;font-size:16px;min-height:48px}
.talk-res{display:grid;gap:8px;margin-bottom:6px}.talk-res:empty{display:none}
.talk-recent{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0}.talk-recent b{width:100%;font-size:13px;color:var(--mute);text-transform:uppercase;letter-spacing:.05em}
.talk-recent a{font-size:14px;font-weight:600;color:var(--accent);background:var(--soft);border-radius:999px;padding:8px 12px;text-decoration:none;min-height:36px;display:inline-flex;align-items:center}
.talk-week{margin:6px 0;font-size:14.5px;color:var(--ok)}
.talk-now-title,.talk-tools-title{margin:16px 0 8px;font-size:20px}
.talk-sits{display:grid;gap:8px}
.sit{display:grid;grid-template-columns:40px 1fr 14px;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);text-decoration:none;min-height:56px}
.sit .si{font-size:22px;width:40px;height:40px;display:grid;place-items:center;background:var(--soft);border-radius:12px}.sit b{display:block;font-size:16px;line-height:1.25}.sit small{display:block;color:var(--mute);font-size:13.5px;line-height:1.3;margin-top:2px}.sit i{font-style:normal;font-weight:700;color:var(--accent)}
@media (min-width:700px){.talk-sits{grid-template-columns:1fr 1fr}}
.talk-learn{margin-top:16px;border:1px solid var(--line);border-radius:14px;padding:4px 12px;background:var(--surface)}
.talk-learn>summary{cursor:pointer;list-style:none;padding:10px 0;min-height:44px}.talk-learn>summary::-webkit-details-marker{display:none}.talk-learn>summary b{display:block;font-size:17px}.talk-learn>summary small{display:block;color:var(--mute);font-size:13.5px}.talk-learn>summary::after{content:"+";float:right;margin-top:-34px;font-weight:700;color:var(--accent);font-size:20px}.talk-learn[open]>summary::after{content:"−"}
.talk-learn-in{display:grid;gap:10px;padding-bottom:10px}
/* Practise the questions */
.qn-flip{margin-top:12px;border-top:1px solid var(--line);padding-top:8px}.qn-flip>summary{cursor:pointer;font-weight:700;color:var(--accent);min-height:44px;display:flex;align-items:center}
.flip{display:grid;gap:10px}.flipcard{display:grid;gap:8px;text-align:left;font:inherit;color:var(--ink);background:var(--soft);border:2px solid var(--line);border-radius:16px;padding:16px;min-height:140px;cursor:pointer}
.flipcard .fq{font-weight:700;font-size:17px}.flipcard .fa{line-height:1.45}.flipcard small{color:var(--accent);font-weight:700}

.talk-all{display:inline-flex;align-items:center;min-height:40px;font-weight:700;color:var(--accent)}

.qn .qn-curious{margin:0 0 12px;padding:10px 12px;border-radius:12px;background:var(--okbg,#DDF3F1);line-height:1.45}

/* A closed fold has no gap under its title. */
details.card:not([open]){gap:0}
.row.path-next{border:2px solid var(--accent,#1e2a6e)}.row.path-next small{display:block;font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.ach{display:grid;gap:2px;margin-bottom:8px}.ach .lnk{justify-self:start;padding:6px 4px;min-height:40px;display:inline-flex;align-items:center}

/* My Path: each section has its own colour so the page is easy to scan. */
.mypath{display:grid;gap:14px;--mp-pink:#C2307F;--mp-pinkbg:#FCE8F2;--mp-teal:#08716C;--mp-tealbg:#DDF3F1;--mp-purple:#6B4BA8;--mp-purplebg:#EEE8F8;--mp-navy:#1E2A6E;--mp-navybg:#E7EBF8;--mp-gold:#8A5A00;--mp-goldbg:#FFF3D6}
@media (prefers-color-scheme:dark){.mypath{--mp-pink:#FF8CC4;--mp-pinkbg:#3A2140;--mp-teal:#3FD0C8;--mp-tealbg:#10393A;--mp-purple:#B9A0EC;--mp-purplebg:#2C2448;--mp-navy:#AAB7EB;--mp-navybg:#273258;--mp-gold:#FFD27A;--mp-goldbg:#3A2C10}}
.mypath .row.path-next{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.mypath .row.path-next b,.mypath .row.path-next small,.mypath .row.path-next i{color:var(--accent-ink)}.mypath .row.path-next b{font-size:18px}.mypath .row.path-next small{opacity:.85}
.mypath .mp-sec{border-width:0;border-top:6px solid var(--mp-c,var(--accent));box-shadow:0 1px 3px rgba(20,30,70,.08)}
.mypath .mp-sec>summary{display:flex;align-items:center;gap:12px;list-style:none;cursor:pointer;min-height:48px}
.mypath .mp-sec>summary::-webkit-details-marker{display:none}
.mypath .mp-sec>summary::after{content:"+";margin-left:auto;flex:none;width:30px;height:30px;border-radius:50%;background:var(--mp-c);color:var(--surface);display:grid;place-items:center;font-weight:800;font-size:20px}
.mypath .mp-sec[open]>summary::after{content:"−"}
.mypath .mp-sec>summary>span:not(.mp-ic){display:grid;gap:1px}.mypath .mp-sec>summary b{font-size:19px}.mypath .mp-sec>summary small{color:var(--mute);font-size:14px}
.mypath .mp-ic{flex:none;width:42px;height:42px;border-radius:12px;background:var(--mp-bg);display:grid;place-items:center;font-size:22px}
.mypath .mp-sec h2{display:flex;align-items:center;gap:10px}.mypath .mp-plan .mp-ic{width:38px;height:38px}
.mypath .mp-journey{--mp-c:var(--mp-navy);--mp-bg:var(--mp-navybg)}
.mypath .mp-skills{--mp-c:var(--mp-teal);--mp-bg:var(--mp-tealbg)}
.mypath .mp-ach{--mp-c:var(--mp-gold);--mp-bg:var(--mp-goldbg)}
.mypath .mp-plan{--mp-c:var(--mp-purple);--mp-bg:var(--mp-purplebg)}
.mypath .mp-stage{border-left:5px solid var(--mp-c);padding-left:10px;border-radius:4px}
.mypath .mp-stage .lab{display:inline-block;justify-self:start;background:var(--mp-bg);color:var(--mp-c);border-radius:999px;padding:4px 12px;font-weight:800}
.mypath .mp-st-joined{--mp-c:var(--mp-pink);--mp-bg:var(--mp-pinkbg)}
.mypath .mp-st-going{--mp-c:var(--mp-teal);--mp-bg:var(--mp-tealbg)}
.mypath .mp-st-qd{--mp-c:var(--mp-purple);--mp-bg:var(--mp-purplebg)}
.mypath .mp-st-tl{--mp-c:var(--mp-navy);--mp-bg:var(--mp-navybg)}
.mypath .row.done{background:var(--okbg);border-color:transparent}
.mypath .row.cur{border:2px solid var(--mp-pink);background:var(--mp-pinkbg)}.mypath .row.cur small{color:var(--mp-pink);font-weight:700}
.mypath .mp-skills .row{border-left:4px solid var(--mp-teal)}
.mypath .mp-ach .row{background:var(--mp-goldbg);border-color:transparent}.mypath .mp-ach .row b::before{content:"🏆 "!important}.mypath .mp-ach .lnk{color:var(--mp-pink);font-weight:700}
.row.home-where{margin:0 0 4px}.row.home-where small{display:block;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}.row.home-where b{font-size:17px}.row.home-where em{display:block;font-style:normal;font-size:14px;color:var(--mute);margin-top:2px}

/* Type system: Fredoka for headings (lively), Instrument Sans for everything else (clear).
   Small capital labels share one style. */
button,input,select,textarea{font-family:inherit}
.lab:not(.pmount *),.kick:not(.pmount *),.row.home-where small,.row.path-next small,.mypath .mp-stage .lab{font-family:var(--body);font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.mypath .mp-sec>summary b,.mypath .mp-sec h2{font-family:var(--display);font-weight:700}
.pmount .msg,.pmount .post,.pmount li{overflow-wrap:anywhere}.pmount .card{grid-template-columns:minmax(0,1fr)}

/* Conversations: make the complete journey the primary action, with quick tools first. */
.talk-find-people{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 20px!important;padding:17px 16px!important;border:2px solid #7652a8!important;border-radius:16px!important;background:#f3ecfb!important;color:var(--ink);text-decoration:none}
.talk-find-people b{display:block;font-size:17px;line-height:1.3;color:#32205f}
.talk-find-people small{display:block;margin-top:6px;line-height:1.4;color:#4f4667}
.talk-find-people i{flex:none;color:#67409a;font-size:24px}
.talk-learn{border-left:4px solid #8055b6!important;background:#faf7ff!important}
.talk-learn>summary b{color:#4a2a78}
.talk-quick-options{margin:10px 0 14px}
.talk-quick-options .row{min-width:0}
.talk-quick-options .row b{overflow-wrap:anywhere}

/* Conversations visual hierarchy — navy, pink, lilac and teal from the Hub palette. */
.talk-quick-options{gap:10px}
.talk-quick-options .row{min-height:84px!important;padding:12px 10px!important;align-items:center;box-shadow:0 3px 12px rgba(30,42,110,.06);transition:transform .15s ease,box-shadow .15s ease}
.talk-quick-options .quick-option-copy{display:flex;align-items:center;gap:8px;min-width:0}
.talk-quick-options .talk-tool-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:11px;background:rgba(255,255,255,.7);font-size:20px}
.talk-quick-options .talk-tool-text{display:grid;gap:3px;min-width:0}
.talk-quick-options .row b{font:700 15px/1.2 var(--display);overflow-wrap:anywhere}
.talk-quick-options .row small{font:500 12px/1.3 var(--body);color:#485477;overflow-wrap:anywhere}
.talk-quick-options .showquick{border:1px solid #e9a9ce!important;border-left:4px solid #c2307f!important;background:#fbe3ef}
.talk-quick-options .talk-tool{border:1px solid #a6dcd8!important;border-left:4px solid #08716c!important;background:#e5f6f2}
.talk-find-people{position:relative;overflow:hidden;box-shadow:0 5px 18px rgba(94,57,151,.11);background:linear-gradient(115deg,#f3e8fc,#edf0ff)!important}
.talk-find-people .talk-journey-kicker{display:block;font:800 10.5px/1.3 var(--body);letter-spacing:.09em;color:#65418d;margin-bottom:5px}
.talk-find-people b{font:700 20px/1.2 var(--display)}
.talk-now-title{margin-top:6px!important}
.talk-now-hint{color:var(--mute);font-size:14px;margin:-8px 0 2px!important}
.talk-learn{border:1px solid #d9c4ee!important;border-left:5px solid #8055b6!important;background:linear-gradient(120deg,#fbf7ff,#f7f4fc)!important;box-shadow:0 2px 9px rgba(94,57,151,.05)}
.talk-learn>summary b{font-family:var(--display);font-weight:700}
@media(hover:hover){.talk-quick-options .row:hover,.talk-find-people:hover{transform:translateY(-2px);box-shadow:0 7px 19px rgba(30,42,110,.13)}}
@media(prefers-color-scheme:dark){
.talk-quick-options .showquick{background:#432540;border-color:#875070!important;color:var(--ink)}
.talk-quick-options .talk-tool{background:#173b3b;border-color:#376d68!important;color:var(--ink)}
.talk-quick-options .row small{color:#d0d8e8}
.talk-quick-options .talk-tool-icon{background:rgba(255,255,255,.1)}
.talk-find-people{background:linear-gradient(115deg,#35264e,#242f60)!important;border-color:#9473bf!important}
.talk-find-people b,.talk-find-people small,.talk-find-people .talk-journey-kicker,.talk-find-people i{color:#f2e9ff}
.talk-learn{background:linear-gradient(120deg,#28203e,#222a4c)!important;border-color:#74558f!important}
.talk-learn>summary b{color:#f2e9ff}
}

/* Conversations: compact quick tools so the situations show sooner (John, 12 Nov). */
.talk-quick-options{gap:8px!important;margin:10px 0 8px!important}
.talk-quick-options .row{min-height:52px!important;padding:8px 10px!important;box-shadow:none!important}
.talk-quick-options .talk-tool-icon{width:28px!important;height:28px!important;font-size:17px!important;border-radius:9px!important}
.talk-quick-options .row small{display:none!important}
.talk-quick-options .row b{font-size:15px!important}
.talk-find-people{margin:0 0 12px!important;padding:10px 14px!important;box-shadow:none!important}
.talk-find-people .talk-journey-kicker{display:none!important}
.talk-find-people b{font-size:16px!important}
.talk-find-people small{margin-top:2px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.talk-find-people i{font-size:20px!important}
.talk-now-title{margin-top:8px!important}
.talk-quick-options .quick-option-copy{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;flex:1 1 auto;min-width:0}
.talk-quick-options .talk-tool-icon{flex:0 0 28px!important}
.talk-quick-options .talk-tool-text{flex:1 1 auto;min-width:0}
.talk-quick-options .row b{overflow-wrap:normal!important;word-break:normal!important;font-size:14.5px!important}

/* Focused Conversations: richer Team Happy palette without changing tool controls. */
@media (prefers-color-scheme:light){
 body:has(#app .talk-context-return){background:#F0F2FB}
 #app:has(.talk-context-return)>.top{background:#E5E9F9;border:1px solid #D4DCF3;border-radius:16px;padding:7px 12px}
 #app:has(.talk-context-return)>nav[aria-label="Conversation navigation"]{background:#F1EDFA;border:1px solid #D6C9ED;border-radius:15px;padding:10px 13px;margin:0 0 2px!important;gap:8px!important}
 #app:has(.talk-context-return)>nav[aria-label="Conversation navigation"] a:first-child{color:#252F76;text-decoration:none;font-size:15px}
 #app:has(.talk-context-return)>nav[aria-label="Conversation navigation"] a:last-child{color:#39205E;font-weight:700;text-decoration:none;font-size:14px}
 #app:has(.talk-context-return)>h1{color:#1E2A6E;padding:2px 2px 4px}
 #app:has(.talk-context-return)>.row,
 #app:has(.talk-context-return)>.tk{background:#FCFAFF;border-color:#D8CBE9}
 #app:has(.talk-context-return)>.row:last-child{background:#EAF0FC;border-color:#CBD8F1}
 #app:has(.talk-context-return)>.tk .tkh{background:transparent}
 #app:has(.talk-context-return)>.row b,
 #app:has(.talk-context-return)>.tk .tkh b{color:#26336F}
 #app:has(.talk-context-return)>.row small,
 #app:has(.talk-context-return)>.tk .tkh small{color:#333D5F}
}

/* Readable lavender surfaces: navy body text and clearly identifiable links. */
@media (prefers-color-scheme:light){
 #app:has(.talk-context-return)>nav[aria-label="Conversation navigation"] a{font-weight:700;text-decoration:underline;text-underline-offset:3px}
 #app:has(.talk-context-return)>.tk,
 #app:has(.talk-context-return)>.row{color:#202B4E}
 #app:has(.talk-context-return)>.tk p,
 #app:has(.talk-context-return)>.tk small,
 #app:has(.talk-context-return)>.row small{color:#333D5F}
 #app:has(.talk-context-return) a:focus-visible,
 #app:has(.talk-context-return) button:focus-visible{outline:3px solid #1E2A6E;outline-offset:3px}
}