/* Little Us · app layout for phones and tablets (see lu-app.js). Only applies when <html> has .lu-app. */
html.lu-app{--ua-bar:84px;--ua-rail:96px;background:#FBF8F3}
html.lu-app body{padding-bottom:calc(var(--ua-bar) + env(safe-area-inset-bottom));background:#FBF8F3}
html.lu-app.lu-land body{padding-bottom:0;padding-left:var(--ua-rail)}
html.lu-app.ua-notabs body{padding-bottom:0;padding-left:0}
html.lu-app.ua-notabs #uaNav{display:none}
html.lu-app header.hdr,html.lu-app .tabbar,html.lu-app footer.site,html.lu-app .foot-mini,html.lu-app .tools-sub2,html.lu-app #laHome,html.lu-app .crumbs,html.lu-app .lang-ask{display:none!important}
html.lu-app .ua-pagetitle{font:600 32px/1.1 Fredoka,sans-serif;margin:18px 16px 4px;color:#2B2A35}
html.lu-land .ua-pagetitle{margin:26px 32px 6px}

/* ---------- tab bar (phone, tablet portrait) and rail (tablet landscape) ---------- */
#uaNav{position:fixed;z-index:60;background:#fff;font-family:Figtree,system-ui,sans-serif;color:#2B2A35}
#uaNav.bar{left:0;right:0;bottom:0;border-top:1px solid #ECE6DC;padding:6px 0 calc(10px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);box-shadow:0 -6px 20px rgba(43,42,53,.04)}
html.lu-port #uaNav.bar{padding-left:max(0px,calc(50% - 340px));padding-right:max(0px,calc(50% - 340px))}
#uaNav.rail{left:0;top:0;bottom:0;width:var(--ua-rail);border-right:1px solid #ECE6DC;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:18px 0 20px;gap:6px}
#uaNav.rail>a,#uaNav.rail>button{flex:none}
.ua-tab{min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:#6B6875;-webkit-tap-highlight-color:transparent}
.ua-pill{position:relative;width:56px;height:30px;border-radius:15px;display:flex;align-items:center;justify-content:center;transition:background .15s}
.ua-pill em{position:absolute;top:-6px;right:-4px;font:800 8.5px Figtree,sans-serif;letter-spacing:.04em;font-style:normal;background:#2B2A35;color:#FFC94A;padding:2px 4px;border-radius:6px}
.ua-tlab{font-size:11px;font-weight:600}
html.lu-port .ua-tlab{font-size:13px}
.ua-tab.on{color:#2B2A35}.ua-tab.on .ua-pill{background:#FFC94A}.ua-tab.on .ua-tlab{font-weight:800}
.ua-tab:focus-visible{outline:none}.ua-tab:focus-visible .ua-pill{box-shadow:0 0 0 3px #2B2A35}
#uaNav.rail .ua-tab{width:80px;min-height:64px;gap:4px;border-radius:18px}
#uaNav.rail .ua-pill{height:34px;border-radius:17px}
#uaNav.rail .ua-tlab{font-size:12.5px}
.ua-railava{position:relative;margin-bottom:14px;border:0;background:none;padding:0;cursor:pointer}
.ua-railava .ua-ava{border:2px solid #fff;box-shadow:0 0 0 1.5px #ECE6DC}
.ua-railava i{position:absolute;right:-3px;bottom:-3px;width:20px;height:20px;border-radius:50%;background:#fff;border:1.5px solid #ECE6DC;display:flex;align-items:center;justify-content:center;font:800 10px Figtree,sans-serif;font-style:normal}

/* ---------- opening screen ---------- */
.ua-splash{position:fixed;inset:0;z-index:999;background:#FFC94A;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .35s ease}
.ua-splash.out{opacity:0;pointer-events:none}
.ua-splmid{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:-6vh}
.ua-splmid svg{animation:uaHeartIn .7s cubic-bezier(.2,.9,.3,1.3) both}
.ua-spllogo{width:168px;mix-blend-mode:multiply}
.ua-splbot{position:absolute;left:0;right:0;bottom:max(10vh,64px);display:flex;flex-direction:column;align-items:center;gap:14px}
.ua-bar{position:relative;width:240px;height:14px;border-radius:99px;background:#FFE7A3;box-shadow:inset 0 0 0 2px #2B2A35}
.ua-bar i{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:99px;background:#2B2A35;animation:uaFill 1.6s cubic-bezier(.55,0,.35,1) forwards}
.ua-bar em{position:absolute;right:-13px;bottom:100%;margin-bottom:4px;animation:uaHop .45s ease-in-out infinite alternate}
.ua-splbot small{font:700 15px Figtree,sans-serif;color:#2B2A35}
@keyframes uaFill{to{width:100%}}@keyframes uaHop{to{transform:translateY(-6px)}}@keyframes uaHeartIn{from{transform:scale(.6);opacity:0}}
@media (prefers-reduced-motion:reduce){.ua-splmid svg,.ua-bar em{animation:none}.ua-bar i{animation:none;width:100%}}

/* ---------- shared bits ---------- */
.ua-main{display:block}
.ua-page{max-width:760px;margin:0 auto;padding:0 16px 28px;font-family:Figtree,system-ui,sans-serif;color:#2B2A35;display:flex;flex-direction:column;gap:12px}
html.lu-land .ua-page{max-width:none;padding:0 32px 32px}
html.lu-port .ua-page{max-width:720px;padding:0 28px 32px}
.ua-ava{flex:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:Fredoka,sans-serif;font-weight:600;color:#2B2A35;overflow:hidden}
.ua-ava img{width:100%;height:100%;object-fit:cover}
.ua-ava.add{background:#F3EEE6}
.ua-ava.none{background:#F3EEE6}
.ua-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 20px;border-radius:18px;border:0;font:700 16px Figtree,sans-serif;color:#2B2A35;text-decoration:none;cursor:pointer;white-space:nowrap}
.ua-btn.lg{min-height:58px;font-size:17px}
.ua-btn.sm{min-height:44px;padding:0 14px;border-radius:14px;font-size:14px}
.ua-btn.primary{background:#FFC94A;box-shadow:0 3px 0 #E0A92A}
.ua-btn.dark{background:#2B2A35;color:#fff}
.ua-btn.quiet{background:#F3EEE6}
.ua-btn.white{background:#fff;box-shadow:0 1px 0 #E4DCCF}
.ua-btn:active{transform:translateY(1px)}
.ua-x{flex:none;width:36px;height:36px;border-radius:50%;border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;color:#6B6875;cursor:pointer}
.ua-x.sm{width:30px;height:30px;margin:-6px -4px -6px -6px}
.ua-link{background:none;border:0;padding:6px 0;font:700 14.5px Figtree,sans-serif;color:#2B2A35;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.ua-link.center{display:block;text-align:center;margin:12px auto 0}
.ua-chev{font:800 19px Figtree,sans-serif;color:#6B6875;flex:none}
.ua-free{font:800 11px Figtree,sans-serif;font-style:normal;background:#DDF2E4;color:#1E6B45;padding:3px 8px;border-radius:999px;vertical-align:middle}
.ua-plus{font:800 10.5px Figtree,sans-serif;font-style:normal;letter-spacing:.05em;background:#2B2A35;color:#FFC94A;padding:3px 8px;border-radius:999px;flex:none}
.ua-plusrow{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.ua-rowtx{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;text-align:left}
.ua-rowtx b{font-size:16px}.ua-rowtx small{font-size:13px;line-height:1.35;color:#6B6875}
.ua-seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;padding:3px;border-radius:14px;background:#F3EEE6}
.ua-seg button{height:40px;border:0;border-radius:11px;background:transparent;font:800 14px Figtree,sans-serif;color:#6B6875;cursor:pointer}
.ua-seg button.on{background:#fff;color:#2B2A35;box-shadow:inset 0 0 0 1.5px #2B2A35}
.ua-seg.wide{padding:4px;border-radius:16px}.ua-seg.wide button{height:46px;border-radius:13px;font:700 15px Figtree,sans-serif}

/* ---------- Home ---------- */
.ua-home{padding:0 0 24px;gap:0}
html.lu-port .ua-home{max-width:none;padding:0 0 24px}html.lu-port .ua-home .ua-pad{max-width:760px;margin:0 auto;width:100%}
html.lu-port .ua-tiles{grid-template-columns:repeat(4,1fr)}
.ua-hero{background:#FFF1C7;padding:calc(env(safe-area-inset-top) + 20px) 20px 66px;display:flex;flex-direction:column;gap:14px;border-radius:0 0 32px 32px;position:relative;overflow:hidden}
.ua-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(rgba(255,255,255,.7) 1px,transparent 1.5px) 0 0/11px 11px;pointer-events:none}
.ua-htop{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative}
.ua-login{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 20px;border-radius:999px;background:#fff;box-shadow:0 1px 3px rgba(43,42,53,.1);font:700 15px Figtree,sans-serif;color:#2B2A35;text-decoration:none}
.ua-hbody{display:flex;align-items:center;gap:10px;position:relative}
.ua-herotx{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px;position:relative}
.ua-logo{display:flex;align-items:center;gap:8px}.ua-logo img{width:138px;display:block}
.ua-hero h1{font:600 32px/1.08 Fredoka,sans-serif;margin:0}
.ua-hero p{margin:0;font-size:15px;line-height:1.4;color:#4A4855}
.ua-kids{display:flex;align-items:flex-end;width:138px;height:118px;flex:none;position:relative}
.ua-kids i{flex:1;height:118px;display:block}.ua-kids i+i{margin-left:-10px}
html.lu-app .ua-home:not(.land) .ua-pad{position:relative;margin-top:-48px;padding-top:0}
.ua-who{display:flex;flex-direction:column;gap:14px;padding:20px;border-radius:26px;background:#fff;border:1px solid #F1ECE4;box-shadow:0 8px 24px rgba(43,42,53,.08)}
.ua-who h2{font:600 22px/1.2 Fredoka,sans-serif;margin:0;color:#2B2A35}
.ua-who>.ua-btn{width:100%}
.ua-who .ua-childrow{padding:0;border:0;border-radius:0;background:none}
.ua-kids i svg{animation:uaBob 3.2s ease-in-out infinite;transform-origin:50% 100%}.ua-kids i+i svg{animation-delay:-1.4s}
@keyframes uaBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.ua-pad{padding:14px 16px 0;display:grid;gap:10px}
html.lu-port .ua-pad{padding:18px 28px 0}
.ua-where{display:flex;flex-direction:column;gap:10px}
.ua-wrow{display:flex;align-items:center;gap:14px;padding:12px 16px 12px 12px;background:#fff;border:1px solid #ECE6DC;border-radius:22px;text-decoration:none;color:#2B2A35}
.ua-wart{width:62px;height:62px;border-radius:18px;flex:none;position:relative;overflow:hidden;display:block}
.ua-wtx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ua-wtx b{font:600 22px Fredoka,sans-serif;display:flex;align-items:center;gap:8px;color:#2B2A35}.ua-wtx small{font-size:14px;line-height:1.35;color:#4A4855}
.ua-rowart{position:absolute;inset:5px;display:block}
.ua-sheets{position:absolute;inset:5px;display:block}
.ua-pg{position:absolute;top:50%;height:92%;aspect-ratio:.72;border-radius:5px;box-shadow:0 3px 8px rgba(43,42,53,.14);padding:8%;background:#fff;display:grid;grid-template-columns:1fr 1fr;gap:6%;align-content:start}
.ua-pg.backp{left:60%;transform:translate(-50%,-50%) rotate(8deg);background:#FFF8F0;display:flex;flex-direction:column;gap:9%}
.ua-pg.front{left:44%;transform:translate(-50%,-50%) rotate(-4deg)}
.ua-pg i{display:block;aspect-ratio:1}
.ua-pg u{display:block;height:5%;min-height:2px;width:100%;border-radius:2px;background:#D9D1C4;text-decoration:none}.ua-pg u.s{width:60%}
.ua-pg.art{display:flex;flex-direction:column;gap:7%}
.ua-pghero{height:34%;border-radius:4px;background:#FFC94A;display:flex;align-items:center;justify-content:center;padding:6%}
.ua-pdf{position:absolute;right:0;bottom:2px;font:800 8.5px Figtree,sans-serif;font-style:normal;background:#F0694F;color:#fff;padding:1px 4px;border-radius:4px}
.ua-childrow{display:flex;align-items:center;gap:12px;padding:10px 10px 10px 10px;border-radius:20px;background:#fff;border:1px solid #ECE6DC}
.ua-cont{display:flex;align-items:center;gap:12px;padding:10px 12px 10px 10px;border-radius:20px;background:#FFF1C7;text-decoration:none;color:#2B2A35;margin-top:2px}
.ua-contthumb{width:40px;height:40px;flex:none;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ua-contthumb .tl-card{width:40px!important;min-width:0;border:0!important;box-shadow:none!important;padding:0!important;background:none!important}
.ua-contart{width:34px;height:34px;display:block}
.ua-conttx{flex:1;min-width:0;display:flex;flex-direction:column}
.ua-conttx small{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#6B6875}
.ua-conttx b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ua-conttx em{font-style:normal;font-size:13px;color:#4A4855}
.ua-go{width:44px;height:44px;border-radius:50%;background:#FFC94A;display:flex;align-items:center;justify-content:center;flex:none;box-shadow:0 2px 0 #E0A92A}
.ua-cont.big{background:#fff;border:1px solid #ECE6DC;padding:12px 14px 12px 12px}
.ua-cont.big .ua-contthumb{width:62px;height:62px;background:#FFF1C7}.ua-cont.big .ua-contthumb .tl-card{width:56px!important}
.ua-cont.big .ua-conttx b{font:600 20px Fredoka,sans-serif}
.ua-cont.big .ua-go{width:52px;height:52px}
.ua-note{display:flex;align-items:center;gap:10px;padding:12px 12px 12px 14px;border-radius:20px;margin-top:2px}
.ua-note>span{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ua-note b{font-size:15px}.ua-note small{font-size:12.5px;color:#4A4855}
.ua-note.green{background:#DDF2E4}.ua-note.green small{color:#1E6B45}
.ua-note.yellow{background:#FFC94A}
.ua-note.line{background:#fff;border:1.5px solid #2B2A35;box-shadow:0 3px 0 #FFC94A}
.ua-okic{width:34px;height:34px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex:none}
/* tablet landscape home: welcome panel on the left, big destinations on the right */
.ua-home.land{display:grid;grid-template-columns:minmax(300px,.85fr) 1.6fr;gap:24px;padding:0 28px 0 0;min-height:100vh;align-items:start}
.ua-homeL{background:#FFF1C7;min-height:100vh;padding:28px 20px 20px;display:flex;flex-direction:column;gap:12px;position:sticky;top:0}
.ua-hero.tall{flex-direction:column;align-items:stretch;padding:0;background:none;border-radius:0;flex:1}
.ua-hero.tall:before{display:none}
.ua-hero.tall .ua-kids{width:220px;height:200px;align-self:center;margin-top:auto}.ua-hero.tall .ua-kids i{height:200px}
.ua-homeLb{display:grid;gap:10px}
.ua-homeR{padding-top:28px;display:grid;gap:12px}
.ua-hero.tall .ua-hbody{flex-direction:column;align-items:stretch;flex:1}
.ua-where.big{gap:12px}
.ua-where.big .ua-wrow{border-radius:24px;padding:12px 22px 12px 12px;gap:22px}
.ua-where.big .ua-wart{width:150px;height:140px;border-radius:20px}
.ua-where.big .ua-wtx b{font-size:28px}.ua-where.big .ua-wtx small{font-size:16px}
.ua-cluster{position:absolute;inset:0;display:block}
.ua-cluster i{position:absolute;width:42%;aspect-ratio:1;background:#fff;border-radius:18%;padding:6%;box-shadow:0 3px 10px rgba(43,42,53,.12);display:flex;align-items:center;justify-content:center}
.ua-cluster .c1{left:6%;top:30%;transform:rotate(-8deg)}.ua-cluster .c2{left:30%;top:10%;transform:rotate(4deg);z-index:1}.ua-cluster .c3{right:6%;top:34%;transform:rotate(10deg)}
.ua-cluster .ua-art.tok{width:100%;grid-template-columns:repeat(3,1fr)}
html.lu-port .ua-hero{padding:28px max(28px,calc(50% - 352px)) 72px}
html.lu-port .ua-logo img{width:172px}
html.lu-port .ua-hero h1{font-size:40px}html.lu-port .ua-hero p{font-size:16px;max-width:440px}
html.lu-port .ua-kids{width:200px;height:180px}html.lu-port .ua-kids i{height:180px}
html.lu-port .ua-where .ua-wart{width:110px;height:100px;border-radius:20px}
html.lu-port .ua-where .ua-wtx b{font-size:26px}html.lu-port .ua-where .ua-wtx small{font-size:16px}

/* ---------- tool art ---------- */
.ua-art{display:flex;align-items:center;justify-content:center}
.ua-art.timer{width:100%;height:100%}
.ua-art.tok{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;width:84px}
.ua-art.tok i,.ua-art.tok b{display:block;aspect-ratio:1;border-radius:50%;background:#fff;padding:3px}
.ua-art.ft{gap:5px;width:92px}.ua-art.ft i{flex:1;background:#fff;border-radius:9px;padding:3px;border:1px solid #E4DCCF;display:block;aspect-ratio:1}
.ua-art.ft i.on{border:0;box-shadow:0 0 0 2.5px #2B2A35,0 0 0 5px #FFC94A}.ua-art.ft b{font:800 13px Figtree,sans-serif;color:#4A4855}
.ua-art.sch{flex-direction:column;gap:4px;width:82px}
.ua-art.sch span{display:flex;align-items:center;gap:5px;background:#fff;border-radius:7px;padding:2px;width:100%;opacity:.7}
.ua-art.sch span.on{opacity:1;box-shadow:0 0 0 2.5px #2B2A35}
.ua-art.sch i{width:20px;height:20px;display:block;flex:none}.ua-art.sch u{flex:1;height:5px;border-radius:3px;background:#E4DCCF;margin-right:5px}
.ua-art.one{width:84px;height:84px}
.ua-art.two{width:100px;height:84px;position:relative}.ua-art.two i{position:absolute;width:58px;height:58px;display:block}.ua-art.two i:first-child{left:0;top:2px}.ua-art.two i+i{right:0;bottom:0}

/* ---------- Tools home ---------- */
.ua-head{display:flex;align-items:center;gap:12px;padding:calc(env(safe-area-inset-top) + 18px) 0 4px;min-height:72px}
.ua-head h1{flex:1;font:600 30px Fredoka,sans-serif;margin:0}
.ua-head.plain{gap:10px}
.ua-avabtn{border:0;background:none;padding:0;cursor:pointer;border-radius:50%}
.ua-chipbtn{min-height:44px;padding:0 14px;border-radius:14px;background:#fff;border:1px solid #ECE6DC;display:flex;align-items:center;gap:8px;font:700 14px Figtree,sans-serif;color:#2B2A35;text-decoration:none}
.ua-iconbtn{width:46px;height:46px;border-radius:50%;background:#fff;border:1px solid #ECE6DC;display:flex;align-items:center;justify-content:center;color:#2B2A35;flex:none}
.ua-hint{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:20px;background:#fff;border:1px solid #ECE6DC;font-size:14.5px;line-height:1.4;color:#4A4855}
.ua-hint svg{flex:none}
.ua-defaults{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:18px;background:#FFF1C7;font-size:14px;line-height:1.4}
.ua-defaults span{flex:1}.ua-defaults a{font-weight:700;color:#2B2A35}
.ua-h2{font:600 21px Fredoka,sans-serif;margin:8px 0 0}
.ua-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}
html.lu-land .ua-tiles{grid-template-columns:repeat(4,1fr)}
.ua-tile{position:relative;border-radius:22px;min-height:142px;overflow:hidden}
.ua-tile:before{content:"";position:absolute;inset:0;background:radial-gradient(rgba(255,255,255,.55) 1px,transparent 1.5px) 0 0/10px 10px;pointer-events:none}
.ua-tilelink{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;height:100%;min-height:142px;padding:16px 10px 14px;text-decoration:none;color:#2B2A35}
.ua-tilelink .ua-art{flex:1;max-height:90px}
.ua-tilelink .ua-art.timer{width:84px;height:84px;flex:none}
.ua-tilelink b{font:600 17px/1.15 Fredoka,sans-serif;text-align:center}
.ua-q{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;background:#fff;border:0;font:800 14px Figtree,sans-serif;color:#2B2A35;cursor:pointer;box-shadow:0 1px 0 rgba(43,42,53,.08)}
.ua-q:after{content:"";position:absolute;inset:-7px}
.ua-tools .ua-head .ua-cont{flex:0 1 330px;margin:0}

/* ---------- Settings and Child ---------- */
.ua-title{font:600 32px Fredoka,sans-serif;margin:0;padding:calc(env(safe-area-inset-top) + 20px) 0 6px}
.ua-lab{font:700 15.5px Figtree,sans-serif;margin:10px 0 0}
.ua-srow{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:20px;background:#fff;border:1px solid #ECE6DC;text-decoration:none;color:#2B2A35}
.ua-srow b{font-size:16px}.ua-srow .ua-right{margin-left:auto;font-size:14px;color:#6B6875}
.ua-srow.kids{background:#FFF1C7;border-color:#FFF1C7}
.ua-panel{background:#fff;border:1px solid #ECE6DC;border-radius:20px;overflow:hidden}
.ua-prow{display:flex;align-items:center;gap:12px;padding:12px 14px;min-height:56px;width:100%;background:none;border:0;text-align:left;color:#2B2A35;text-decoration:none;font-family:inherit}
.ua-prow+.ua-prow{border-top:1px solid #F1ECE4}
.ua-prow.link{cursor:pointer}.ua-prow.link b{flex:1;font-size:15.5px}
.ua-prow.col{flex-direction:column;align-items:stretch}
.ua-prow.vol{gap:10px;min-height:44px;padding-top:6px;padding-bottom:10px}.ua-prow.vol small{font-size:13px;color:#6B6875}
.ua-prow input[type=range]{flex:1;-webkit-appearance:none;appearance:none;height:6px;border-radius:3px;background:linear-gradient(90deg,#2B2A35 var(--v,60%),#E4DCCF var(--v,60%));outline:none}
.ua-prow input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:#fff;border:2px solid #2B2A35;box-shadow:0 2px 0 rgba(43,42,53,.15)}
.ua-prow input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:2px solid #2B2A35}
.ua-tog{flex:none;width:52px;height:32px;border-radius:16px;border:0;background:#E4DCCF;position:relative;cursor:pointer;transition:background .15s}
.ua-tog i{position:absolute;left:3px;top:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:left .15s}
.ua-tog.on{background:#2B2A35}.ua-tog.on i{left:23px}
.ua-settings .la-setcard{margin:0}
.ua-settings.land{display:grid;grid-template-columns:minmax(300px,.8fr) 1.2fr;gap:28px;align-items:start}
.ua-setL,.ua-setR{display:flex;flex-direction:column;gap:12px}.ua-setR{padding-top:calc(env(safe-area-inset-top) + 78px)}
.ua-grow{flex:1}
.ua-between{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ua-kidcard{display:flex;align-items:center;gap:14px;padding:16px;border-radius:24px;background:#FFF1C7}
.ua-kidcard b{flex:1;font:600 26px Fredoka,sans-serif}
.ua-ava.big{border:3px solid #fff;box-shadow:0 0 0 1.5px #ECE6DC}
.ua-charthumb{width:44px;height:44px;border-radius:12px;background:#FFF1C7;overflow:hidden;display:block}
.ua-rewards{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:8px}
.ua-rewards .tl-card{width:auto!important;min-width:0}
.ua-rewards.edit{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.ua-rw{position:relative;display:block}
.ua-rmv{position:absolute;top:-6px;right:-6px;width:28px;height:28px;border-radius:50%;background:#2B2A35;border:2px solid #fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.ua-addrw{border:2px dashed #C9BFAE;background:#F3EEE6;border-radius:16px;min-height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font:700 13px Figtree,sans-serif;color:#4A4855;cursor:pointer}
.ua-child.land .ua-cols{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.ua-child.land .ua-cols>div{display:flex;flex-direction:column;gap:12px}
.ua-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:20px 8px}
.ua-emptyart{width:220px;height:190px;border-radius:50%;background:#FFF1C7;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px}
.ua-emptyart .ua-kids{width:150px;height:150px}.ua-emptyart .ua-kids i{height:150px}
.ua-empty h2{font:600 26px/1.15 Fredoka,sans-serif;margin:6px 0 0;max-width:300px}
.ua-empty p{margin:0;font-size:15.5px;line-height:1.5;color:#4A4855;max-width:340px}
.ua-empty .ua-btn{width:100%;max-width:360px}

/* ---------- sheets ---------- */
.ua-sheetwrap{position:fixed;inset:0;z-index:500;display:flex;align-items:flex-end;justify-content:center}
.ua-scrim{position:absolute;inset:0;background:rgba(43,42,53,.4);opacity:0;transition:opacity .2s}
.ua-sheet{position:relative;width:100%;max-width:560px;max-height:88vh;overflow:auto;background:#FBF8F3;border-radius:30px 30px 0 0;padding:10px 22px calc(26px + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .22s ease;font-family:Figtree,system-ui,sans-serif;color:#2B2A35}
html:not(.lu-phone) .ua-sheetwrap{align-items:center}
html:not(.lu-phone) .ua-sheet{border-radius:30px;padding-bottom:26px}
.ua-sheetwrap.open .ua-scrim{opacity:1}.ua-sheetwrap.open .ua-sheet{transform:none}
.ua-grab{display:block;width:44px;height:5px;border-radius:3px;background:#D9D1C4;margin:2px auto 14px}
.ua-sh2{font:600 24px/1.15 Fredoka,sans-serif;margin:0}
/* first-visit language popup */
html.ua-asklang #cookie{display:none}
html:not(.lu-phone) .ua-langsheet .ua-sheet{max-width:440px}
html:not(.lu-phone) .ua-langsheet .ua-grab{display:none}
html:not(.lu-phone) .ua-langsheet .ua-lang-h{margin-top:10px}
.ua-lang-h{font:600 28px/1.15 Fredoka,sans-serif;margin:0;text-align:center}
.ua-lang-sub{font:500 17px Fredoka,sans-serif;color:#6B6875;margin:4px 0 16px;text-align:center}
.ua-lopts{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}
.ua-lopt{display:flex;align-items:center;gap:14px;width:100%;min-height:72px;padding:12px 16px 12px 14px;border-radius:20px;border:2px solid #ECE6DC;background:#fff;color:#2B2A35;text-align:left;font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.ua-lopt.on{border-color:#FFC94A}
.ua-lbadge{flex:none;width:46px;height:46px;border-radius:12px;background:#F3EEE6;display:flex;align-items:center;justify-content:center;font:800 14px Figtree,sans-serif}
.ua-lopt.on .ua-lbadge{background:#FFF1C7}
.ua-lopt b{flex:1;min-width:0;font:600 20px Fredoka,sans-serif}
.ua-lradio{flex:none;width:26px;height:26px;border-radius:50%;border:2px solid #E4DCCF;display:flex;align-items:center;justify-content:center}
.ua-lradio svg{visibility:hidden}
.ua-lopt.on .ua-lradio{background:#FFC94A;border-color:#FFC94A}.ua-lopt.on .ua-lradio svg{visibility:visible}
.ua-lgo{width:100%}
.ua-lnote{margin:14px 0 0;font-size:13.5px;line-height:1.4;color:#6B6875;text-align:center}
.ua-p{font-size:16px;line-height:1.5;color:#4A4855;margin:14px 0 18px}.ua-p.small{font-size:14.5px;margin:12px 0 16px}
.ua-two{display:grid;grid-template-columns:auto 1fr;gap:10px}.ua-two .ua-btn{min-height:56px}
.ua-list{display:flex;flex-direction:column;background:#fff;border:1px solid #ECE6DC;border-radius:22px;overflow:hidden;margin-top:14px}
.ua-row{display:flex;align-items:center;gap:12px;padding:12px 14px;min-height:68px;background:none;border:0;width:100%;text-align:left;color:#2B2A35;text-decoration:none;font-family:inherit;cursor:pointer}
.ua-row+.ua-row{border-top:1px solid #F1ECE4}
.ua-tick{width:30px;height:30px;border-radius:50%;background:#FFC94A;border:2px solid #2B2A35;display:flex;align-items:center;justify-content:center;flex:none}
.ua-info{display:flex;align-items:center;gap:16px}
.ua-infoart{width:84px;height:84px;border-radius:20px;flex:none;display:flex;align-items:center;justify-content:center;padding:8px}
.ua-infoart .ua-art{transform:scale(.85)}
.ua-skiphead{display:flex;gap:12px;align-items:flex-start}.ua-skiphead svg{flex:none;margin-top:2px}
.ua-skip{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}
.ua-skip li{display:flex;align-items:center;gap:14px;font-size:15.5px}
.ua-skipic{width:52px;height:52px;border-radius:14px;background:#fff;border:1px solid #ECE6DC;flex:none;display:flex;align-items:center;justify-content:center;overflow:hidden;font:800 15px Figtree,sans-serif}
.ua-skipic.dash{border:2px dashed #D9D1C4;border-radius:50%;background:#F3EEE6}
.ua-charpick{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.ua-charpick button{aspect-ratio:.82;border-radius:22px;background:#fff;border:1px solid #ECE6DC;padding:10px;cursor:pointer}
.ua-charpick button.on{border:2.5px solid #2B2A35;box-shadow:0 4px 0 #FFC94A}

/* ---------- add to home screen ---------- */
.ua-a2hs{position:fixed;z-index:70;left:12px;right:12px;bottom:calc(var(--ua-bar) + 10px + env(safe-area-inset-bottom));max-width:420px;margin:0 auto;background:#fff;border-radius:24px;padding:14px;box-shadow:0 18px 40px rgba(43,42,53,.22);font-family:Figtree,sans-serif;color:#2B2A35;transform:translateY(20px);opacity:0;transition:.25s}
.ua-a2hs.open{transform:none;opacity:1}
html.lu-land .ua-a2hs{bottom:20px;left:calc(var(--ua-rail) + 20px)}
.ua-a2top{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}
.ua-a2top>div{flex:1;display:flex;flex-direction:column;gap:3px}.ua-a2top b{font:600 18px/1.2 Fredoka,sans-serif;flex:1}.ua-a2top small{font-size:13.5px;color:#4A4855}
.ua-a2ic{width:52px;height:52px;border-radius:14px;background:#FFC94A;display:flex;align-items:center;justify-content:center;flex:none}
.ua-ios{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.ua-ios li{display:flex;align-items:center;gap:12px}.ua-ios span{width:26px;height:26px;border-radius:50%;background:#2B2A35;color:#fff;font:800 13px Figtree,sans-serif;display:flex;align-items:center;justify-content:center;flex:none}
.ua-ios p{flex:1;margin:0;font-size:15px}.ua-ios i{width:38px;height:38px;border-radius:10px;border:1px solid #ECE6DC;display:flex;align-items:center;justify-content:center;font-style:normal}

/* ===================== shared pages inside the app ===================== */
/* tool pages: centred title with "for Raka", back button, big preview, sticky "Show to Child" */
html.lu-app .tl-main{padding-top:env(safe-area-inset-top)}
html.lu-app .tl-page{padding:10px 16px 24px;gap:12px}
html.lu-app .tl-top{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:8px;min-height:64px}
html.lu-app .tl-top .tl-iconbtn{width:46px;height:46px;border-radius:50%;background:#fff;border:1px solid #ECE6DC}
html.lu-app .tl-top .tl-toptx{text-align:center}
html.lu-app .tl-top .tl-toptx h1{font:600 21px Fredoka,sans-serif;margin:0}
html.lu-app .tl-top .tl-toptx small{font-size:13px;color:#6B6875}
html.lu-app .tl-top .tl-profbtn{display:none}
html.lu-app .tl-previewbox{border-radius:26px;min-height:260px}
html.lu-app .tl-lab2{font:700 16px Figtree,sans-serif}
html.lu-app .tl-foot{position:sticky;bottom:calc(var(--ua-bar) + env(safe-area-inset-bottom));z-index:5;padding:12px 0 6px;background:linear-gradient(rgba(251,248,243,0),#FBF8F3 30%)}
html.lu-land .tl-foot,html.lu-app.ua-notabs .tl-foot{bottom:0}
html.lu-app .tl-foot .tl-btn.primary.lg{min-height:62px;border-radius:20px;font-size:18px}
html.lu-app .tl-foot [data-act$="start"]:before,html.lu-app .tl-foot [data-lc$="start"]:before{content:"";width:22px;height:22px;flex:none;margin-right:8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232B2A35' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 13V6.5a1.5 1.5 0 0 1 3 0V12M11 11V5a1.5 1.5 0 0 1 3 0v6M14 11V6.5a1.5 1.5 0 0 1 3 0V14c0 4-2.5 7-6 7-2.5 0-4-1.5-5.5-4L4 14.5a1.5 1.5 0 0 1 2.5-1.6L8 15'/%3E%3C/svg%3E") center/contain no-repeat}
html.lu-app .tl-chip.big{min-height:52px;border-radius:16px;font-size:15.5px}
/* tablet landscape: preview on the left, parent settings on the right (T06) */
@media (min-width:900px){
  html.lu-land .tl-page.narrow:not(.setup){max-width:none;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);column-gap:28px;align-items:start;padding:14px 28px 24px}
  html.lu-land .tl-page.narrow:not(.setup)>*{grid-column:2}
  html.lu-land .tl-page.narrow:not(.setup)>.tl-top{grid-column:1 / -1}
  html.lu-land .tl-page.narrow:not(.setup)>.tl-previewbox{grid-column:1;grid-row:2 / span 30;position:sticky;top:20px;min-height:calc(100vh - 140px)}
}
/* welcome flow (P01 to P05) */
html.lu-app .tl-page.setup{max-width:560px;min-height:100vh;padding:calc(env(safe-area-inset-top) + 18px) 24px 0;gap:14px}
.tl-sethead{display:flex;align-items:center;gap:14px}
.tl-bars{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.tl-bars i{height:6px;border-radius:3px;background:#ECE6DC}.tl-bars i.on{background:#FFC94A}
.tl-sethead .tl-iconbtn{width:46px;height:46px;border-radius:50%;background:#fff;border:1px solid #ECE6DC}
.tl-stepeye{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#4A4855;margin-top:16px}
.tl-page.setup .tl-h1{font:600 30px/1.12 Fredoka,sans-serif;margin:0}
.tl-bigava{width:130px;height:130px;border-radius:50%;border:4px solid #fff;box-shadow:0 0 0 1.5px #ECE6DC,0 6px 0 rgba(224,169,42,.35);display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;padding:0;margin:8px 0}
.tl-bigava img{width:100%;height:100%;object-fit:cover}
.tl-bigava .tl-sw.ini{width:auto;height:auto;background:none!important;border:0;box-shadow:none;font:600 60px Fredoka,sans-serif;color:#2B2A35}
.tl-row2.photo{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tl-row2.photo .tl-btn{min-height:54px;border-radius:16px;gap:8px;background:#fff}
.tl-tip.quiet{background:none;justify-content:center;font-size:13.5px;color:#6B6875;margin-top:auto}
.tl-kidpick.big{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.tl-kidpick.big .tl-opt{aspect-ratio:.78;border-radius:24px;padding:10px}
.tl-kidpick.big .tl-opt.on{box-shadow:0 4px 0 #FFC94A}
.tl-labsample{align-self:center;width:200px;padding:16px;border-radius:24px;background:#F3EEE6;display:flex;justify-content:center}
.tl-radios{display:flex;flex-direction:column;gap:10px}
.tl-radio{display:flex;align-items:center;gap:14px;min-height:58px;padding:0 16px;border-radius:16px;background:#fff;border:1.5px solid #ECE6DC;font:inherit;color:#2B2A35;cursor:pointer;text-align:left}
.tl-radio i{width:24px;height:24px;border-radius:50%;border:2px solid #C9BFAE;flex:none}
.tl-radio b{flex:1;font-size:16.5px}.tl-radio small{font-size:14px;color:#6B6875}
.tl-radio.on{border:2px solid #2B2A35}.tl-radio.on i{border:7px solid #2B2A35}
.tl-foot.setfoot{display:flex;gap:10px;margin-top:auto;position:sticky;bottom:0;padding:12px 0 calc(18px + env(safe-area-inset-bottom));background:linear-gradient(rgba(251,248,243,0),#FBF8F3 25%)}
.tl-foot.setfoot .tl-btn.quiet{flex:0 0 auto;min-width:110px}
.tl-page.setup.done{background:#FFF1C7;max-width:none;justify-content:space-between}
.tl-allset{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;position:relative}
.tl-allheart{position:relative;animation:uaHeartIn .8s cubic-bezier(.2,.9,.3,1.3) both}
.tl-allini{position:absolute;right:-10px;bottom:6px;width:62px;height:62px;border-radius:50%;border:3px solid #fff;display:flex;align-items:center;justify-content:center;font:600 28px Fredoka,sans-serif;overflow:hidden;box-shadow:0 0 0 1.5px #2B2A35}
.tl-allini img{width:100%;height:100%;object-fit:cover}
.tl-allset>i{position:absolute;width:12px;height:12px;border-radius:50%;animation:uaDrift 1s ease-out both}
.tl-allset .d1{left:12%;top:20%;background:#F0694F}.tl-allset .d2{right:16%;top:12%;background:#B9A3E3;width:9px;height:9px}.tl-allset .d3{right:10%;top:44%;background:#7DB3E8;transform:rotate(45deg);border-radius:2px}.tl-allset .d4{left:10%;top:52%;background:#7FCB98;border-radius:2px}
@keyframes uaDrift{from{opacity:0;transform:translateY(16px)}}
.tl-page.setup.done .tl-h1{font-size:38px}.tl-page.setup.done .tl-lead{font-size:17px;max-width:320px}
.tl-btn.dark{background:#2B2A35;color:#fff;border:0}
/* the setup sheet on laptops uses the same steps */
.tl-sheetwrap.setupmodal .tl-page.setup{min-height:0}
.tl-sheetwrap.setupmodal .tl-page.setup.done{background:none}

/* shop, product and articles inside the app */
html.lu-app #lu-main{padding-top:env(safe-area-inset-top)}
html.lu-app .cat-layout,html.lu-app .ar-page{padding-top:0}
html.lu-app .chips{padding-left:16px;padding-right:16px}
html.lu-app .chips .chip{min-height:44px;border-radius:999px}
html.lu-app .chips .chip.on{background:#2B2A35;color:#fff;border-color:#2B2A35}
.tl-sheetwrap.setupmodal .tl-foot.setfoot{position:static;background:none;padding-bottom:4px}
.tl-sheetwrap.setupmodal .tl-tip.quiet{margin-top:0}
/* Conversation Starters fills the app frame */
html.lu-app .cs-page{padding:0!important;max-width:none!important}
html.lu-app .cs-app{height:calc(100dvh - var(--ua-bar) - env(safe-area-inset-bottom));min-height:0;max-height:none;border-radius:0;box-shadow:none}
html.lu-land .cs-app{height:100dvh}

@media (min-width:900px){html.lu-land .tl-page.narrow:not(.setup)>.tl-previewbox .tl-pv{transform:scale(1.9);transform-origin:center}html.lu-land .tl-page.narrow:not(.setup)>.tl-previewbox{gap:90px}}

/* ===================== desktop (Desktop Home 3a / 4a, 5a, 6a) ===================== */
/* header: pill nav, account icon */
html:not(.lu-app) .nav2{gap:4px}
html:not(.lu-app) .nav2>a,html:not(.lu-app) .navdd>button{padding:10px 18px;border:0;border-radius:999px;color:#4A4855;font-weight:600}
html:not(.lu-app) .nav2>a:hover,html:not(.lu-app) .navdd>button:hover{background:#F3EEE6;color:#2B2A35}
html:not(.lu-app) .nav2>a.on,html:not(.lu-app) .navdd>button.on{background:#FFF1C7;color:#2B2A35;font-weight:700;border:0}
.nav2 .free-pill,.dr-h .free-pill,.tabbar .free-pill{display:none}
.la-hdr-login.ud-icon{height:44px;border-radius:999px;border:1px solid #ECE6DC;background:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px 0 14px;text-decoration:none;font:700 14.5px Figtree,sans-serif;color:#2B2A35;white-space:nowrap}
.la-hdr-login.ud-icon:hover{background:#F3EEE6}
/* visitor banner */
html.ud-home .h2-hero{grid-template-rows:auto auto}
html.ud-home .h2-actions,html.ud-home #trust{display:none}
html.ud-out #laHome .la-hcard.acc{display:none}
.ud-ways{grid-column:1 / -1;position:relative;z-index:2;display:flex;flex-direction:column;gap:12px;margin-top:4px}
.ud-eyebrow{font-size:12.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#7A4E35;margin-left:26px}
.ud-wgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ud-way{background:#fff;border-radius:22px;padding:18px 18px 16px;display:flex;flex-direction:column;gap:8px;box-shadow:0 2px 0 rgba(43,42,53,.04)}
.ud-way.plus{background:#fff}
.ud-wh{display:flex;align-items:center;justify-content:space-between;gap:8px}.ud-wh b{font:600 20px Fredoka,sans-serif}
.ud-way p{margin:0;font-size:14px;line-height:1.45;color:#4A4855;flex:1}
.ud-way .btn{width:100%;justify-content:center;margin-top:4px}
.ud-tag{font:800 10.5px Figtree,sans-serif;font-style:normal;letter-spacing:.06em;background:#F3EEE6;color:#4A4855;padding:4px 8px;border-radius:999px}
.ud-tag.green{background:#DDF2E4;color:#1E6B45}
.ud-plus{font:800 10.5px Figtree,sans-serif;font-style:normal;letter-spacing:.06em;background:#2B2A35;color:#FFC94A;padding:4px 9px;border-radius:999px;vertical-align:middle}
@media (min-width:960px){html.ud-home .h2-hero{padding:36px 48px 74px;row-gap:26px}html.ud-home .h2-hero .h2-art{display:none}html.ud-home .h2-hero .h2-copy{grid-column:1 / -1;max-width:860px}html.ud-home .h2-hero .h2-copy p{max-width:720px}html.ud-home .h2-hero h1{font-size:clamp(30px,2.7vw,40px)}html.ud-home .h2-hero p{font-size:16px}}
@media (max-width:959px){.ud-wgrid{grid-template-columns:1fr}}
/* the worksheet in the banner art */
.ud-cov{background:#DCEBFA!important;padding:14px}
.ud-cov img{display:none}
.ud-page{position:absolute;inset:14px;background:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(43,42,53,.12);padding:16% 12%;display:flex;flex-direction:column;gap:6%}
.ud-page u{display:block;height:4%;border-radius:3px;background:#D9D1C4;text-decoration:none}.ud-page u.s{width:60%}
.ud-page i{display:block;flex:1;min-height:0;padding:4% 14%}
/* tool cards */
.ud-timer{width:92px;height:92px;display:block}
.h2-vis:has(.ud-timer)>:not(.ud-timer){display:none}
.ud-moredev{display:flex;align-items:center;gap:20px;padding:20px 24px;border-radius:22px;border:1.5px dashed #D9D1C4;background:#fff;margin-top:4px}
.ud-moredev>div{flex:1}.ud-moredev b{font:600 20px Fredoka,sans-serif}.ud-moredev p{margin:4px 0 0;font-size:14.5px;color:#4A4855}
html.ud-out .h2-note{display:none}
@media (min-width:1100px){html.ud-home #railPop{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;overflow:visible}html.ud-home #railPop>*{width:auto!important;min-width:0!important;max-width:none!important}}
/* closing: Upgrade card */
html.ud-home .closing .signup{display:none}
html.ud-home.ud-plus .closing .signup{display:block}
/* same look as the "Just start" and "Free account" boxes: white, thin light border, rounded */
.ud-upcard{position:relative;overflow:hidden;width:100%;max-width:720px;margin:0 auto;background:#fff;border:1.5px solid #ECE6DC;border-radius:24px;padding:26px 28px 24px;box-shadow:0 3px 0 rgba(43,42,53,.05);display:flex;flex-direction:column;gap:10px}
.ud-upcard h3{font:600 24px Fredoka,sans-serif;margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px}
.ud-pname{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.ud-upcard p{margin:0;font-size:15px;line-height:1.5;color:#4A4855}
.ud-pben{list-style:none;margin:6px 0 4px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ud-pben li{display:flex;align-items:center;min-height:48px;padding:10px 18px;border-radius:14px;background:#FFF1C7;font-size:15px;line-height:1.3;font-weight:700;color:#2B2A35}
.ud-pfoot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 20px;margin-top:8px;padding-top:16px;border-top:1.5px dashed #ECE6DC}
.ud-from{font-size:15px;color:#4A4855}.ud-from b{font:800 18px Figtree,sans-serif;color:#2B2A35}
.ud-pfoot .btn{min-width:180px;padding-left:28px;padding-right:28px}
@media (max-width:560px){.ud-pben{grid-template-columns:1fr}}
.ud-blob{display:none}
.ud-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:8px}
.ud-plans a:not(.btn){display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-width:0;min-height:70px;padding:10px 16px;border-radius:16px;background:#fff;border:1.5px solid #ECE6DC;text-decoration:none;color:#2B2A35}
.ud-plans a.on{border:2px solid #2B2A35}.ud-plans a b{font:700 13px Figtree,sans-serif;color:#6B6875}.ud-plans a span{font:800 17px/1.15 Figtree,sans-serif;overflow-wrap:anywhere}
.ud-plans .btn{grid-column:1/-1;justify-self:start;justify-content:center;width:auto;min-width:200px;padding-left:32px;padding-right:32px;margin-top:4px}
/* signed in: dashboard banner first, then compact Tools, Shop and Articles */
html.ud-in .h2-hero-wrap{display:none!important}
html.ud-in #laHome{padding:0 var(--pad,40px)}
html.ud-in .la-dash{margin-top:28px}
html.ud-in .closing,html.ud-in .h2-note{display:none}
html.ud-in section[aria-labelledby="hTools"] .h2-headtx .eyebrow,html.ud-in section[aria-labelledby="hTools"] .h2-headtx p{display:none}
html.ud-in .h2-tools{grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:12px}
/* signed-in Tools row: coloured card, light preview box with a "?" badge, the name on a white bar */
html.ud-in .h2-tool{position:relative;padding:12px;gap:12px;border-radius:28px}
html.ud-in .h2-tool .btn{display:none}
html.ud-in .h2-tool p{display:none}
html.ud-in .h2-tool .h2-vis{position:relative;height:132px;overflow:hidden;border-radius:20px;background:rgba(255,255,255,.62);padding:0}
html.ud-in .h2-tool .h2-vis>*{transform-origin:center;flex:none;transform:scale(var(--fit,1))}
html.ud-in .h2-tool h3{margin:0;min-height:66px;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px 8px;background:#fff;border-radius:18px;font:600 16.5px/1.2 Fredoka,sans-serif;box-shadow:0 3px 0 rgba(43,42,53,.07)}
.h2-vis>.ud-q{display:flex!important}
.ud-q{position:absolute;top:9px;right:9px;z-index:2;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font:800 13px Figtree,sans-serif;cursor:pointer;box-shadow:0 2px 0 rgba(43,42,53,.15)}
.ud-q:focus-visible{outline:3px solid var(--sunny);outline-offset:2px}
html.ud-in .h2-tool.ud-info p{display:block;position:absolute;left:12px;right:12px;top:12px;height:132px;z-index:1;margin:0;padding:14px 38px 12px 14px;overflow:auto;background:#fff;border-radius:20px;font-size:13px;line-height:1.45;color:var(--body)}
html.ud-in #secBlog:not(:empty){display:block}
.la-kid .avs{display:flex}.la-kid .av.sm{margin-left:-12px;border:2px solid #fff;width:34px;height:34px;align-self:center;font-size:15px}
.la-dash .la-used .ic{overflow:hidden;padding:4px}
/* plans page FAQ cards */
.ud-faq{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}
.ud-faq div{background:#fff;border:1px solid #ECE6DC;border-radius:22px;padding:22px}
.ud-faq b{font:600 19px Fredoka,sans-serif;display:block;margin-bottom:6px}.ud-faq p{margin:0;font-size:14.5px;line-height:1.5;color:#4A4855}
@media (max-width:900px){.ud-faq{grid-template-columns:1fr}}
.ud-ic{display:block;width:100%;height:100%}
.ud-cov>*:not(.ud-page){display:none!important}
html.ud-home .h2-scene .h2-hills{height:14%!important}

/* signed-in home: a compact dashboard banner */
button.la-kid{font:inherit;cursor:pointer;text-align:left}
html.ud-in .la-dash{margin-top:18px;padding:20px 24px 22px;gap:16px;border-radius:24px}
html.ud-in .la-dash::after{content:"";position:absolute;right:-60px;top:-60px;width:150px;height:150px;border-radius:50%;background:var(--sunny);opacity:.3;pointer-events:none}
html.ud-in .la-dash .head{align-items:center;gap:16px;position:relative;z-index:1}
html.ud-in .la-dash h1{font-size:25px;line-height:1.15}
html.ud-in .la-kid{padding:4px 6px;box-shadow:0 2px 0 var(--sunny)}
html.ud-in .la-kid .av{width:36px;height:36px}
html.ud-in .la-kid b{font-size:14px}
html.ud-in .la-dgrid{gap:14px;position:relative;z-index:1;align-items:stretch}
html.ud-in .la-panel{padding:14px 16px 16px;gap:8px;border-radius:18px}
html.ud-in .la-panel h2{font-size:18px}
html.ud-in .la-used{padding:7px 12px;gap:12px;border-radius:13px}
html.ud-in .la-used .ic{width:38px;height:38px;border-radius:10px}
html.ud-in .la-used b{font-size:15px}
html.ud-in .la-empty{padding:16px 18px;gap:8px;border-radius:16px}
html.ud-in .la-empty h3{font-size:16.5px;margin:0}
html.ud-in .la-empty p{margin:0;font-size:13.5px;line-height:1.45}
html.ud-in .la-empty .la-btn{min-height:40px;padding:0 16px;font-size:14px;border-radius:12px;margin-top:2px}
html.ud-in .la-upbar{padding:10px 12px 10px 18px;gap:12px;position:relative;z-index:1}
html.ud-in .la-upbar .la-btn{min-height:38px;padding:0 16px;font-size:14px;border-radius:12px}
html.ud-in .h2-tool,html.ud-in .h2-tool h3{text-align:center}
html.ud-in .h2-tool{align-items:stretch}

/* shop: the skill-area strip under the header is gone */
.skills-d{display:none!important}

/* resources are included in Plus now, so there is no shop currency to switch */
.strip .cur-seg{display:none!important}

/* visitor banner: full hills along the bottom, the three ways sitting on them */
html.ud-home .h2-scene .h2-hills{height:230px!important;aspect-ratio:auto!important}
html.ud-home .h2-scene .h2-hills *{vector-effect:non-scaling-stroke}
html.ud-home .h2-fl{display:none}
.ud-flowers{display:none}
@media (min-width:960px){
  html.ud-home .ud-flowers{display:block;position:absolute;left:0;right:0;bottom:0;height:120px;z-index:1;pointer-events:none}
  .ud-fl{position:absolute;transform-origin:50% 100%;animation:udSway 4s ease-in-out infinite alternate}
  .ud-fl svg{display:block;width:100%;height:auto;overflow:visible}
  .ud-fl.tuft{animation-name:udSwayS}
  .ud-bfly{position:absolute;left:66%;bottom:250px;width:38px;animation:udFly 14s ease-in-out infinite}
  .ud-bfly svg{display:block;width:100%;height:auto}
  .ud-bfly .ud-wings{transform-origin:50% 50%;transform-box:fill-box;animation:udFlap .35s ease-in-out infinite alternate}
}
@keyframes udSway{from{transform:rotate(-5deg)}to{transform:rotate(5deg)}}
@keyframes udSwayS{from{transform:skewX(-6deg)}to{transform:skewX(6deg)}}
@keyframes udFlap{from{transform:scaleX(1)}to{transform:scaleX(.35)}}
@keyframes udFly{0%{transform:translate(0,0) rotate(-6deg)}25%{transform:translate(-120px,-26px) rotate(4deg)}50%{transform:translate(-260px,-8px) rotate(-4deg)}75%{transform:translate(-120px,-40px) rotate(6deg)}100%{transform:translate(0,0) rotate(-6deg)}}
@media (prefers-reduced-motion:reduce){.ud-fl,.ud-bfly,.ud-bfly .ud-wings{animation:none!important}}
html.tl-still .ud-fl,html.tl-still .ud-bfly,html.tl-still .ud-bfly .ud-wings{animation:none!important}
html.ud-in .ud-ways{display:none}

/* homepage (desktop): hover motion on tools and resources, like the Tools page */
@media (min-width:960px){
  html.ud-home .h2-tool{transition:transform .28s cubic-bezier(.2,.8,.3,1.25),box-shadow .28s ease;will-change:transform}
  html.ud-home .h2-tool:hover,html.ud-home .h2-tool:focus-visible{transform:translateY(-6px) scale(1.015);box-shadow:0 16px 32px rgba(43,42,53,.13),0 2px 6px rgba(43,42,53,.06)}
  html.ud-home .h2-tool:active{transform:translateY(-2px) scale(1.005)}
  html.ud-home .h2-tool .h2-vis>*{transition:transform .32s cubic-bezier(.2,.8,.3,1.3)}
  html.ud-home:not(.ud-in) .h2-tool:hover .h2-vis>*{transform:scale(1.08) rotate(-3deg)}
  html.ud-home.ud-in .h2-tool:hover .h2-vis>*{transform:scale(calc(var(--fit,1) * 1.07)) rotate(-3deg)}
  html.ud-home .h2-tool .btn{transition:transform .2s ease,box-shadow .2s ease}
  html.ud-home .h2-tool:hover .btn{transform:translateY(-1px)}
  html.ud-home .card .cover{transition:transform .3s cubic-bezier(.2,.8,.3,1.25),box-shadow .3s ease}
  html.ud-home .card .cover>img{transition:transform .5s ease}
  html.ud-home .card:hover .cover,html.ud-home .card:focus-visible .cover{transform:translateY(-6px) rotate(-1deg);box-shadow:0 16px 30px rgba(43,42,53,.14)}
  html.ud-home .card:hover .cover>img{transform:scale(1.05)}
  html.ud-home .card .title{transition:color .2s}
  html.ud-home .la-used{transition:transform .25s cubic-bezier(.2,.8,.3,1.25),box-shadow .25s,background .2s}
  html.ud-home .la-used:hover{transform:translateY(-3px);background:#fff;box-shadow:0 10px 24px rgba(43,42,53,.11)}
  html.ud-home .la-used .ic{transition:transform .3s cubic-bezier(.2,.8,.3,1.3)}
  html.ud-home .la-used:hover .ic{transform:scale(1.12) rotate(-6deg)}
  html.ud-home .la-used .op{transition:transform .2s ease}
  html.ud-home .la-used:hover .op{transform:translateX(4px)}
  html.ud-home .la-libitem{transition:transform .25s cubic-bezier(.2,.8,.3,1.25),box-shadow .25s}
  html.ud-home .la-libitem:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(43,42,53,.11)}
}
@media (prefers-reduced-motion:reduce){html.ud-home .h2-tool,html.ud-home .h2-tool .h2-vis>*,html.ud-home .card .cover,html.ud-home .card .cover>img,html.ud-home .la-used,html.ud-home .la-used .ic,html.ud-home .la-libitem{transition:none!important}html.ud-home .h2-tool:hover,html.ud-home .card:hover .cover,html.ud-home .la-used:hover,html.ud-home .la-libitem:hover{transform:none!important}}
html.tl-still.ud-home .h2-tool,html.tl-still.ud-home .card .cover,html.tl-still.ud-home .la-used{transition:none!important}

/* coming-soon tool tiles */
.ua-tile.soon .ua-tilelink{cursor:default}
.ua-soon{display:inline-flex;align-self:center;margin-top:2px;padding:3px 10px;border-radius:999px;background:#fff;border:1.5px dashed #CFC6B6;font:800 11.5px Figtree,sans-serif;font-style:normal;color:var(--ink)}

/* phone and tablet Settings: account and children buttons show just their name, no description line */
html.lu-app .la-setcard .la-accbox small,html.lu-app .la-setcard .la-accbox>.la-small,html.lu-app .ua-srow.kids .ua-rowtx small{display:none}

/* Articles on phones and tablets: the 'coming soon' heading is the title, so drop the extra 'Articles' heading above it */
html.lu-app .ar-h1:has(+ .ar-empty){display:none}

/* homepage: room between the last row (products or articles) and the dark footer */
html.ud-home #lu-main>main{padding-bottom:72px}
@media (max-width:759px){html.ud-home #lu-main>main{padding-bottom:40px}}

/* lighter pages: paused when scrolled out of view (see lu-app.js), and lower homepage sections drawn only when reached */
.lu-off,.lu-off *{animation-play-state:paused!important}
#secPop,#secBlog,.closing,footer.site{content-visibility:auto;contain-intrinsic-size:auto 520px}

/* option switches (e.g. Calm stars / Soft chime / Quiet): a soft beige track, the chosen option a white tab with a check */
.tl-seg,.ua-seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:6px;border-radius:18px;background:#EAE2D6}
.tl-seg button,.ua-seg button,.tl-kidrow.top .tl-seg button,.ua-seg.wide button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;height:auto;padding:8px 12px;border:0;border-radius:13px;background:transparent;box-shadow:none;font:700 15px Figtree,sans-serif;color:#6B6875;cursor:pointer;transition:background-color .15s,color .15s}
.tl-seg button:hover,.ua-seg button:hover{color:#2B2A35}
.tl-seg button.on,.ua-seg button.on,.tl-kidrow.top .tl-seg button.on,.ua-seg.wide button.on{background:#FFFDF8;color:#2B2A35;border:0;box-shadow:0 2px 6px rgba(43,42,53,.12)}
.tl-seg button.on::before,.ua-seg button.on::before{content:"";flex:none;width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%232B2A35'/%3E%3Cpath d='M5.6 10.4l2.9 2.9 5.9-6.2' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.tl-seg button:has(small){flex-direction:column;gap:1px;position:relative}
.tl-seg button.on:has(small)::before{position:absolute;left:10px;top:50%;margin-top:-9px}
.tl-seg button:focus-visible,.ua-seg button:focus-visible{outline:3px solid var(--sunny,#FFC94A);outline-offset:2px}
@media (max-width:420px){.tl-seg button,.ua-seg button{font-size:14px;padding:8px 6px;gap:6px}.tl-seg button.on::before,.ua-seg button.on::before{width:16px;height:16px}}

/* the "?" info popup on the signed-in Tools row */
.ud-pop{position:absolute;z-index:950;width:min(290px,calc(100vw - 24px));background:#fff;border:0;border-radius:20px;padding:16px 18px 18px;box-shadow:0 2px 0 rgba(43,42,53,.05),0 16px 40px rgba(43,42,53,.16);display:flex;flex-direction:column;gap:10px;animation:udPop .16s ease-out}
.ud-pop::before{content:"";position:absolute;top:-6px;left:calc(var(--ax,50%) - 7px);width:14px;height:14px;background:#fff;border-radius:3px;transform:rotate(45deg)}
.ud-pop b{font:600 18px Fredoka,sans-serif}
.ud-pop p{margin:0;font-size:14px;line-height:1.5;color:#4A4855}
.ud-pop .btn{align-self:flex-start;margin-top:4px}
@keyframes udPop{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
/* ===== visitor homepage banner: words on the left, the family picture on the right; the three ways in a row underneath ===== */
html.ud-out .h2-hero{display:grid!important;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);grid-template-rows:auto;align-items:center;column-gap:36px;padding:30px 44px 28px!important;min-height:0;border-radius:28px;overflow:hidden;
  background-color:#FCE7D8;background-image:radial-gradient(rgba(240,105,79,.12) 1.4px,transparent 1.6px),linear-gradient(115deg,#FDEBDD 0%,#FCE3D1 55%,#FBDCC6 100%);background-size:18px 18px,100% 100%}
html.ud-out .h2-hero::before{content:none!important;display:none!important}
html.ud-out .h2-hero::after{content:"";position:absolute;left:-80px;bottom:-96px;width:170px;height:170px;border-radius:50%;border:18px solid #DCEBFA;opacity:.8;pointer-events:none}
html.ud-out .h2-hero>.deco,html.ud-out .h2-hero .h2-scene,html.ud-out .ud-flowers{display:none!important}
html.ud-out .h2-hero .h2-copy{grid-column:auto!important;position:relative;z-index:1;max-width:500px;display:flex;flex-direction:column;gap:12px}
html.ud-out .h2-hero h1{font-size:clamp(26px,2.3vw,34px)!important;line-height:1.12;margin:0}
html.ud-out .h2-hero .h2-copy p{font-size:15px!important;line-height:1.55;color:#4A4855;margin:0}
html.ud-out .h2-hero .h2-art{display:flex!important;position:relative;z-index:1;align-items:center;justify-content:center;min-height:0;height:auto;background:none}
html.ud-out .h2-hero .h2-art>*:not(.ud-heroimg){display:none!important}
html.ud-out .ud-heroimg{display:block;width:100%;max-width:420px;height:auto}
/* desktop computers in a narrow window (e.g. half the screen): a tighter header so everything fits */
@media (max-width:1000px){
  html.lu-desk .hdr2{gap:12px;padding-left:20px;padding-right:20px}
  html.lu-desk .hdr2>a:first-child{flex:none}
  html.lu-desk .nav2>a,html.lu-desk .nav2 .navdd>button{padding-left:11px;padding-right:11px}
  html.lu-desk .hdr2 .search2{flex:1 1 44px;min-width:44px}
  html.lu-desk .hdr2 .search2 input{min-width:0;width:100%}
  html.lu-desk .hdr2 .la-hdr-login span{display:none}
}
/* About: the "Our approach" card beside the intro (the creator photo and bio were removed) */
.ab-pillars{max-width:400px!important;gap:14px!important;padding:22px 22px 20px!important}
#pillars{display:flex;flex-direction:column;gap:14px}
.ab-pil{display:flex;gap:11px;align-items:flex-start;font-size:14px;line-height:1.5;color:#4A4855}
.ab-pil b{display:block;font:600 16px Fredoka,sans-serif;color:#2B2A35;margin-bottom:2px}
.ab-pil .c{flex:none;width:22px;height:22px;margin-top:2px;border-radius:7px;background:#DDF2E4;color:#1E6B45;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}
/* banner buttons: Explore right away (yellow, like the other main buttons) and Create an account (white on the peach) with a "?" */
.ud-hacts{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:6px}
.ud-hacts .btn-lg{min-height:50px;padding:6px 22px;font-size:15px}
.ud-accwrap{position:relative;display:inline-flex}
/* white, filled like the yellow button (no outline), with the same soft bottom edge */
.ud-hacts .ud-accbtn{background:#fff;border:0;color:#2B2A35;box-shadow:0 3px 0 rgba(43,42,53,.12)}
.ud-hacts .ud-accbtn:hover{background:#FFF8EC;color:#2B2A35}
.ud-hacts .ud-accbtn:active{transform:translateY(2px);box-shadow:0 1px 0 rgba(43,42,53,.12)}
/* the "?" sits on the button's top-right corner, like a badge */
.ud-hq{position:absolute;top:-9px;right:-9px;z-index:2;width:24px;height:24px;padding:0;border-radius:50%;border:2px solid #fff;background:#2B2A35;color:#fff;font:800 12.5px Figtree,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(43,42,53,.2);transition:transform .15s,background .15s}
.ud-hq:hover,.ud-hq[aria-expanded="true"]{background:#F0694F;transform:scale(1.08)}
.ud-hq:focus-visible{outline:3px solid var(--sunny,#FFC94A);outline-offset:2px}
.ud-why{display:flex;flex-direction:column;gap:8px}
.ud-why p{display:flex;gap:9px;align-items:flex-start;color:#2B2A35}
.ud-why i{flex:none;width:20px;height:20px;margin-top:1px;border-radius:6px;background:#DDF2E4;color:#1E6B45;font:800 11px Figtree,sans-serif;font-style:normal;display:flex;align-items:center;justify-content:center}
html.ud-out .ud-ways{margin:22px 0 0;gap:12px}
html.ud-out .ud-ways .ud-wgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
html.ud-out .ud-way{border:1.5px solid #ECE6DC;border-radius:24px;padding:20px 20px 18px;box-shadow:0 3px 0 rgba(43,42,53,.05)}
html.ud-out .ud-way.plus{border-color:#ECE6DC;background:#fff}
@media (max-width:1060px){html.ud-out .h2-hero{grid-template-columns:1fr;row-gap:18px;padding:28px 28px 26px!important}html.ud-out .ud-heroimg{max-width:380px}}
@media (max-width:860px){html.ud-out .ud-ways .ud-wgrid{grid-template-columns:1fr}}

/* homepage closing: with Meet Kal removed, the Upgrade card has the row to itself */
html.ud-home .closing{grid-template-columns:minmax(0,1fr)!important}

/* ===== narrow desktop windows (mouse or trackpad, 640-1099px wide, e.g. half screen) =====
   html.lu-desk is only set on computers (see the first script in index.html); phones and tablets never get these rules. */
@media (max-width:1099px){
  html.lu-desk{--pad:24px}
  html.lu-desk .hdr2{gap:18px;padding-left:24px;padding-right:24px}
  html.lu-desk .nav2{gap:18px}
  html.lu-desk .nav2>a,html.lu-desk .navdd>button{font-size:14.5px}
  html.lu-desk .search2{min-width:150px}
  html.lu-desk .h2-hero-wrap{padding-left:24px;padding-right:24px}
  html.lu-desk.ud-out .h2-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);row-gap:0;column-gap:24px;padding:28px 28px 26px!important}
  html.lu-desk.ud-out .ud-heroimg{max-width:100%}
  /* log in / sign up: smaller welcome panel next to the form */
  html.lu-desk .la-auth{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;padding:28px 24px 56px}
  html.lu-desk .la-side{padding:36px;min-height:0}
  html.lu-desk .la-side h2{font-size:32px}
  /* shop: slimmer filter column, fewer cards per row */
  html.lu-desk .cat-layout{grid-template-columns:220px minmax(0,1fr)!important;column-gap:28px!important}
  html.lu-desk .cat-layout .grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:899px){
  html.lu-desk .cat-layout{grid-template-columns:190px minmax(0,1fr)!important;column-gap:22px!important}
  html.lu-desk .cat-layout .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
  /* product page: pictures on top, details underneath */
  html.lu-desk .pdp{grid-template-columns:minmax(0,1fr)!important;row-gap:28px}
  html.lu-desk .pdp .gallery{max-width:500px}
  html.lu-desk .pdp-info{position:static!important}
  /* Little Us Plus: the comparison table, then the plan picker underneath */
  html.lu-desk .la-plans{grid-template-columns:minmax(0,1fr)!important;row-gap:24px}
  html.lu-desk .la-plans>*{position:static!important;max-width:620px;width:100%}
  /* Request a resource: the story, then the form */
  html.lu-desk .rq-grid{grid-template-columns:minmax(0,1fr)}
  html.lu-desk .rq-right{position:static}
  html.lu-desk .rq-hero{min-height:0}
  html.lu-desk .rq-hero h1{font-size:34px}
}
@media (max-width:1023px){
  /* the search box gets its own full-width row under the menu */
  html.lu-desk .hdr2{flex-wrap:wrap;row-gap:12px;padding-top:14px;padding-bottom:12px}
  html.lu-desk .hdr2>span:empty{flex:1}
  html.lu-desk .hdr2 .search2{order:9;flex:1 1 100%;max-width:none;height:42px}
}
@media (max-width:899px){
  html.lu-desk .h2-tools{grid-template-columns:repeat(3,minmax(0,1fr))}
  html.lu-desk .tl-page{padding-left:24px;padding-right:24px}
  /* "Popular resources": the title on its own line, the note and the link underneath */
  html.lu-desk .h2-head{flex-wrap:wrap;row-gap:6px}
  html.lu-desk .h2-head>h2{flex:1 1 100%;white-space:nowrap}
}
@media (max-width:759px){
  html.lu-desk{--pad:20px}
  html.lu-desk .hdr2{column-gap:12px;padding-left:20px;padding-right:20px}
  html.lu-desk .hdr2 .logo-d{width:96px;height:auto}
  html.lu-desk .hdr2>span:empty{flex:1 1 0;min-width:0;width:0}
  html.lu-desk .nav2{gap:2px}
  html.lu-desk .nav2>a,html.lu-desk .navdd>button{font-size:14px;padding-left:8px;padding-right:8px}
  html.lu-desk .la-hdr-login{padding:0 10px!important}
  html.lu-desk .la-hdr-login span{display:none}
  /* tool pop-ups stay centred windows, not phone-style bottom sheets */
  html.lu-desk .tl-sheetwrap:not(.full) .tl-sheet{left:16px;right:16px;width:auto;margin:0}
  html.lu-desk .tl-sheetwrap.setupmodal .tl-sheet{top:4vh;bottom:4vh;height:auto;max-height:none;border-radius:26px;transform:translateY(24px) scale(.98);opacity:0;transition:transform .22s ease,opacity .22s ease;box-shadow:0 24px 60px rgba(0,0,0,.25)}
  html.lu-desk .tl-sheetwrap.setupmodal.open .tl-sheet{transform:none;opacity:1}
  html.lu-desk .tl-sheetwrap.setupmodal .tl-handle{display:none}
  html.lu-desk .la-auth{grid-template-columns:minmax(0,460px);justify-content:center}
  html.lu-desk .la-side{display:none}
  html.lu-desk .h2-hero-wrap{padding-left:20px;padding-right:20px}
  html.lu-desk .tl-tlist{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:639px){
  html.lu-desk .hdr2{column-gap:10px;padding-left:16px;padding-right:16px}
  html.lu-desk .hdr2 .logo-d{width:84px}
  html.lu-desk .nav2>a,html.lu-desk .navdd>button{font-size:13.5px;padding-left:6px;padding-right:6px}
  html.lu-desk .hdr2>span:empty{display:none}
  html.lu-desk .hdr2 .lang-tog{margin-left:auto}
  html.lu-desk .nav2>a,html.lu-desk .navdd>button{padding-left:5px;padding-right:5px}
  html.lu-desk .h2-tools{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:699px){
  html.lu-desk .pdp-cards,html.lu-desk .xlinks,html.lu-desk .rq-steps{grid-template-columns:minmax(0,1fr)!important}
  html.lu-desk.ud-out .h2-hero{grid-template-columns:1fr;row-gap:16px;padding:24px 24px 22px!important}
  html.lu-desk.ud-out .ud-heroimg{max-width:340px;margin:0 auto}
}

/* signed-in Tools: one sliding row, with a round button on each side. --ud-cols is how many cards fit in view */
html.ud-in{--ud-cols:8}
@media (max-width:1099px){html.ud-in{--ud-cols:4}}
@media (max-width:759px){html.ud-in{--ud-cols:3}}
@media (max-width:479px){html.ud-in{--ud-cols:2}}
html.ud-in section[aria-labelledby="hTools"] .h2-head>a{display:none}
.ud-rail{position:relative}
html.ud-in .ud-rail .h2-groups{display:grid;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--ud-cols) - 1)*12px)/var(--ud-cols));overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:8px;scrollbar-width:none;padding:10px 8px 24px;margin:-10px -8px -24px}
html.ud-in .ud-rail .h2-groups::-webkit-scrollbar{display:none}
html.ud-in .ud-rail .h2-tool{scroll-snap-align:start}
.ud-railbtn{display:none}
html.ud-in .ud-rail-on .ud-railbtn{display:flex;position:absolute;top:50%;z-index:3;width:44px;height:44px;margin-top:-22px;padding:0;align-items:center;justify-content:center;border:0;border-radius:50%;background:#fff;box-shadow:0 2px 10px rgba(43,42,53,.2);cursor:pointer}
html.ud-in .ud-railbtn.prev{left:-22px}
html.ud-in .ud-railbtn.next{right:-22px}
html.ud-in .ud-railbtn:focus-visible{outline:3px solid var(--sunny);outline-offset:2px}
html.ud-in .ud-railbtn:disabled{opacity:.4;box-shadow:none;cursor:default}