/* Storybook fidelity: approved 2026-10-30 visual references.
   Deliberately scoped to three public pages. The existing two-button header
   stays untouched. Actual SVG world scenes, clay characters and HTML device
   previews remain independently accessible and responsive. */
:root{--sb-plum:#371773;--sb-orange:#e95516;--sb-cream:#fff9ec;--sb-glaze:#fffcf4}
body.li-public-page.li-u-page,
body:has(#app>.li-u-home-hero){
 background:#fff9ed!important;background-image:none!important;
}
body.li-public-page .layout,body:has(#app>.li-u-home-hero) .layout{
 isolation:isolate;background:transparent!important;
}
.li-u-universe-page,.li-u-home-extras{
 --li-u-title:"Fredoka",system-ui,sans-serif;
 color:#4b2874;gap:clamp(7px,1.15vw,17px)!important;
}
.li-u-universe-page{max-width:1500px!important;width:calc(100% - 12px)!important;margin:0 auto!important}
.li-u-home-extras{max-width:1500px!important;margin:0 auto!important}
/* A continuous illustrated world instead of isolated empty gradient boxes. */
.li-u-universe-page .li-u-section,
.li-u-home-extras .li-u-section,
.li-u-universe-page .li-u-family-scene{
 border:0!important;box-shadow:none!important;border-radius:24px!important;
 background:transparent!important;position:relative;padding:clamp(15px,2.1vw,31px)!important;
 overflow:visible!important;margin:0!important;
}
.li-u-universe-page .li-u-section:before,
.li-u-home-extras .li-u-section:before{
 content:"";position:absolute;z-index:-1;inset:0;
 background:linear-gradient(180deg,#fffaf1e8 0%,#fffdfaeb 60%,#fff6e7d8 100%);
 border-radius:24px;pointer-events:none;
}
.li-u-universe-page .li-u-section:after,
.li-u-home-extras .li-u-section:after{
 content:"";position:absolute;z-index:-2;pointer-events:none;
 left:-4%;right:-4%;bottom:-18px;height:96px;
 background:
  radial-gradient(ellipse 24% 49% at 8% 80%,#85cf8bcc,transparent),
  radial-gradient(ellipse 36% 53% at 64% 67%,#b5e59daa,transparent),
  radial-gradient(ellipse 29% 48% at 95% 70%,#92d38dbb,transparent);
}
.li-u-universe-page .li-u-section-head,
.li-u-home-extras .li-u-section-head{
 text-align:left!important;margin:0 0 clamp(10px,1.35vw,19px)!important;max-width:100%;
}
.li-u-universe-page .li-u-section-head .li-u-kicker,
.li-u-home-extras .li-u-section-head .li-u-kicker{display:none}
.li-u-universe-page .li-u-section-head:after,
.li-u-home-extras .li-u-section-head:after{display:none!important}
.li-u-universe-page .li-u-section h2,
.li-u-home-extras .li-u-section h2{
 font-family:"Fredoka",system-ui,sans-serif!important;
 color:var(--sb-plum)!important;font-size:clamp(25px,3.1vw,43px)!important;
 line-height:1.1!important;letter-spacing:-.035em!important;margin:0 0 5px!important;
}
.li-u-universe-page .li-u-section-head p,
.li-u-home-extras .li-u-section-head p{
 color:#654b93!important;font:700 clamp(12px,1.1vw,16px)/1.42 "Nunito Sans",system-ui,sans-serif!important;
 margin:0!important;
}
.li-u-universe-page .li-u-section-head h2:before,
.li-u-home-extras .li-u-section-head h2:before{
 content:"✦";display:inline-block;color:#ffb92e;margin-right:.23em;
 font-size:.7em;transform:rotate(-14deg);
}
.li-u-universe-page .li-u-section:not(.li-u-bottom-cta){margin-block:0!important}
/* Full-bleed illustrated hero behind actual text, buttons, tablet and phones. */
.li-u-universe-page>.li-u-page-hero,
#app>.li-u-home-hero{
 margin:4px 0 10px!important;min-height:clamp(460px,43vw,630px)!important;
 display:grid!important;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr)!important;
 align-items:center!important;gap:clamp(12px,2vw,28px)!important;
 padding:clamp(24px,3.1vw,52px)!important;
 background:#d6efff!important;
 background-image:
 linear-gradient(90deg,#fffcf6eb 0%,#fffcf6c8 30%,#fffdf330 56%,transparent 80%),
 url("/assets/design/imagini/public/storybook-meadow.svg")!important;
 background-size:100% 100%,cover!important;background-position:center,center 57%!important;
 background-repeat:no-repeat!important;
 border:0!important;border-radius:34px!important;box-shadow:none!important;
 overflow:hidden!important;isolation:isolate;
}
.li-u-universe-page>.li-u-page-hero:before,
#app>.li-u-home-hero:before{
 content:"";position:absolute;z-index:-1;inset:auto 0 -8px;height:42px;
 background:linear-gradient(180deg,transparent,#fff9edcc)!important;
 border-radius:0!important;pointer-events:none;
}
.li-u-universe-page>.li-u-page-hero .li-u-section-head,
#app>.li-u-home-hero .li-u-section-head{margin:0 0 18px!important}
.li-u-page-hero .li-u-kicker,#app>.li-u-home-hero .eyebrow{
 color:#b75d1b!important;font-size:clamp(10px,1vw,13px)!important;
 letter-spacing:.095em!important;font-weight:900!important;
}
.li-u-page-hero .li-u-section-head h1{
 color:var(--sb-plum)!important;font:850 clamp(41px,5.5vw,80px)/.99 "Fredoka",system-ui,sans-serif!important;
 letter-spacing:-.045em!important;max-width:12ch!important;text-wrap:balance;margin:7px 0 16px!important;
 text-shadow:0 2px 0 #fff6df90;
}
.li-u-page-hero .li-u-section-head h1 em{
 color:var(--sb-orange);font-style:normal;
}
.li-u-page-hero .li-u-section-head h1:after{content:"✦";color:#ffa723;font-size:.45em;vertical-align:top;margin-left:5px}
.li-u-page-hero .li-u-section-head p{max-width:530px;color:#492878!important;font:800 clamp(16px,1.5vw,22px)/1.44 "Nunito Sans",system-ui,sans-serif!important}
#app>.li-u-home-hero .li-guest-hero-heading{
 display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
 gap:clamp(12px,2vw,30px)!important;align-items:center!important;
}
#app>.li-u-home-hero .li-guest-hero-copy{padding:0!important;gap:clamp(14px,1.3vw,20px)!important}
#app>.li-u-home-hero h1{
 max-width:11ch!important;font:850 clamp(41px,5.25vw,75px)/.99 "Fredoka",system-ui,sans-serif!important;
 letter-spacing:-.043em!important;color:var(--sb-plum)!important;margin:0!important;
 text-wrap:balance;
}
#app>.li-u-home-hero h1 span{color:var(--sb-orange)!important;display:inline}
#app>.li-u-home-hero h1::first-line{color:var(--sb-plum)!important}
#app>.li-u-home-hero .li-guest-intro{margin:0!important;max-width:500px}
#app>.li-u-home-hero .li-guest-intro-lead{
 margin:0;color:#56307b!important;font:760 clamp(16px,1.5vw,21px)/1.43 "Nunito Sans",system-ui,sans-serif!important;
}
.li-u-home-benefits{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;max-width:520px}
.li-u-home-benefits span{display:flex;align-items:center;gap:7px;color:#412775;font-weight:900;font-size:clamp(11px,1vw,14px);line-height:1.25}
.li-u-home-benefits img{width:31px;height:31px;object-fit:contain;flex:none}
#app>.li-u-home-hero .li-guest-hero-actions{
 display:flex!important;flex-direction:column!important;align-items:start!important;gap:12px!important;
 margin:8px 0 0!important;
}
#app>.li-u-home-hero .li-guest-hero-actions a{
 min-width:clamp(220px,20vw,285px);min-height:49px;box-sizing:border-box;
 border-radius:999px!important;text-decoration:none!important;
 display:inline-flex;justify-content:center;align-items:center;
}
#app>.li-u-home-hero .li-guest-start,
.li-u-page-hero .li-u-hero-cta .li-u-btn:first-child{
 background:linear-gradient(#ffaf31,#ef6219)!important;
 color:#fff!important;-webkit-text-fill-color:#fff!important;
 border:2px solid #ffdfb2!important;box-shadow:0 5px 0 #bd5e20,0 9px 12px #73360f23!important;
 text-shadow:0 1px 1px #9b361e;
}
#app>.li-u-home-hero .li-guest-learn,
.li-u-page-hero .li-u-hero-cta .li-u-btn-alt{
 border:2px solid #df894f!important;color:#573179!important;
 background:#fffcf5fa!important;box-shadow:0 3px 0 #d4a681aa!important;
 border-radius:999px!important;padding:10px 18px!important;
}
#app>.li-u-home-hero .li-u-hero-right{position:relative;z-index:2;min-width:0}
#app>.li-u-home-hero .li-u-evidence{display:none}
#app>.li-u-home-hero .li-u-home-preview-title{display:none}
#app>.li-u-home-hero .li-u-preview,
.li-u-universe-page>.li-u-page-hero .li-u-preview{
 align-self:center!important;overflow:visible!important;background:transparent!important;border:0!important;
 padding:18px 0 19px!important;z-index:2;min-width:0;
}
#app>.li-u-home-hero .li-u-tablet,
.li-u-parent-page .li-u-page-hero .li-u-tablet{
 flex:0 1 68%!important;max-width:680px!important;transform:rotate(-3deg)!important;
 border:clamp(6px,.65vw,10px) solid #242733!important;border-radius:clamp(15px,2vw,26px)!important;
 box-shadow:0 16px 32px #25305259!important;
}
#app>.li-u-home-hero .li-u-phone,
.li-u-parent-page .li-u-page-hero .li-u-phone{
 display:block!important;flex:0 1 28%!important;max-width:230px!important;transform:rotate(5deg)!important;
}
.li-u-child-page .li-u-page-hero .li-u-phone{
 display:block!important;flex:0 1 43%!important;max-width:240px!important;transform:rotate(-6deg)!important;
}
.li-u-child-page .li-u-page-hero .li-u-phone:nth-child(2){transform:rotate(6deg)!important}
.li-u-page-hero .li-u-hero-cta{margin-top:22px!important;gap:10px!important}
.li-u-page-hero .li-u-hero-benefits{margin-top:24px!important}
.li-u-page-hero .li-u-hero-benefits>span{max-width:calc(50% - 10px)}
.li-u-page-hero .li-u-hero-benefits b{color:#462577}
.li-u-universe-page .li-u-page-hero .li-u-preview-label,
#app>.li-u-home-hero .li-u-preview-label{
 position:absolute;bottom:0;left:50%;right:auto;transform:translateX(-50%);
 width:max-content;max-width:94%;font-size:9px;white-space:normal;text-align:center;
 background:#fffbf1e0;border-radius:7px;padding:3px 7px;
}
.li-u-page-hero .li-u-hero-lion{
 bottom:0!important;right:5px!important;z-index:3;
}
.li-u-page-hero .li-u-hero-lion img{width:clamp(90px,11vw,160px)!important;filter:drop-shadow(0 7px 9px #72482b66)}
#app>.li-u-home-hero:after{
 width:clamp(95px,11vw,155px)!important;height:clamp(95px,11vw,155px)!important;
 background-image:url("/assets/design/imagini/header/lion-welcome.webp")!important;
 bottom:1px!important;right:4px!important;z-index:4;
}
/* Illustrate each educational section with a continuation of the meadow. */
.li-u-universe-page>.li-u-section:nth-child(2),
.li-u-home-extras>.li-u-section:nth-child(1){
 background-image:linear-gradient(#fffbf4bd,#fff8e9cf),url("/assets/adventure/world-garden.svg")!important;
 background-repeat:no-repeat!important;background-size:100% 100%,cover!important;
 background-position:center,center 45%!important;
}
.li-u-universe-page>.li-u-section:nth-child(3){
 background-image:linear-gradient(#fffcf6c4,#fff9efdf),url("/assets/adventure/world-forest.svg")!important;
 background-size:cover!important;background-position:center!important;
}
.li-u-universe-page .li-u-world-grid{gap:clamp(9px,1.1vw,17px)!important}
.li-u-universe-page .li-u-world{
 border:2px solid #f0cda9!important;box-shadow:0 5px 0 #eecaaea8,0 10px 18px #90774118!important;
 border-radius:21px!important;background:#fffcf8f5!important;overflow:hidden;
}
.li-u-universe-page .li-u-world>img{height:clamp(133px,15vw,225px)!important}
.li-u-universe-page .li-u-world>div{padding:clamp(11px,1.4vw,20px)!important}
.li-u-universe-page .li-u-world h3{font-size:clamp(17px,1.6vw,24px)!important;color:#442278!important}
.li-u-universe-page .li-u-world p{color:#70598b!important;font-size:clamp(12px,1vw,15px)!important;min-height:60px}
.li-u-universe-page .li-u-world .li-u-kicker{display:none}
.li-u-universe-page .li-u-world a{font-weight:900!important;font-size:clamp(11px,.95vw,14px)!important}
.li-u-universe-page .li-u-features article,
.li-u-universe-page .li-u-trail-notes article,
.li-u-home-extras .li-u-pillar,
.li-u-home-extras .li-u-step{
 backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
 border-radius:20px!important;box-shadow:0 5px 13px #aa8e6b30!important;
 border:1.5px solid #f3d7b8!important;
}
.li-u-universe-page .li-u-features article:nth-child(5n+1){background:#fff0d9ec!important}
.li-u-universe-page .li-u-features article:nth-child(5n+2){background:#f2e9ffeb!important}
.li-u-universe-page .li-u-features article:nth-child(5n+3){background:#e6f6ffeb!important}
.li-u-universe-page .li-u-features article:nth-child(5n+4){background:#e6fbefeb!important}
.li-u-universe-page .li-u-features article:nth-child(5n){background:#ffe7eeee!important}
.li-u-universe-page .li-u-features{gap:clamp(9px,1.25vw,19px)!important}
.li-u-universe-page .li-u-features h3{font-size:clamp(16px,1.6vw,23px)!important}
.li-u-universe-page .li-u-features p{font-size:clamp(11px,1vw,14px)!important}
.li-u-universe-page .li-u-trail-showcase{
 grid-template-columns:minmax(0,.85fr) minmax(300px,1.9fr) minmax(0,.85fr)!important;
 gap:clamp(9px,1.4vw,22px)!important;background:transparent!important;
 padding:8px 0!important;
}
.li-u-trail-phones{gap:clamp(7px,1vw,17px)!important}
.li-u-trail-phones .li-u-phone{
 max-width:260px!important;width:46%!important;flex:0 1 46%!important;
}
.li-u-trail-phones .li-u-map{min-height:clamp(340px,36vw,540px)!important}
.li-u-phone-top{background:#e7d3fa!important}
.li-u-map-point b{background:#ffda5c!important;border:2px solid #fff!important}
.li-u-map-point-done b{background:#85cd7e!important;color:#fff!important}
.li-u-map-point small{font-size:clamp(6px,.57vw,8px)!important;max-width:85px}
.li-u-trail-notes>article{background:#fffdf7f5!important;min-height:90px;padding:10px!important}
.li-u-trail-notes strong{font-size:clamp(12px,1.25vw,17px)!important}
.li-u-trail-notes small{font-size:clamp(10px,.95vw,13px)!important}
.li-u-universe-page .li-u-friends-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important}
.li-u-universe-page .li-u-friend{
 background:#fffcf7ec!important;border:1px solid #eedbc0!important;box-shadow:0 5px 0 #efdcca9c!important;
 border-radius:19px!important;
}
.li-u-friend-art{height:clamp(90px,11vw,146px)!important}
.li-u-universe-page .li-u-trust{padding:11px 22px!important}
.li-u-universe-page .li-u-trust-grid{gap:8px!important}
.li-u-universe-page .li-u-trust-grid>div{
 background:#ffffffb9!important;box-shadow:none!important;border:0!important;padding:8px!important;
}
.li-u-universe-page .li-u-trust-grid img{width:44px!important;height:44px!important}
/* Parent overview and family advice, without fake real-user data. */
.li-u-parent-page .li-u-panel{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)!important;align-items:center}
.li-u-parent-page .li-u-panel>.li-u-tablet{max-width:100%!important;width:100%!important;transform:none!important}
.li-u-parent-page .li-u-parent-duo{gap:14px!important}
.li-u-parent-page .li-u-parent-duo .li-u-section{
 background:#fffcf5de!important;box-shadow:0 5px 0 #f0ddc985!important;border:1px solid #efd9c0!important;
}
.li-u-parent-page .li-u-family-scene{
 display:flex;justify-content:space-between;align-items:center;gap:24px;
 min-height:180px;margin:8px 0 0!important;padding:18px clamp(20px,3vw,44px)!important;
 background:linear-gradient(90deg,#fff2c8e5,#e9fbf3c7),url("/assets/design/imagini/public/storybook-meadow.svg") center 60%/cover!important;
}
.li-u-family-scene h2{color:var(--sb-plum);font:850 clamp(25px,3vw,40px)/1.05 "Fredoka",system-ui,sans-serif;margin:6px 0}
.li-u-family-scene span{font:900 12px "Nunito Sans",system-ui,sans-serif;color:#a45b26;letter-spacing:.1em}
.li-u-family-scene p{font-size:clamp(12px,1.2vw,16px);color:#573e7c;max-width:540px}
.li-u-family-scene img{width:clamp(105px,14vw,205px);height:auto;flex:none;object-fit:contain;filter:drop-shadow(0 8px 7px #60471835)}
/* Compact editorial home cards and testimonials. */
.li-u-home-extras .li-u-pillar{padding:clamp(13px,1.5vw,23px)!important}
.li-u-home-extras .li-u-pillar-art{height:clamp(80px,10vw,145px)!important;width:auto!important;max-width:100%}
.li-u-home-extras .li-u-pillar h3{font-size:clamp(19px,1.7vw,27px)!important;color:#54277d}
.li-u-home-extras .li-u-pillar p{font-size:clamp(12px,1.15vw,15px)!important;line-height:1.35}
/* 992px reference geometry: 3 detected card rectangles and 1 derived mirror.
 * Measured x:299 / 508 / 718; derived first x:89.
 * Grid fit: 814px best numeric fit at 992px, 4 cols, 24px gaps, ~165px tall.
 * This is a baseline candidate, NOT a screenshot-overlay approval.
 * Do not force fixed dimensions on 320–800px reflow. */
@media(min-width:900px) and (max-width:1100px){
 #app .li-u-home-extras #superputeri .li-u-pillar-grid{
  box-sizing:border-box;width:min(814px,100%);margin-inline:auto;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  column-gap:24px!important;row-gap:0!important;
 }
 #app .li-u-home-extras #superputeri .li-u-pillar{
  box-sizing:border-box;min-width:0;height:165px;
  padding:8px 11px!important;justify-content:flex-start;
  border-radius:18px!important;
 }
 #app .li-u-home-extras #superputeri .li-u-pillar-art{
  width:72px!important;height:72px!important;aspect-ratio:1;
  flex:0 0 72px;object-fit:contain;max-width:100%;
 }
 #app .li-u-home-extras #superputeri .li-u-pillar h3{
  font-size:16px!important;line-height:1.08!important;
  margin:3px 0 4px!important;
 }
 #app .li-u-home-extras #superputeri .li-u-pillar p{
  font-size:11.5px!important;line-height:1.26!important;
  margin:0!important;overflow-wrap:break-word;
 }
}
.li-u-home-extras .li-u-step{display:grid!important;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;gap:7px 12px!important;padding:clamp(12px,1.6vw,22px)!important}
.li-u-home-extras .li-u-step img{grid-row:1/3;width:clamp(47px,6vw,80px);height:clamp(47px,6vw,80px)}
.li-u-home-extras .li-u-step h3{font-size:clamp(16px,1.5vw,24px)!important}
.li-u-home-extras .li-u-step p{grid-column:2;margin:0!important;font-size:clamp(11px,1vw,14px)}
.li-u-home-extras .li-u-step>b{position:absolute;left:-8px;right:auto;top:-12px;min-width:29px;min-height:29px;font-size:15px}
.li-u-home-extras .li-u-realm{background:#fff9f1dc!important;border:1px solid #efdbc7!important}
.li-u-home-extras .li-u-realm-child{background:#e8f6f9dd!important}
.li-u-home-extras .li-u-quotes blockquote{border:1px solid #eddacb!important;padding:clamp(12px,1.5vw,20px)!important}
.li-u-home-extras .li-u-proof-count{background:#fff6e4b9!important}
#app .li-u-home-extras>.li-guest-showcase{background:#fffaf4e6;border:0!important;box-shadow:none!important;margin:0!important}
#app .li-u-home-extras>.li-guest-showcase .li-guest-showcase-rail{gap:clamp(7px,.95vw,14px)}
/* Trust and footer stay legally complete but the visual surface is cream, per reference. */
.layout>.li-legal-footer.li-u-footer,
.layout>div[data-site-footer]>.li-legal-footer.li-u-footer{
 background:linear-gradient(180deg,#fffdf7,#fff4dd)!important;color:#4c3262!important;
 border-radius:28px 28px 0 0!important;margin-top:clamp(18px,3vw,42px)!important;
 padding:clamp(20px,2.2vw,32px) clamp(20px,3vw,44px) 14px!important;
}
.li-u-footer .li-u-footer-grid{gap:clamp(18px,3.2vw,48px)!important}
.li-u-footer h2,.li-u-footer h3{color:#41236d!important}
.li-u-footer p,.li-u-footer .li-u-footer-lockup strong,
.li-u-footer .li-u-footer-lockup span{color:#6b5380!important}
.li-u-footer p strong{color:#5c3867!important}
html body .layout .li-legal-footer.li-u-footer .li-u-footer-legal nav a,
html body .layout .li-legal-footer.li-u-footer .li-u-footer-resources nav a,
html body .layout .li-legal-footer.li-u-footer .li-u-footer-company a,
html body .layout [data-site-footer] .li-legal-footer.li-u-footer nav a{
 color:#513b6b!important;-webkit-text-fill-color:#513b6b!important
}
.li-u-footer .li-u-footer-bottom{color:#7b647a!important;border-top-color:#a38c8828!important;margin-top:18px!important}
@media(max-width:1080px){
 .li-u-universe-page>.li-u-page-hero,#app>.li-u-home-hero{
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;min-height:480px!important;
  background-position:center,center!important;
 }
 .li-u-page-hero .li-u-section-head h1,#app>.li-u-home-hero h1{font-size:clamp(39px,5vw,57px)!important}
 .li-u-universe-page .li-u-trail-showcase{grid-template-columns:1fr 1.8fr 1fr!important}
 .li-u-trail-phones .li-u-map{min-height:335px!important}
 .li-u-universe-page .li-u-features article{padding:14px!important}
}
@media(max-width:800px){
 .li-u-universe-page>.li-u-page-hero,#app>.li-u-home-hero{
  display:block!important;min-height:unset!important;padding:25px 17px!important;
  background-image:linear-gradient(180deg,#fffcf8e8 0%,#fffbf5cb 47%,#fff9f52e 100%),url("/assets/design/imagini/public/storybook-meadow.svg")!important;
  background-size:100% 100%,auto 100%!important;background-position:center,center bottom!important;
 }
 #app>.li-u-home-hero .li-guest-hero-heading{grid-template-columns:1fr!important}
 .li-u-page-hero .li-u-section-head h1,#app>.li-u-home-hero h1{font-size:clamp(39px,8vw,62px)!important;max-width:16ch!important}
 .li-u-universe-page .li-u-page-hero .li-u-preview{max-width:620px;margin:0 auto}
 .li-u-home-extras .li-u-pillar-grid,.li-u-universe-page .li-u-world-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .li-u-universe-page .li-u-trail-showcase{grid-template-columns:1fr!important}
 .li-u-trail-notes{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .li-u-trail-phones .li-u-map{min-height:420px!important}
 .li-u-universe-page .li-u-features{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .li-u-child-page .li-u-features{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .li-u-universe-page .li-u-friends-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .li-u-parent-page .li-u-panel{grid-template-columns:1fr!important}
 .li-u-parent-page .li-u-parent-duo{grid-template-columns:1fr!important}
}
@media(max-width:520px){
 .li-u-universe-page,.li-u-home-extras{width:calc(100% - 8px)!important;gap:9px!important}
 .li-u-universe-page .li-u-section,.li-u-home-extras .li-u-section{padding:16px 11px!important}
 .li-u-universe-page>.li-u-page-hero,#app>.li-u-home-hero{border-radius:22px!important;padding:18px 11px!important}
 #app>.li-u-home-hero h1,.li-u-page-hero .li-u-section-head h1{font-size:clamp(36px,10vw,49px)!important}
 #app>.li-u-home-hero .li-guest-hero-actions{align-items:stretch!important}
 #app>.li-u-home-hero .li-guest-hero-actions a{width:100%;min-width:0}
 .li-u-home-benefits{gap:8px}
 .li-u-home-benefits span{font-size:11px;max-width:45%}
 .li-u-universe-page .li-u-world>img{height:130px!important}
 .li-u-universe-page .li-u-world h3{font-size:16px!important}
 .li-u-universe-page .li-u-world p{min-height:90px;font-size:11px!important}
 .li-u-trail-notes{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 .li-u-trail-notes article{min-height:90px;padding:7px!important}
 .li-u-trail-notes strong{font-size:12px!important}
 .li-u-trail-notes small{font-size:10px!important}
 .li-u-trail-phones .li-u-map{min-height:320px!important}
 .li-u-child-page .li-u-features{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .li-u-parent-page .li-u-parent-duo .li-u-parent-detail{grid-template-columns:1fr!important}
 .li-u-home-extras .li-u-step{grid-template-columns:auto minmax(0,1fr)}
 .li-u-universe-page .li-u-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .li-u-universe-page .li-u-family-scene{min-height:120px;padding:14px!important}
 .li-u-family-scene img{width:92px}
 .li-u-family-scene h2{font-size:24px}
 .li-u-universe-page .li-u-friends-grid{gap:6px!important}
 .li-u-friend-art{height:88px!important}
 .li-u-phone-top{font-size:7px!important}
 .li-u-map-point small{font-size:5.5px!important;padding:2px!important}
 .li-u-preview-label{display:none!important}
}
/* Child four-world cards: raster-estimated 992px scene x≈46–946, 4 cards,
 * artwork height ≈110px. Source: original approved Child PNG.
 * Narrow viewport rules below 900px remain untouched. NOT visually signed off. */
@media(min-width:900px) and (max-width:1080px){
 .li-u-child-page #lumile-copilului .li-u-world-grid{
  box-sizing:border-box;width:min(900px,100%);margin-inline:auto;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;align-items:stretch;
 }
 .li-u-child-page #lumile-copilului .li-u-world{
  min-width:0;border-radius:18px!important;
 }
 .li-u-child-page #lumile-copilului .li-u-world>img{
  height:112px!important;object-fit:cover;object-position:center;
 }
 .li-u-child-page #lumile-copilului .li-u-world>div{
  padding:9px 12px 11px!important;
 }
 .li-u-child-page #lumile-copilului .li-u-world h3{
  font-size:18px!important;line-height:1.15!important;
  margin:2px 0 5px!important;
 }
 .li-u-child-page #lumile-copilului .li-u-world p{
  font-size:12px!important;line-height:1.25!important;
  min-height:45px!important;margin:0 0 8px!important;
 }
 .li-u-child-page #lumile-copilului .li-u-world a{
  box-sizing:border-box;padding:5px 8px!important;
  line-height:1.3!important;font-size:12px!important;
 }
}
/* Geometry correction candidate for the 992px approved HOME reference.
 * Reference's illustrated hero ends around y≈510 after the ~90px original header,
 * giving a scene about 420px tall. Existing @media(max-width:1080px)
 * required min-height:480px (at least 60px excess). Keep intrinsic height:
 * text/devices may grow, never clip real content to fit a flattened PNG.
 * Parent and child hero are calibrated independently, not forced to 420px. */
@media(min-width:900px) and (max-width:1080px){
 #app>.li-u-home-hero{min-height:420px!important}
}
@media(prefers-reduced-motion:reduce){
 .li-u-universe-page .li-u-btn,#app>.li-u-home-hero .li-guest-start{transition:none!important}
}

/* PR56 measured first-paint QA: illustrated devices/pseudo-elements were
 * extending the document by 2–24px at intermediate widths. Contain only
 * public-main overflow, leaving approved header/footer and authenticated
 * dashboard untouched. overflow:clip is not a scroll container. */
#app:has(> .li-guest-hero),
body.li-public-page main#content {
  overflow-x: clip;
}

/* PR56 hero layout refinements, measured in actual Chromium.
 * The home hero already has its own two-column .li-guest-hero-heading;
 * keeping its outer section as a second grid squeezed the whole inner
 * layout into one narrow outer cell. This is not a visual-only scale hack:
 * it restores the intended real DOM hierarchy and preserves both CTAs. */
@media (min-width:801px) {
 #app>.li-u-home-hero{display:block!important}
 #app>.li-u-home-hero h1{font-size:clamp(41px,4.8vw,56px)!important}
}
/* Half-laptop and landscape tablet: keep copy + illustrated devices
 * alongside each other. The phone breakpoint still stacks at <=679px. */
@media (min-width:680px) and (max-width:800px) {
 #app>.li-u-home-hero .li-guest-hero-heading{
  display:grid!important;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;
  gap:16px!important;align-items:center!important;
 }
 #app>.li-u-home-hero h1{font-size:clamp(35px,4.7vw,43px)!important}
 .li-u-universe-page>.li-u-page-hero{
  display:grid!important;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;
  gap:12px!important;align-items:center!important;
 }
 .li-u-page-hero .li-u-section-head h1{font-size:clamp(34px,4.7vw,43px)!important}
 /* The child hero contains two phones; their min-content width could
  * otherwise exceed the grid track at exactly 800px. */
 .li-u-child-page .li-u-page-hero .li-u-preview{
  width:100%!important;max-width:100%!important;min-width:0!important;
 }
}

/* PR56 REFERENCE RECONSTRUCTION / 2026-10-30, source: three 992x1586 approved
 * image mockups 13:26. Not a CSS screenshot, all content remains DOM.
 * Header & footer are intentionally NOT selected or modified below. 
 * The original screenshot has a smaller header; keep the later-approved one. */
body.li-public-page.li-u-page,body:has(#app>.li-u-home-hero){
 background-color:#f9f4e7!important;
 background-image:
   linear-gradient(180deg,#e2f4ff0d 0%,#f8f9ed21 65%,#fff7e94d 100%),
   url("/assets/design/imagini/public/storybook-meadow.svg")!important;
 background-size:100% 100%,max(1080px,100%) auto!important;
 background-position:center top,center top!important;
 background-repeat:no-repeat,repeat-y!important;
}
:where(#app .li-u-home-extras,.li-u-universe-page){
 --story-plum:#35106a;--story-orange:#ed5016;--story-ink:#44246c;
}
#app>.li-u-home-hero,.li-u-universe-page>.li-u-page-hero{
 background-color:#d8f2ff!important;
 background-image:
  linear-gradient(90deg,#fffef0bc 0%,#fffef098 26%,#fffef01a 56%,#fffef000 75%),
  url("/assets/design/imagini/public/storybook-meadow.svg")!important;
 background-repeat:no-repeat!important;
 background-size:100% 100%,100% 100%!important;
 background-position:center!important;
 border:0!important;
 border-radius:26px!important;
 box-shadow:none!important;
}
#app>.li-u-home-hero h1,.li-u-page-hero h1{
 text-shadow:0 2px 9px #fff7e9c9!important;
 letter-spacing:-.027em!important;
}
#app>.li-u-home-hero .li-guest-intro-lead,.li-u-page-hero .li-u-section-head p{
 color:#3e2177!important;
 text-shadow:0 1px 5px #fffefbe0;
}
#app .li-u-home-extras .li-u-section,.li-u-universe-page .li-u-section{
 background-color:transparent!important;
 background-image:none!important;
 border:0!important;
 box-shadow:none!important;
}
#app .li-u-home-extras .li-u-section::before,
.li-u-universe-page .li-u-section::before{
 background:linear-gradient(180deg,#fffefda6,#fffbf4cc 60%,#fff6e49c)!important;
 border-radius:22px;
}
#app .li-u-home-extras .li-u-section::after,
.li-u-universe-page .li-u-section::after{opacity:.78}
#app .li-u-home-extras .li-u-section h2,
.li-u-universe-page .li-u-section h2{
 color:var(--story-plum)!important;
}
#app .li-u-home-extras .li-u-section-head p,
.li-u-universe-page .li-u-section-head p{color:#65438d!important}
#app .li-u-home-extras>.li-guest-showcase{
 background:linear-gradient(180deg,#fff7e9a3,#fffcf9a8)!important;
 border-radius:20px!important;
}
/* Scene typography and warm peach CTA from the approved pictures. */
#app>.li-u-home-hero .li-guest-start,
.li-u-page-hero .li-u-hero-cta .li-u-btn:first-child{
 min-height:45px!important;
 background:linear-gradient(180deg,#ffad22 0%,#fb7c16 52%,#e64611 100%)!important;
 border:2px solid #ffe2a5!important;
 border-radius:999px!important;
 box-shadow:0 5px 0 #aa5115,0 8px 12px #7f41143b!important;
 font-family:"Fredoka",sans-serif!important;font-weight:800!important;
}
#app>.li-u-home-hero .li-guest-learn,
.li-u-page-hero .li-u-hero-cta .li-u-btn-alt{
 font-family:"Fredoka",sans-serif!important;font-weight:800!important;
 border-color:#ee8144!important;
 box-shadow:0 2px 0 #dbb194a8!important;
}
#app .li-u-home-benefits span,.li-u-universe-page .li-u-hero-benefits>span{
 color:#381868!important;font-weight:900!important;
}
#app .li-u-home-extras #superputeri .li-u-pillar{
 background:linear-gradient(180deg,#ffe7e9,#fff7f1)!important;
 border:1px solid #f6c6c4!important;
 box-shadow:0 5px 0 #f6cbc3a6!important;
}
#app .li-u-home-extras #superputeri .li-u-pillar:nth-child(2){
 background:linear-gradient(180deg,#fff3ce,#fffbea)!important;
 border-color:#f1d59b!important;
}
#app .li-u-home-extras #superputeri .li-u-pillar:nth-child(3){
 background:linear-gradient(180deg,#efe0ff,#fff4fc)!important;
 border-color:#d9c0f4!important;
}
#app .li-u-home-extras #superputeri .li-u-pillar:nth-child(4){
 background:linear-gradient(180deg,#dbf8eb,#f1fff5)!important;
 border-color:#bfe5d4!important;
}
#app .li-u-home-extras #superputeri .li-u-pillar h3{color:#d3134b!important}
#app .li-u-home-extras #superputeri .li-u-pillar:nth-child(3) h3{color:#4d208c!important}
#app .li-u-home-extras #superputeri .li-u-pillar:nth-child(4) h3{color:#0a6782!important}
.li-u-universe-page .li-u-world{
 background:linear-gradient(180deg,#fffcf9f4,#fffaf6f7)!important;
 border:1.5px solid #ffe0a9!important;
 box-shadow:0 4px 0 #eccdaabb!important;
}
.li-u-universe-page .li-u-world>img{object-fit:cover}
.li-u-universe-page .li-u-world a,
.li-u-universe-page .li-u-world .li-u-btn{
 border:1.5px solid #f07743!important;border-radius:30px!important;
 background:linear-gradient(#fff9ee,#ffeac8)!important;
 color:#b83a19!important;
 box-shadow:none!important;
}
/* Mockup-specific section proportions at the native reference width. */
@media(min-width:900px) and (max-width:1100px){
 #app>.li-u-home-hero{
  min-height:422px!important;height:auto!important;
  padding:20px 28px 17px!important;
 }
 #app>.li-u-home-hero .li-guest-hero-heading{
  grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr)!important;
  align-items:center!important;gap:14px!important;
 }
 #app>.li-u-home-hero .li-guest-hero-copy{gap:11px!important}
 #app>.li-u-home-hero h1{
  font-size:clamp(43px,4.7vw,53px)!important;line-height:.94!important;
  max-width:12ch!important;
 }
 #app>.li-u-home-hero .li-guest-intro-lead{
  font-size:clamp(12px,1.48vw,16px)!important;line-height:1.3!important;
 }
 #app>.li-u-home-hero .li-u-home-benefits{
  gap:7px 10px!important;max-width:420px!important;
 }
 #app>.li-u-home-hero .li-u-home-benefits span{
  font-size:11px!important;gap:5px!important;
 }
 #app>.li-u-home-hero .li-u-home-benefits img{
  width:25px!important;height:25px!important;
 }
 #app>.li-u-home-hero .li-guest-hero-actions{
  margin:3px 0 0!important;gap:9px!important;
 }
 #app>.li-u-home-hero .li-guest-hero-actions a{
  min-height:40px!important;min-width:0!important;
  width:min(300px,95%)!important;font-size:14px!important;
 }
 #app>.li-u-home-hero .li-u-preview{
  zoom:.80;min-height:0!important;
  width:123%!important;max-width:none!important;
  padding:6px 0 10px!important;
 }
 #app>.li-u-home-hero .li-u-hero-right{align-self:center!important}
 #app>.li-u-home-hero:after{
  width:clamp(82px,10vw,120px)!important;
  height:clamp(82px,10vw,120px)!important;
 }
 .li-u-universe-page>.li-u-page-hero{
  min-height:408px!important;height:auto!important;
  padding:17px 26px!important;align-items:center!important;
  grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr)!important;
  gap:10px!important;
 }
 .li-u-page-hero .li-u-section-head h1{
  font-size:clamp(40px,4.6vw,51px)!important;line-height:.95!important;
  max-width:13ch!important;
 }
 .li-u-page-hero .li-u-section-head p{
  font-size:clamp(13px,1.38vw,16px)!important;line-height:1.35!important;
 }
 .li-u-page-hero .li-u-hero-cta{margin-top:12px!important;gap:8px!important}
 .li-u-page-hero .li-u-hero-cta .li-u-btn{
  min-height:39px!important;padding:7px 14px!important;
  font-size:13px!important;
 }
 .li-u-page-hero .li-u-hero-benefits{
  margin-top:12px!important;gap:5px 10px!important;
 }
 .li-u-page-hero .li-u-hero-benefits img{
  width:24px!important;height:24px!important;
 }
 .li-u-page-hero .li-u-hero-benefits>span{
  font-size:10px!important;
 }
 .li-u-parent-page .li-u-page-hero .li-u-preview{
  zoom:.85;width:116%!important;
  max-width:none!important;min-height:0!important;
  padding:0!important;
 }
 .li-u-child-page .li-u-page-hero .li-u-preview{
  zoom:.76;width:130%!important;
  max-width:none!important;min-height:0!important;
  padding:0!important;
 }
 .li-u-page-hero .li-u-hero-lion img{
  width:clamp(78px,9vw,108px)!important;
 }
 .li-u-universe-page .li-u-section,
 #app .li-u-home-extras .li-u-section{
  padding:clamp(10px,1.45vw,17px)!important;
 }
 .li-u-universe-page .li-u-section-head,
 #app .li-u-home-extras .li-u-section-head{margin-bottom:9px!important}
 .li-u-universe-page .li-u-section h2,
 #app .li-u-home-extras .li-u-section h2{
  font-size:clamp(24px,2.6vw,30px)!important;
  line-height:1.05!important;
 }
 #app .li-u-home-extras #superputeri .li-u-pillar-grid{
  width:min(860px,100%)!important;gap:12px!important;
 }
 #app .li-u-home-extras #superputeri .li-u-pillar{
  height:173px!important;
 }
 #app .li-u-home-extras #superputeri .li-u-pillar-art{
  height:79px!important;width:79px!important;
 }
 #app .li-u-home-extras #superputeri .li-u-pillar p{
  font-size:11px!important;line-height:1.25!important;
 }
 #app .li-u-home-extras #cum-pornesti .li-u-steps{gap:9px!important}
 #app .li-u-home-extras #cum-pornesti .li-u-step{
  min-height:96px!important;padding:11px!important;
  grid-template-columns:52px 1fr!important;
 }
 #app .li-u-home-extras #cum-pornesti .li-u-step img{width:46px!important;height:46px!important}
 #app .li-u-home-extras #cum-pornesti .li-u-step h3{font-size:14px!important}
 #app .li-u-home-extras #cum-pornesti .li-u-step p{font-size:11px!important}
 #app .li-u-home-extras #cum-pornesti .li-u-centered{display:none!important}
 .li-u-child-page #lumile-copilului .li-u-world-grid{gap:10px!important}
 .li-u-child-page #lumile-copilului .li-u-world>img{height:105px!important}
 .li-u-child-page #lumile-copilului .li-u-world>div{padding:8px 10px!important}
 .li-u-child-page #lumile-copilului .li-u-world h3{font-size:14px!important}
 .li-u-child-page #lumile-copilului .li-u-world p{
  font-size:10.5px!important;line-height:1.35!important;
  min-height:49px!important;
 }
 .li-u-child-page #lumile-copilului .li-u-world a{
  font-size:10px!important;padding:6px!important;
 }
 .li-u-child-page .li-u-trail-showcase{gap:10px!important}
 .li-u-child-page .li-u-trail-phones .li-u-map{
  min-height:270px!important;
 }
 .li-u-child-page .li-u-trail-notes>article{
  min-height:72px!important;padding:7px!important;
 }
 .li-u-child-page .li-u-trail-notes img{
  width:34px!important;height:34px!important;
 }
 .li-u-universe-page .li-u-features article{padding:10px!important}
 .li-u-universe-page .li-u-features img{width:45px!important;height:45px!important}
 .li-u-universe-page .li-u-features h3{font-size:14px!important}
 .li-u-universe-page .li-u-features p{font-size:11px!important}
 .li-u-universe-page .li-u-friend-art{height:83px!important}
 .li-u-universe-page .li-u-friend strong{font-size:13px!important}
}
/* Keep mobile a real single-column page: no desktop clipping/zoom constraints. */
@media(max-width:679px){
 #app>.li-u-home-hero,.li-u-universe-page>.li-u-page-hero{
  background-size:100% 100%,auto 100%!important;
  background-position:center,center bottom!important;
 }
 #app>.li-u-home-hero .li-guest-hero-heading{grid-template-columns:1fr!important}
 .li-u-universe-page>.li-u-page-hero{display:block!important}
 #app>.li-u-home-hero .li-u-preview,.li-u-page-hero .li-u-preview{
  zoom:1!important;width:100%!important;
 }
}

/* Post-reference browser QA: contain parent + child device previews within
 * their *actual grid tracks*, rather than relying on page overflow clipping. */
@media(min-width:900px) and (max-width:1100px){
 .li-u-parent-page .li-u-page-hero .li-u-preview,
 .li-u-child-page .li-u-page-hero .li-u-preview{
  width:100%!important;max-width:100%!important;min-width:0!important;
 }
}

/* REFERENCE-FIDELITY: editorial home rhythm (992px original, 30 Oct).
 * This component layer corrects real DOM layout, without changing the
 * approved global header/footer or hiding interactive parent/child routes. */
#app .li-u-home-extras>.li-u-story-guides{
 box-sizing:border-box;
 margin:0!important;padding:11px 14px!important;
 border:0!important;box-shadow:none!important;
 background:linear-gradient(180deg,#fff9f0ca,#fffbf5c9)!important;
}
#app .li-u-story-guides .li-guest-showcase-heading{
 display:block;min-height:0;margin:0 0 9px!important;
}
#app .li-u-story-guides .li-guest-showcase-heading h2{
 font:850 clamp(20px,2.5vw,28px)/1.04 "Fredoka",system-ui,sans-serif!important;
 letter-spacing:-.025em;color:#3d1474!important;
}
#app .li-u-story-guides .li-guest-showcase-heading h2 em{
 font-style:normal;color:#e94e20;
}
#app .li-u-story-guides .li-guest-showcase-heading p{
 margin:3px 0 0!important;font-size:clamp(11px,1.15vw,14px)!important;
 line-height:1.35;color:#735481!important;
}
/* LI-UX-052: all six canonical companions on one desktop row */
#app .li-u-story-guides .li-guest-showcase-rail.li-u-guide-grid{
 display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;
 grid-auto-flow:row!important;grid-auto-columns:auto!important;
 gap:clamp(8px,1vw,15px)!important;overflow:visible!important;
 scroll-snap-type:none!important;align-items:stretch!important;
 padding:2px 0 3px!important;
}
#app .li-u-story-guides .li-u-guide{
 display:flex;flex-direction:column;gap:7px;
 align-items:center;justify-content:center;text-align:center;
 width:100%;min-width:0;min-height:205px;box-sizing:border-box;
 border:1.5px solid #f4d7bb;border-radius:17px;
 background:linear-gradient(145deg,#fffdf7f5,#ffefddec);
 box-shadow:0 3px 0 #edd8c1b8;padding:10px 6px;margin:0;
}
#app .li-u-story-guides .li-u-guide:nth-child(2){background:linear-gradient(140deg,#fff5f1,#fff9ed)}
#app .li-u-story-guides .li-u-guide:nth-child(3){background:linear-gradient(140deg,#f8f0ff,#fff8fa)}
#app .li-u-story-guides .li-u-guide:nth-child(4){background:linear-gradient(140deg,#f7f4e8,#fff9ed)}
#app .li-u-story-guides .li-u-guide>img{
 display:block;width:clamp(94px,9vw,136px);height:clamp(94px,9vw,136px);
 max-width:100%;object-fit:contain;flex:none;margin:0 auto;
 filter:drop-shadow(0 4px 4px #71553631);
}
#app .li-u-story-guides .li-u-guide>div{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:0;width:100%;text-align:center}
#app .li-u-story-guides .li-u-guide strong{
 display:block;color:#351276;font:850 clamp(17px,1.55vw,22px)/1.12 "Fredoka",system-ui,sans-serif;
}
#app .li-u-story-guides .li-u-guide span{
 display:inline-block;border-radius:20px;margin:0;padding:3px 7px;
 background:#ffe4d2;color:#aa431e;font:800 clamp(11px,1vw,14px)/1.2 "Nunito Sans",system-ui,sans-serif;
}
#app .li-u-story-guides .li-u-guide p{
 margin:3px 0 0;color:#775d81;
 font:650 clamp(9px,1vw,11px)/1.2 "Nunito Sans",system-ui,sans-serif;
}
/* The two worlds are *editorial illustrations with functioning links*,
 * not two full-size duplicate application dashboards. */
@media(min-width:680px){

 /* The devices MUST NOT be absolute-positioned over heading/description.
    LI-UX-049 screenshot correction: use actual card flow. */
 #app .li-u-home-extras #doua-lumi .li-u-realm-grid{
   display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
   align-items:stretch!important;gap:clamp(16px,2vw,28px)!important;
 }
 #app .li-u-home-extras #doua-lumi .li-u-realm{
   box-sizing:border-box!important;position:relative!important;
   display:flex!important;flex-direction:column!important;align-items:stretch!important;
   min-width:0!important;width:100%!important;height:auto!important;min-height:0!important;
   padding:clamp(18px,2vw,28px)!important;overflow:hidden!important;
   border:1px solid #e9d0c2!important;border-radius:24px!important;
   isolation:isolate!important;
 }
 #app .li-u-home-extras #doua-lumi .li-u-realm-child{
   background:#eaf6ff!important;
 }
 #app .li-u-home-extras #doua-lumi .li-u-realm>h3{
   position:static!important;max-width:100%!important;width:100%!important;
   margin:0 0 6px!important;transform:none!important;
   font-size:clamp(23px,2.3vw,34px)!important;line-height:1.13!important;
 }
 #app .li-u-home-extras #doua-lumi .li-u-realm>p{
   position:static!important;max-width:100%!important;width:100%!important;
   min-height:0!important;margin:0 0 16px!important;
   font-size:clamp(14px,1.2vw,18px)!important;line-height:1.4!important;
 }
 #app .li-u-home-extras #doua-lumi .li-u-realm>.li-u-tablet,
 #app .li-u-home-extras #doua-lumi .li-u-realm>.li-u-phone{
   box-sizing:border-box!important;display:block!important;position:relative!important;
   inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
   flex:none!important;align-self:center!important;
   width:min(96%,530px)!important;max-width:100%!important;
   min-width:0!important;height:auto!important;min-height:0!important;
   margin:10px auto 24px!important;padding:5px!important;zoom:1!important;
   transform:rotate(2deg)!important;transform-origin:center center!important;
 }
 #app .li-u-home-extras #doua-lumi .li-u-realm>.li-u-phone{
   width:min(46%,240px)!important;transform:rotate(-2deg)!important;
 }
 #app .li-u-home-extras #doua-lumi .li-u-realm>a{
   position:static!important;inset:auto!important;align-self:stretch!important;
   box-sizing:border-box!important;width:100%!important;max-width:100%!important;
   min-height:52px!important;height:auto!important;margin:auto 0 0!important;
   padding:10px 14px!important;font-size:clamp(15px,1.2vw,19px)!important;
   line-height:1.2!important;transform:none!important;
 }
 #app .li-u-home-extras #familia-ne-recomanda .li-u-proof-count{display:none!important}
 #app .li-u-home-extras #familia-ne-recomanda .li-u-quotes{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;margin:6px 0 0!important;
 }
 #app .li-u-home-extras #familia-ne-recomanda blockquote{
  padding:9px 12px!important;min-width:0;min-height:105px;
  border-radius:14px!important;
 }
 #app .li-u-home-extras #familia-ne-recomanda blockquote>span{font-size:12px}
 #app .li-u-home-extras #familia-ne-recomanda blockquote p{
  margin:4px 0 6px!important;font-size:clamp(10px,1vw,12px)!important;
  line-height:1.3;
 }
 #app .li-u-home-extras #familia-ne-recomanda blockquote footer{
  font-size:10px!important;line-height:1.2;
 }
 #app .li-u-home-extras #cum-pornesti .li-u-steps{gap:12px!important}
 #app .li-u-home-extras #cum-pornesti .li-u-step{
  min-height:84px!important;padding:9px 12px!important;
  grid-template-columns:45px minmax(0,1fr)!important;gap:3px 9px!important;
 }
 #app .li-u-home-extras #cum-pornesti .li-u-step img{width:44px!important;height:44px!important}
 #app .li-u-home-extras #cum-pornesti .li-u-step h3{font-size:clamp(13px,1.4vw,17px)!important}
 #app .li-u-home-extras #cum-pornesti .li-u-step p{font-size:11px!important;line-height:1.25!important}
}
/* Half-screen laptops retain two columns; phones get two legible guide
 * cards per row, then a real single column below 420px. */
@media(min-width:600px) and (max-width:899px){
 #app .li-u-story-guides .li-guest-showcase-rail.li-u-guide-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
}
@media(max-width:599px){
 #app .li-u-story-guides .li-guest-showcase-rail.li-u-guide-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;
 }
 #app .li-u-story-guides .li-u-guide{display:flex;flex-direction:column;text-align:center;gap:3px;padding:8px 5px}
 #app .li-u-story-guides .li-u-guide>img{height:80px;width:90px}
 #app .li-u-story-guides .li-u-guide p{font-size:10px}
 #app .li-u-story-guides .li-u-guide strong{font-size:15px}
 #app .li-u-story-guides .li-u-guide span{font-size:9px}
}
@media(max-width:359px){
 #app .li-u-story-guides .li-guest-showcase-rail.li-u-guide-grid{
  grid-template-columns:minmax(0,1fr)!important;
 }
 #app .li-u-story-guides .li-u-guide{display:grid;grid-template-columns:76px minmax(0,1fr);text-align:left}
}

/* REFERENCE-FIDELITY: parent and child content sections at reference width.
 * All information remains accessible in DOM. Browser geometry still audited. */
@media(min-width:900px) and (max-width:1100px){
 .li-u-parent-page>.li-u-section:nth-child(2) .li-u-features{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;
 }
 .li-u-parent-page>.li-u-section:nth-child(2) .li-u-features article{
  box-sizing:border-box;min-height:130px;padding:8px!important;
  display:grid;grid-template-columns:45px 1fr;align-content:start;
  gap:3px 7px;text-align:left;
 }
 .li-u-parent-page>.li-u-section:nth-child(2) .li-u-features article img{
  width:44px!important;height:44px!important;grid-row:1/3;
 }
 .li-u-parent-page>.li-u-section:nth-child(2) .li-u-features article h3{
  margin:1px 0 0!important;font-size:13px!important;line-height:1.14;
 }
 .li-u-parent-page>.li-u-section:nth-child(2) .li-u-features article p{
  margin:0!important;font-size:10.5px!important;line-height:1.32;
 }
 .li-u-parent-page #panoul-familiei{
  display:grid!important;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr)!important;
  align-items:center;gap:11px!important;min-height:300px;
 }
 .li-u-parent-page #panoul-familiei .li-u-section-head h2{
  font-size:27px!important;line-height:1!important;
 }
 .li-u-parent-page #panoul-familiei .li-u-section-head p,
 .li-u-parent-page #panoul-familiei>div:first-child>p{
  font-size:11.5px!important;line-height:1.33!important;
 }
 .li-u-parent-page #panoul-familiei>.li-u-tablet{
  width:100%!important;max-width:100%!important;zoom:.77!important;
  min-width:0!important;margin:0!important;
 }
 .li-u-parent-page .li-u-parent-duo{
  display:grid!important;grid-template-columns:1fr 1fr!important;
  gap:11px!important;align-items:stretch;
 }
 .li-u-parent-page .li-u-parent-duo>.li-u-section{
  min-width:0;padding:10px 12px!important;
 }
 .li-u-parent-page .li-u-parent-duo .li-u-section-head h2{
  font-size:23px!important;line-height:1.05!important;
 }
 .li-u-parent-page .li-u-parent-duo .li-u-parent-detail{
  display:grid!important;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr)!important;
  align-items:start;gap:9px!important;
 }
 .li-u-parent-page .li-u-parent-duo .li-u-profile{
  padding:8px!important;min-width:0;
 }
 .li-u-parent-page .li-u-parent-duo .li-u-profile-title img{
  width:43px!important;height:43px!important;
 }
 .li-u-parent-page .li-u-parent-duo .li-u-four-jars{
  gap:2px!important;
 }
 .li-u-parent-page .li-u-parent-duo .li-u-four-jars img{
  width:24px!important;height:24px!important;
 }
 .li-u-parent-page .li-u-parent-duo .li-u-four-jars b,
 .li-u-parent-page .li-u-parent-duo .li-u-four-jars small{
  font-size:9px!important;line-height:1.2!important;
 }
 .li-u-parent-page .li-u-parent-duo .li-u-detail-text{
  padding:4px 0!important;
 }
 .li-u-parent-page .li-u-parent-duo .li-u-detail-text h3{
  font-size:16px!important;line-height:1.15!important;
 }
 .li-u-parent-page .li-u-parent-duo .li-u-detail-text p{
  font-size:11px!important;line-height:1.36!important;
 }
 .li-u-parent-page .li-u-parent-duo .li-u-note-demo{
  min-height:0!important;padding:10px!important;
 }
 .li-u-parent-page .li-u-parent-duo .li-u-note-demo p{
  font-size:11px!important;line-height:1.3!important;
 }
 .li-u-parent-page .li-u-family-scene{
  min-height:105px!important;padding:9px 18px!important;gap:10px!important;
 }
 .li-u-parent-page .li-u-family-scene h2{font-size:22px!important}
 .li-u-parent-page .li-u-family-scene p{font-size:11px!important}
 .li-u-parent-page .li-u-family-scene img{
  width:88px!important;max-width:88px!important;
 }
 .li-u-child-page #cum-arata-traseu{
  padding-block:10px!important;
 }
 .li-u-child-page #cum-arata-traseu .li-u-trail-showcase{
  grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr)!important;
  gap:9px!important;
 }
 .li-u-child-page #cum-arata-traseu .li-u-trail-phones .li-u-phone{
  width:48%!important;flex:0 1 48%!important;
  max-width:190px!important;zoom:.86;
 }
 .li-u-child-page #cum-arata-traseu .li-u-trail-phones .li-u-map{
  min-height:230px!important;
 }
 .li-u-child-page #cum-arata-traseu .li-u-trail-notes{
  gap:7px!important;
 }
 .li-u-child-page #cum-arata-traseu .li-u-trail-notes article{
  min-height:66px!important;padding:6px!important;gap:6px!important;
 }
 .li-u-child-page #cum-arata-traseu .li-u-trail-notes img{
  width:30px!important;height:30px!important;flex-basis:30px!important;
 }
 .li-u-child-page #cum-arata-traseu .li-u-trail-notes strong{
  font-size:11px!important;line-height:1.12!important;
 }
 .li-u-child-page #cum-arata-traseu .li-u-trail-notes small{
  font-size:9.5px!important;line-height:1.22!important;
 }
 .li-u-child-page .li-u-features{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:9px!important;
 }
 .li-u-child-page .li-u-features article{
  box-sizing:border-box;min-height:128px;padding:9px 6px!important;
 }
 .li-u-child-page .li-u-features img{width:51px!important;height:51px!important}
 .li-u-child-page .li-u-features h3{font-size:12px!important;line-height:1.13!important}
 .li-u-child-page .li-u-features p{font-size:10px!important;line-height:1.3!important}
 .li-u-child-page .li-u-friends-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;
 }
 .li-u-child-page .li-u-friend{padding:7px!important;min-width:0}
 .li-u-child-page .li-u-friend-art{height:75px!important}
 .li-u-child-page .li-u-friend strong{font-size:13px!important}
 .li-u-child-page .li-u-friend small{font-size:10px!important}
}

/* Reference rhythm at half-laptop: keep four world/pillar cards readable
 * and avoid the tall mobile-only nested sections at 720–899px. */
@media(min-width:720px) and (max-width:899px){
 #app .li-u-home-extras #superputeri .li-u-pillar-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;
  width:100%!important;
 }
 #app .li-u-home-extras #superputeri .li-u-pillar{
  height:176px!important;padding:7px!important;min-width:0;
 }
 #app .li-u-home-extras #superputeri .li-u-pillar-art{
  width:69px!important;height:69px!important;
 }
 #app .li-u-home-extras #superputeri .li-u-pillar h3{
  font-size:14px!important;line-height:1.1!important;
 }
 #app .li-u-home-extras #superputeri .li-u-pillar p{
  font-size:10px!important;line-height:1.24!important;
 }
 .li-u-child-page #lumile-copilului .li-u-world-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;
 }
 .li-u-child-page #lumile-copilului .li-u-world>img{
  height:104px!important;
 }
 .li-u-child-page #lumile-copilului .li-u-world>div{
  padding:8px!important;
 }
 .li-u-child-page #lumile-copilului .li-u-world h3{
  font-size:13px!important;line-height:1.14!important;
 }
 .li-u-child-page #lumile-copilului .li-u-world p{
  min-height:58px;font-size:10px!important;line-height:1.23!important;
 }
 .li-u-child-page #lumile-copilului .li-u-world a{
  font-size:10px!important;padding:6px!important;
 }
 .li-u-child-page #cum-arata-traseu .li-u-trail-showcase{
  grid-template-columns:minmax(0,1fr) minmax(290px,1.8fr) minmax(0,1fr)!important;
  gap:7px!important;
 }
 .li-u-child-page #cum-arata-traseu .li-u-trail-phones .li-u-map{
  min-height:248px!important;
 }
 .li-u-child-page #cum-arata-traseu .li-u-trail-notes{
  grid-template-columns:minmax(0,1fr)!important;gap:6px!important;
 }
 .li-u-child-page #cum-arata-traseu .li-u-trail-notes article{
  min-height:70px!important;padding:5px!important;gap:4px!important;
 }
 .li-u-child-page #cum-arata-traseu .li-u-trail-notes img{
  width:26px!important;height:26px!important;flex-basis:26px!important;
 }
 .li-u-child-page #cum-arata-traseu .li-u-trail-notes strong{font-size:10px!important}
 .li-u-child-page #cum-arata-traseu .li-u-trail-notes small{font-size:9px!important}
 .li-u-parent-page>.li-u-section:nth-child(2) .li-u-features{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;
 }
 .li-u-parent-page>.li-u-section:nth-child(2) .li-u-features article{
  min-height:125px;padding:9px!important;
 }
 .li-u-parent-page>.li-u-section:nth-child(2) .li-u-features img{
  width:40px!important;height:40px!important;
 }
 .li-u-parent-page>.li-u-section:nth-child(2) .li-u-features h3{
  font-size:12px!important;
 }
 .li-u-parent-page>.li-u-section:nth-child(2) .li-u-features p{
  font-size:10px!important;line-height:1.3!important;
 }
 .li-u-parent-page .li-u-parent-duo{
  grid-template-columns:1fr 1fr!important;gap:9px!important;
 }
 .li-u-parent-page .li-u-parent-duo .li-u-section{
  padding:10px!important;
 }
 .li-u-parent-page .li-u-parent-duo .li-u-section-head h2{
  font-size:21px!important;
 }
 .li-u-parent-page .li-u-parent-duo .li-u-detail-text h3{
  font-size:15px!important;
 }
 .li-u-parent-page .li-u-parent-duo .li-u-note-demo{
  min-height:0!important;
 }
}

/* MOBILE STORYBOOK CONTINUITY: two linked miniature worlds instead of
 * two full-size cloned dashboard screens; genuine source DOM and links. */
@media(max-width:679px){
 /* LI-UX-049: obsolete absolute-positioned mobile worlds removed.
    The responsive cards use the same normal content flow as desktop. */
 #app .li-u-home-extras #familia-ne-recomanda .li-u-proof-count{
  display:none!important;
 }
 #app .li-u-home-extras #familia-ne-recomanda .li-u-quotes{
  grid-template-columns:minmax(0,1fr)!important;gap:8px!important;margin-top:8px!important;
 }
 #app .li-u-home-extras #familia-ne-recomanda .li-u-quotes blockquote{
  box-sizing:border-box;padding:11px 13px!important;min-height:0;
 }
 #app .li-u-home-extras #familia-ne-recomanda .li-u-quotes blockquote p{
  font-size:12px!important;line-height:1.35!important;margin:5px 0!important;
 }
 #app .li-u-home-extras #familia-ne-recomanda .li-u-quotes blockquote footer{
  font-size:11px!important;
 }
}

/* Candidate QA: smooth heroic visuals between reference and laptop */
@media(min-width:1101px){
 #app>.li-u-home-hero{
  min-height:clamp(422px,calc(422px + (100vw - 1100px)*.25),520px)!important;
  height:auto!important;padding:clamp(20px,2.2vw,32px) clamp(28px,2.9vw,42px)!important;
 }
 #app>.li-u-home-hero .li-guest-hero-heading{
  grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr)!important;
  gap:clamp(14px,1.8vw,24px)!important;align-items:center!important;
 }
 #app>.li-u-home-hero .li-guest-hero-copy{gap:clamp(11px,1.3vw,17px)!important}
 #app>.li-u-home-hero h1{
  font-size:clamp(52px,4.3vw,60px)!important;
  line-height:.96!important;max-width:12ch!important;
  margin:3px 0 12px!important;
 }
 #app>.li-u-home-hero .li-guest-intro-lead{
  font-size:clamp(16px,1.35vw,19px)!important;line-height:1.32!important;
 }
 #app>.li-u-home-hero .li-u-home-benefits span{font-size:clamp(12px,1vw,14px)!important}
 #app>.li-u-home-hero .li-u-home-benefits img{width:30px!important;height:30px!important}
 #app>.li-u-home-hero .li-guest-hero-actions{margin-top:5px!important;gap:10px!important}
 #app>.li-u-home-hero .li-guest-hero-actions a{
  min-height:44px!important;font-size:clamp(14px,1.13vw,17px)!important;
  width:min(330px,95%)!important;min-width:0!important;
 }
 #app>.li-u-home-hero .li-u-preview{
  zoom:.85;width:109%!important;max-width:none!important;
  min-height:0!important;padding:5px 0 10px!important;
 }
 .li-u-universe-page>.li-u-page-hero{
  min-height:clamp(408px,calc(408px + (100vw - 1100px)*.28),515px)!important;
  height:auto!important;padding:clamp(19px,2.25vw,34px) clamp(26px,2.7vw,40px)!important;
  grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr)!important;
  gap:clamp(10px,1.35vw,18px)!important;align-items:center!important;
 }
 .li-u-page-hero .li-u-section-head h1{
  font-size:clamp(51px,4.6vw,65px)!important;line-height:.96!important;
  max-width:13ch!important;
 }
 .li-u-page-hero .li-u-section-head p{
  font-size:clamp(14px,1.4vw,19px)!important;line-height:1.35!important;
 }
 .li-u-page-hero .li-u-hero-cta{margin-top:12px!important;gap:10px!important}
 .li-u-page-hero .li-u-hero-cta .li-u-btn{
  min-height:42px!important;padding:8px 14px!important;
  font-size:clamp(13px,1.2vw,17px)!important;
 }
 .li-u-page-hero .li-u-hero-benefits{margin-top:12px!important;gap:7px 12px!important}
 .li-u-page-hero .li-u-hero-benefits img{width:29px!important;height:29px!important}
 .li-u-page-hero .li-u-hero-benefits>span{font-size:12px!important}
 .li-u-parent-page .li-u-page-hero .li-u-preview{
  zoom:.85!important;width:100%!important;max-width:100%!important;min-width:0!important;
 }
 .li-u-child-page .li-u-page-hero .li-u-preview{
  zoom:.76!important;width:100%!important;max-width:100%!important;min-width:0!important;
 }
 .li-u-page-hero .li-u-hero-lion img{width:clamp(95px,9vw,135px)!important}
}

@media(min-width:1101px){
 #app>.li-u-home-hero .li-u-home-benefits{
  display:flex!important;flex-wrap:nowrap!important;
  gap:5px 8px!important;width:100%!important;max-width:none!important;
 }
 #app>.li-u-home-hero .li-u-home-benefits span{
  font-size:11px!important;white-space:nowrap!important;gap:4px!important;
 }
 #app>.li-u-home-hero .li-u-home-benefits img{width:25px!important;height:25px!important}
 #app>.li-u-home-hero .li-guest-hero-actions{gap:7px!important}
 #app>.li-u-home-hero .li-guest-hero-actions a{
  min-height:41px!important;font-size:14px!important;
 }
 #app>.li-u-home-hero h1{margin:3px 0 5px!important}
 #app>.li-u-home-hero .li-guest-hero-copy{gap:11px!important}
}


/* REALMS DEVICE FIDELITY V1 — 2026-10-31 */
/* Isolated to the two public audience cards: no masthead/footer changes. */
#app .li-u-realms .li-u-realm-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:clamp(18px,2.4vw,36px)!important;align-items:stretch!important;
}
#app .li-u-realms .li-u-realm{
  box-sizing:border-box;min-width:0;display:flex!important;flex-direction:column!important;
  align-items:stretch!important;padding:clamp(20px,3vw,40px)!important;
  border:3px solid #e8cbb9!important;border-radius:42px!important;
  background:#fff5ed!important;overflow:hidden!important;
}
#app .li-u-realms .li-u-realm-child{background:#eaf6ff!important;border-color:#bfdced!important}
#app .li-u-realms .li-u-realm>h3{
  margin:0 0 9px!important;font:800 clamp(29px,3.25vw,49px)/1.08 var(--li-u-title,'Fredoka',sans-serif)!important;
  letter-spacing:-.025em;color:#29272a!important;
}
#app .li-u-realms .li-u-realm>p{
  margin:0 0 clamp(28px,3vw,42px)!important;min-height:0!important;
  font:600 clamp(16px,1.6vw,23px)/1.48 var(--li-u-body,'Nunito Sans',sans-serif)!important;
  color:#746a80!important;
}
#app .li-u-realms .li-u-realm>.li-u-tablet{
  box-sizing:border-box;flex:none!important;width:100%!important;min-width:0!important;max-width:100%!important;
  margin:0 auto clamp(24px,2.8vw,38px)!important;transform:rotate(-2deg)!important;
  background:#27242d!important;border:clamp(9px,1.1vw,16px) solid #27242d!important;
  padding:4px!important;border-radius:clamp(26px,3vw,43px)!important;
  box-shadow:0 20px 30px rgba(42,31,54,.20),inset 0 0 0 2px #45404c!important;
}
#app .li-u-realms .li-u-tablet-screen{
  box-sizing:border-box;min-height:0!important;padding:clamp(12px,1.7vw,23px)!important;
  border-radius:clamp(14px,1.8vw,23px)!important;background:#fffaf1!important;
}
#app .li-u-realms .li-u-tablet-title{font-size:clamp(15px,1.8vw,24px)!important}
#app .li-u-realms .li-u-tablet-title small{font-size:clamp(9px,.95vw,13px)!important;line-height:1.35!important}
#app .li-u-realms .li-u-tablet h3{font-size:clamp(18px,2.05vw,29px)!important;margin:15px 0!important}
#app .li-u-realms .li-u-metrics{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;margin:8px 0 20px!important}
#app .li-u-realms .li-u-metrics>span{padding:11px 3px!important;font-size:clamp(9px,.98vw,14px)!important;border-radius:14px!important}
#app .li-u-realms .li-u-metrics b{font-size:clamp(17px,1.95vw,27px)!important}
#app .li-u-realms .li-u-tablet-label{font-size:clamp(16px,1.4vw,21px)!important}
#app .li-u-realms .li-u-children{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin-top:12px!important}
#app .li-u-realms .li-u-child-card{min-width:0!important}
#app .li-u-realms .li-u-child-avatar{width:clamp(52px,6.5vw,100px)!important;height:clamp(52px,6.5vw,100px)!important;object-fit:contain!important}
#app .li-u-realms .li-u-realm-child>.li-u-phone{
  box-sizing:border-box;flex:none!important;width:min(68%,340px)!important;max-width:340px!important;min-width:0!important;
  align-self:center!important;margin:0 auto clamp(24px,2.8vw,38px)!important;
  transform:rotate(3deg)!important;padding:7px!important;border:clamp(8px,1vw,13px) solid #28252e!important;
  border-radius:clamp(34px,4.5vw,55px)!important;background:#27242d!important;
  box-shadow:0 24px 38px #2620363a,inset 0 0 0 2px #4b4650!important;
}
#app .li-u-realms .li-u-camera{height:clamp(12px,1.3vw,18px)!important;width:36%!important;margin:0 auto 7px!important;border-radius:999px!important}
#app .li-u-realms .li-u-phone-screen{border-radius:clamp(22px,2.7vw,35px)!important;overflow:hidden!important}
#app .li-u-realms .li-u-phone-top{font-size:clamp(11px,1.1vw,15px)!important;padding:13px 10px!important;gap:5px!important}
#app .li-u-realms .li-u-map{aspect-ratio:2/3.55!important;min-height:0!important}
#app .li-u-realms .li-u-map-point b{width:clamp(30px,3.5vw,46px)!important;height:clamp(30px,3.5vw,46px)!important;font-size:clamp(16px,1.8vw,25px)!important}
#app .li-u-realms .li-u-map-point small{font-size:clamp(8px,.85vw,12px)!important;padding:4px 7px!important}
#app .li-u-realms .li-u-phone-bottom{font-size:clamp(8px,.82vw,12px)!important;padding:12px 2px!important}
#app .li-u-realms .li-u-realm>a{
  box-sizing:border-box;display:flex!important;align-items:center;justify-content:center;
  width:100%!important;max-width:100%!important;min-height:clamp(58px,5.5vw,76px)!important;
  margin:auto 0 0!important;padding:12px 14px!important;border-radius:999px!important;
  border:2px solid #c6a1b8!important;background:#fff!important;color:#924b70!important;
  text-align:center;font:800 clamp(15px,1.85vw,25px)/1.2 var(--li-u-title,'Fredoka',sans-serif)!important;
  text-decoration:none!important;white-space:normal!important;
}
#app .li-u-realms .li-u-realm>a:hover{background:#fff7fc!important;border-color:#985477!important}
#app .li-u-realms .li-u-realm>a:focus-visible{outline:3px solid #7548a8!important;outline-offset:4px!important}
@media(max-width:900px){
  #app .li-u-realms .li-u-realm-grid{grid-template-columns:1fr!important;max-width:660px;margin-inline:auto}
  #app .li-u-realms .li-u-realm{padding:clamp(18px,5vw,35px)!important;border-radius:32px!important}
  #app .li-u-realms .li-u-realm-child>.li-u-phone{width:min(68%,320px)!important}
  #app .li-u-realms .li-u-realm>p{margin-bottom:30px!important}
  #app .li-u-realms .li-u-metrics>span{font-size:clamp(10px,2vw,14px)!important}
  #app .li-u-realms .li-u-metrics b{font-size:clamp(17px,3.2vw,25px)!important}
  #app .li-u-realms .li-u-child-avatar{width:clamp(60px,12vw,95px)!important;height:clamp(60px,12vw,95px)!important}
  #app .li-u-realms .li-u-phone-top{font-size:13px!important}
  #app .li-u-realms .li-u-phone-bottom{font-size:10px!important}
  #app .li-u-realms .li-u-map-point small{font-size:10px!important}
}
@media(max-width:400px){
  #app .li-u-realms .li-u-realm{padding:17px!important;border-radius:26px!important}
  #app .li-u-realms .li-u-realm>h3{font-size:31px!important}
  #app .li-u-realms .li-u-realm>p{font-size:16px!important;margin-bottom:28px!important}
  #app .li-u-realms .li-u-tablet-screen{padding:9px!important}
  #app .li-u-realms .li-u-metrics{gap:4px!important}
  #app .li-u-realms .li-u-metrics>span{font-size:8px!important;padding:8px 2px!important}
  #app .li-u-realms .li-u-metrics b{font-size:15px!important}
  #app .li-u-realms .li-u-realm-child>.li-u-phone{width:82%!important}
  #app .li-u-realms .li-u-realm>a{font-size:16px!important;min-height:58px!important}
}

/* Real preview: show five legible checkpoints instead of ten overlapping captions. */
#app .li-u-realms .li-u-realm-child .li-u-map-point:nth-of-type(even){display:none!important}
#app .li-u-realms .li-u-realm-child .li-u-map-point{max-width:52%!important}
#app .li-u-realms .li-u-realm-child .li-u-map-point small{max-width:105px!important}
#app .li-u-realms .li-u-realm-child .li-u-map-world{object-fit:cover!important}


/* P1 RESPONSIVE FINISH — approved visual system preserved */
@media(max-width:767px){
 #app .li-u-story-guides .li-guest-showcase-rail.li-u-guide-grid{display:flex!important;flex-wrap:nowrap!important;gap:14px!important;overflow-x:auto!important;scroll-snap-type:x proximity!important;overscroll-behavior-inline:contain!important;padding:8px 4px 18px!important;scrollbar-width:thin!important}
 #app .li-u-story-guides .li-u-guide{box-sizing:border-box!important;flex:0 0 min(72vw,240px)!important;min-width:0!important;scroll-snap-align:start!important}
 #app .li-u-home-extras #superputeri .li-u-pillar-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
 #app .li-u-home-extras #superputeri .li-u-pillar{min-width:0!important;display:grid!important;grid-template-columns:clamp(68px,22vw,94px) minmax(0,1fr)!important;align-items:center!important;text-align:left!important;gap:4px 12px!important;padding:12px 16px!important}
 #app .li-u-home-extras #superputeri .li-u-pillar-art{grid-column:1!important;grid-row:1 / span 2!important;max-width:100%!important;width:100%!important;height:auto!important;object-fit:contain!important}
 #app .li-u-home-extras #superputeri .li-u-pillar h3{grid-column:2!important;margin:0!important}
 #app .li-u-home-extras #superputeri .li-u-pillar p{grid-column:2!important;margin:0!important}
}
@media(min-width:768px) and (max-width:959px){
 #app .li-u-story-guides .li-guest-showcase-rail.li-u-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 #app .li-u-home-extras #superputeri .li-u-pillar-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
#app>.li-u-home-hero,#app>.li-u-home-hero *,#app .li-u-realm,#app .li-u-realm *{min-width:0}
#app>.li-u-home-hero .li-u-preview{max-width:100%!important;box-sizing:border-box!important}
#app>.li-u-home-hero .li-u-preview img{max-width:100%;object-fit:contain}
@media(max-width:767px){
 #app>.li-u-home-hero .li-guest-hero-heading{grid-template-columns:minmax(0,1fr)!important}
 #app>.li-u-home-hero h1{font-size:clamp(32px,8vw,44px)!important;line-height:1.1!important;overflow-wrap:normal!important}
 #app>.li-u-home-hero .li-u-preview{width:100%!important;zoom:1!important;padding-inline:4px!important}
}
@media(min-width:768px) and (max-width:1100px){
 #app>.li-u-home-hero .li-u-preview{width:100%!important;max-width:100%!important;zoom:1!important}
}


/* SCREENSHOT DEFECT CORRECTION 2026-10-31 — no approved header changes */
@media(max-width:1023px){
 html,body{max-width:100%;overflow-x:clip}
 body .layout,body #app,body #app>.li-u-home-extras{box-sizing:border-box;min-width:0;max-width:100%}
 #app .li-u-home-extras,#app .li-u-home-extras>.li-u-section{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;margin-inline:auto!important}
 #app .li-u-home-extras>.li-u-section,#app .li-u-home-extras .li-u-proof,#app .li-u-home-extras .li-u-realms{min-height:0!important;height:auto!important;padding-block:clamp(20px,4vw,36px)!important;overflow:visible!important}
 #app .li-u-home-extras .li-u-section-head{min-width:0!important;max-width:100%!important;margin:0 0 18px!important}
 #app .li-u-home-extras .li-u-section-head h2{max-width:100%;overflow-wrap:break-word;font-size:clamp(27px,5.1vw,46px)!important;line-height:1.12!important}
 #app .li-u-home-extras .li-u-section-head p{max-width:100%!important;font-size:clamp(14px,2.2vw,19px)!important;line-height:1.4!important}
 #app .li-u-home-extras #familia-ne-recomanda{background:#fffaf4f0!important;border-radius:24px!important;padding:22px!important}
 #app .li-u-home-extras #familia-ne-recomanda .li-u-quotes{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin-top:18px!important}
 #app .li-u-home-extras #familia-ne-recomanda .li-u-quotes blockquote{width:100%!important;max-width:100%!important;margin:0!important}
 #app .li-u-home-extras #doua-lumi .li-u-realm-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:18px!important;max-width:680px!important;margin-inline:auto!important}
 #app .li-u-home-extras #doua-lumi .li-u-realm{box-sizing:border-box!important;position:relative!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;padding:clamp(16px,4vw,30px)!important;overflow:hidden!important}
 #app .li-u-home-extras #doua-lumi .li-u-realm>h3,#app .li-u-home-extras #doua-lumi .li-u-realm>p{position:static!important;max-width:100%!important;width:auto!important;transform:none!important}
 #app .li-u-home-extras #doua-lumi .li-u-realm>p{margin:8px 0 28px!important;line-height:1.4!important}
 #app .li-u-home-extras #doua-lumi .li-u-realm>.li-u-tablet{position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:92%!important;max-width:100%!important;height:auto!important;margin:8px auto 30px!important;transform:rotate(-2deg)!important}
 #app .li-u-home-extras #doua-lumi .li-u-realm>.li-u-phone{position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:min(62%,300px)!important;height:auto!important;max-width:100%!important;margin:8px auto 30px!important;transform:rotate(3deg)!important}
 #app .li-u-home-extras #doua-lumi .li-u-realm>a{position:relative!important;inset:auto!important;width:100%!important;max-width:100%!important;min-height:56px!important;margin:auto 0 0!important;transform:none!important}
 #app .li-u-home-extras #superputeri .li-u-pillar-grid{min-width:0!important;width:100%!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #app .li-u-home-extras #superputeri .li-u-pillar{box-sizing:border-box!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:130px!important}
 #app .li-u-story-guides .li-guest-showcase-rail.li-u-guide-grid{max-width:100%!important;min-width:0!important}
}
@media(max-width:767px){
 #app .li-u-home-extras #superputeri .li-u-pillar-grid{grid-template-columns:minmax(0,1fr)!important}
 #app .li-u-home-extras #superputeri .li-u-pillar{min-height:0!important;display:grid!important;grid-template-columns:90px minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:4px 14px!important;text-align:left!important;align-content:center!important;padding:16px!important}
 #app .li-u-home-extras #superputeri .li-u-pillar-art{width:85px!important;height:85px!important;grid-column:1!important;grid-row:1 / 3!important}
 #app .li-u-home-extras #superputeri .li-u-pillar h3{grid-column:2!important;grid-row:1!important;align-self:end!important;font-size:clamp(20px,5vw,27px)!important}
 #app .li-u-home-extras #superputeri .li-u-pillar p{grid-column:2!important;grid-row:2!important;align-self:start!important;font-size:clamp(13px,3.5vw,16px)!important}
 #app .li-u-home-extras #doua-lumi .li-u-realm>.li-u-tablet{width:100%!important}
 #app .li-u-home-extras #doua-lumi .li-u-realm>.li-u-phone{width:min(75%,285px)!important}
 #app .li-u-story-guides .li-guest-showcase-rail.li-u-guide-grid{display:flex!important;overflow-x:auto!important}
 #app>.li-u-home-hero{height:auto!important;min-height:0!important;overflow:hidden!important}
 #app>.li-u-home-hero .li-guest-hero-heading{min-height:0!important}
}


/* SENIOR MOBILE UX REMEDIATION 2026-10-31 */
@media(max-width:767px){
 #app .li-u-home-extras,#app .li-u-home-extras>.li-u-section{min-width:0!important;max-width:100%!important;overflow:visible!important}
 #app .li-u-home-extras #doua-lumi .li-u-realm-grid{grid-template-columns:minmax(0,1fr)!important}
 #app .li-u-home-extras #doua-lumi .li-u-realm{height:auto!important;min-height:0!important;overflow:hidden!important}
 #app .li-u-home-extras #doua-lumi .li-u-realm>.li-u-tablet{width:95%!important;position:relative!important;transform:rotate(-1deg)!important}
 #app .li-u-home-extras #doua-lumi .li-u-realm>.li-u-phone{width:min(66%,270px)!important;position:relative!important;transform:rotate(2deg)!important}
 #app .li-u-home-extras #superputeri .li-u-pillar-grid{grid-template-columns:minmax(0,1fr)!important}
 #app .li-u-home-extras #superputeri .li-u-pillar{height:auto!important;min-height:0!important;overflow:visible!important}
 #app .li-u-home-extras #superputeri .li-u-pillar p{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;display:block!important;max-height:none!important;-webkit-line-clamp:unset!important;line-height:1.4!important}
 #app .li-u-home-extras #familia-ne-recomanda{min-height:0!important;height:auto!important;background:#fffaf5!important}
 #app .li-u-home-extras #familia-ne-recomanda .li-u-quotes{display:grid!important;grid-template-columns:1fr!important;position:static!important;opacity:1!important;visibility:visible!important}
 #app .li-u-home-extras #familia-ne-recomanda .li-u-quotes blockquote{display:flex!important;visibility:visible!important;opacity:1!important}
 #app>.li-u-home-hero h1 span{color:#b63d0c!important}
 #app>.li-u-home-hero .li-guest-intro p{line-height:1.42!important;font-size:clamp(16px,4.2vw,20px)!important}
 #app>.li-u-home-hero .li-guest-hero-actions a{min-height:56px!important;box-sizing:border-box!important}
 #app .li-u-story-guides .li-u-guide{overflow:hidden!important}
}
@media(min-width:768px) and (max-width:1023px){
 #app .li-u-home-extras #doua-lumi .li-u-realm-grid{grid-template-columns:minmax(0,1fr)!important}
 #app .li-u-home-extras #doua-lumi .li-u-realm{height:auto!important;min-height:0!important}
 #app .li-u-home-extras #superputeri .li-u-pillar-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #app .li-u-home-extras #superputeri .li-u-pillar p{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;-webkit-line-clamp:unset!important}
}


/* LI-UX-007..014: owner-requested glass hero, realistic devices, spacing and headings */
/* 008: rely on the established scenic page background, not a second illustrated wallpaper. */
#app>.li-u-home-hero,
body.li-public-page .li-u-universe-page>.li-u-page-hero {
  background:linear-gradient(125deg,rgba(255,253,248,.48),rgba(255,252,250,.21) 64%,rgba(255,255,255,.15))!important;
  background-image:linear-gradient(125deg,rgba(255,253,248,.48),rgba(255,252,250,.21) 64%,rgba(255,255,255,.15))!important;
  backdrop-filter:blur(7px) saturate(112%)!important;
  -webkit-backdrop-filter:blur(7px) saturate(112%)!important;
  border:1px solid rgba(255,255,255,.65)!important;
  box-shadow:0 12px 35px rgba(60,45,79,.08)!important;
}
/* 009, 011, 013: realistic 4:3.1 tablet and 9:19 phone, no overlap. */
#app>.li-u-home-hero .li-u-preview,
.li-u-universe-page .li-u-preview {
  display:grid!important;
  grid-template-columns:minmax(0,1.65fr) minmax(0,.69fr)!important;
  align-items:center!important;justify-items:center!important;
  gap:clamp(14px,2.1vw,30px)!important;
  width:100%!important;max-width:700px!important;min-width:0!important;
  min-height:0!important;margin:0 auto!important;
  padding:clamp(8px,1.3vw,18px)!important;
  background:transparent!important;box-sizing:border-box!important;
  border:0!important;overflow:visible!important;
}
#app>.li-u-home-hero .li-u-preview>.li-u-tablet,
.li-u-universe-page .li-u-preview>.li-u-tablet,
#app .li-u-realms .li-u-realm>.li-u-tablet,
.li-u-parent-page .li-u-panel>.li-u-tablet {
  box-sizing:border-box!important;
  position:relative!important;min-width:0!important;
  width:100%!important;max-width:100%!important;flex:none!important;
  height:auto!important;aspect-ratio:4 / 3.08!important;
  margin:0!important;padding:clamp(9px,1vw,13px)!important;
  border:3px solid #24232c!important;
  border-radius:clamp(22px,2.7vw,34px)!important;
  background:linear-gradient(140deg,#45414b,#26242e 54%,#37323d)!important;
  box-shadow:inset 0 0 0 2px #5d5964,0 10px 24px #201c3240!important;
  transform:none!important;overflow:hidden!important;
}
#app>.li-u-home-hero .li-u-preview>.li-u-tablet:after,
.li-u-universe-page .li-u-preview>.li-u-tablet:after,
#app .li-u-realms .li-u-realm>.li-u-tablet:after {
  content:"";pointer-events:none;position:absolute;
  top:50%;left:4px;transform:translateY(-50%);
  width:4px;height:24px;border-radius:99px;background:#0d0c13;
  box-shadow:0 0 0 1px #595461;
}
#app>.li-u-home-hero .li-u-preview .li-u-tablet-screen,
.li-u-universe-page .li-u-preview .li-u-tablet-screen,
#app .li-u-realms .li-u-tablet-screen {
  box-sizing:border-box!important;width:100%!important;height:100%!important;
  min-height:0!important;margin:0!important;padding:clamp(8px,1vw,16px)!important;
  overflow:hidden!important;border-radius:clamp(13px,1.5vw,22px)!important;
  background:#fffaf3!important;
  display:flex!important;flex-direction:column!important;
}
#app>.li-u-home-hero .li-u-preview>.li-u-phone,
.li-u-universe-page .li-u-preview>.li-u-phone,
#app .li-u-realms .li-u-realm-child>.li-u-phone,
.li-u-trail-phones>.li-u-phone {
  box-sizing:border-box!important;position:relative!important;
  flex:none!important;width:100%!important;min-width:0!important;
  max-width:260px!important;height:auto!important;aspect-ratio:9 / 18.8!important;
  margin:0!important;padding:7px!important;
  border:3px solid #25222b!important;border-radius:clamp(25px,3.6vw,43px)!important;
  background:linear-gradient(130deg,#514954 0%,#24222a 26%,#312c36 80%)!important;
  box-shadow:inset 0 0 0 2px #665f6a,0 10px 23px #211b3040!important;
  transform:none!important;overflow:hidden!important;
}
#app>.li-u-home-hero .li-u-preview .li-u-phone-screen,
.li-u-universe-page .li-u-preview .li-u-phone-screen,
#app .li-u-realms .li-u-phone-screen,
.li-u-trail-phones .li-u-phone-screen {
  display:flex!important;flex-direction:column!important;
  box-sizing:border-box!important;width:100%!important;height:100%!important;
  min-height:0!important;overflow:hidden!important;
  border-radius:clamp(18px,2.7vw,32px)!important;
}
#app .li-u-preview .li-u-camera,
#app .li-u-realms .li-u-camera,
.li-u-trail-phones .li-u-camera {
  position:absolute!important;z-index:6!important;
  top:clamp(9px,1.2vw,14px)!important;left:50%!important;
  transform:translateX(-50%)!important;
  width:28%!important;max-width:60px!important;height:6px!important;
  background:#15131a!important;border-radius:30px!important;
  margin:0!important;
}
#app .li-u-preview .li-u-phone-top,
#app .li-u-realms .li-u-phone-top,
.li-u-trail-phones .li-u-phone-top {
  box-sizing:border-box!important;flex:0 0 auto!important;
  width:100%!important;min-height:0!important;
  padding:clamp(20px,2vw,28px) 7px 6px!important;
  white-space:normal!important;overflow:hidden!important;
  font-size:clamp(8px,.83vw,11px)!important;line-height:1.15!important;
}
#app .li-u-preview .li-u-map,
#app .li-u-realms .li-u-map,
.li-u-trail-phones .li-u-map {
  box-sizing:border-box!important;flex:1 1 0!important;height:auto!important;
  min-height:0!important;aspect-ratio:auto!important;overflow:hidden!important;
}
#app .li-u-preview .li-u-phone-bottom,
#app .li-u-realms .li-u-phone-bottom,
.li-u-trail-phones .li-u-phone-bottom {
  flex:none!important;box-sizing:border-box!important;
  padding:8px 2px!important;line-height:1.2!important;
  font-size:clamp(8px,.8vw,11px)!important;white-space:nowrap!important;
}
/* 012: remove tiny repeated interface chrome in *preview* screens only. */
#app .li-u-preview .li-u-tablet-title small,
#app .li-u-realms .li-u-tablet-title small,
#app .li-u-preview .li-u-mini-jars,
#app .li-u-preview .li-u-child-card>small,
#app .li-u-realms .li-u-mini-jars,
#app .li-u-realms .li-u-child-card>small {display:none!important}
#app .li-u-preview .li-u-tablet-title,
#app .li-u-realms .li-u-tablet-title {font-size:clamp(11px,1.3vw,17px)!important;line-height:1.15!important}
#app .li-u-preview .li-u-tablet h3,
#app .li-u-realms .li-u-tablet h3 {font-size:clamp(15px,1.65vw,21px)!important;margin:5px 0!important}
#app .li-u-preview .li-u-metrics,
#app .li-u-realms .li-u-metrics {grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important;margin:5px 0 8px!important}
#app .li-u-preview .li-u-metrics>span,
#app .li-u-realms .li-u-metrics>span {padding:5px 2px!important;font-size:clamp(7px,.78vw,11px)!important;min-width:0!important}
#app .li-u-preview .li-u-metrics b,
#app .li-u-realms .li-u-metrics b{font-size:clamp(11px,1.3vw,17px)!important}
#app .li-u-preview .li-u-children,
#app .li-u-realms .li-u-children {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin-top:5px!important;min-height:0!important}
#app .li-u-preview .li-u-child-card,
#app .li-u-realms .li-u-child-card {min-width:0!important;padding:clamp(5px,.7vw,10px)!important;overflow:hidden!important}
#app .li-u-preview .li-u-child-card span,
#app .li-u-realms .li-u-child-card span{font-size:clamp(7px,.8vw,11px)!important}
#app .li-u-preview .li-u-child-avatar,
#app .li-u-realms .li-u-child-avatar {width:clamp(35px,4.4vw,68px)!important;height:clamp(35px,4.4vw,68px)!important;object-fit:contain!important}
#app .li-u-preview .li-u-map-point:nth-of-type(n+5),
#app .li-u-realms .li-u-map-point:nth-of-type(n+5),
.li-u-trail-phones .li-u-map-point:nth-of-type(n+5){display:none!important}
#app .li-u-preview .li-u-map-point small,
#app .li-u-realms .li-u-map-point small,
.li-u-trail-phones .li-u-map-point small{max-width:68px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:clamp(7px,.72vw,10px)!important;padding:3px!important}
#app .li-u-preview .li-u-map-point b,
#app .li-u-realms .li-u-map-point b,
.li-u-trail-phones .li-u-map-point b{width:clamp(23px,2.4vw,32px)!important;height:clamp(23px,2.4vw,32px)!important;font-size:clamp(11px,1.3vw,16px)!important}

/* LI-UX-012/023/052 — readable illustrated preview at small device sizes.
   Demonstrative screens keep two key metrics and recognizable child avatars.
   All four real dashboard metrics remain available on the actual parent page. */
#app>.li-u-home-hero .li-u-preview .li-u-metrics>span:nth-child(n+3),
.li-u-parent-page>.li-u-page-hero .li-u-preview-parent .li-u-metrics>span:nth-child(n+3){
 display:none!important;
}
#app>.li-u-home-hero .li-u-preview .li-u-metrics,
.li-u-parent-page>.li-u-page-hero .li-u-preview-parent .li-u-metrics{
 grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:3px!important;margin:3px 0!important;
}
#app>.li-u-home-hero .li-u-preview .li-u-metrics>span,
.li-u-parent-page>.li-u-page-hero .li-u-preview-parent .li-u-metrics>span{
 font-size:clamp(9px,1.1vw,12px)!important;padding:2px 3px!important;
 line-height:1.1!important;
}
#app>.li-u-home-hero .li-u-preview .li-u-metrics b,
.li-u-parent-page>.li-u-page-hero .li-u-preview-parent .li-u-metrics b{
 font-size:clamp(12px,1.5vw,17px)!important;
}
#app>.li-u-home-hero .li-u-preview .li-u-children,
.li-u-parent-page>.li-u-page-hero .li-u-preview-parent .li-u-children{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:3px!important;margin:2px 0 0!important;
}
#app>.li-u-home-hero .li-u-preview .li-u-child-card,
.li-u-parent-page>.li-u-page-hero .li-u-preview-parent .li-u-child-card{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 min-height:22px!important;padding:1px 2px!important;overflow:hidden!important;
}
#app>.li-u-home-hero .li-u-preview .li-u-child-head,
.li-u-parent-page>.li-u-page-hero .li-u-preview-parent .li-u-child-head{
 display:flex!important;flex-direction:column!important;gap:1px!important;min-width:0!important;
}
#app>.li-u-home-hero .li-u-preview .li-u-child-head strong,
.li-u-parent-page>.li-u-page-hero .li-u-preview-parent .li-u-child-head strong,
#app>.li-u-home-hero .li-u-preview .li-u-child-head b,
.li-u-parent-page>.li-u-page-hero .li-u-preview-parent .li-u-child-head b{
 font-size:clamp(8px,1vw,11px)!important;
}
#app>.li-u-home-hero .li-u-preview .li-u-child-avatar,
.li-u-parent-page>.li-u-page-hero .li-u-preview-parent .li-u-child-avatar{
 width:clamp(21px,3.2vw,35px)!important;height:clamp(21px,3.2vw,35px)!important;
}
#app>.li-u-home-hero .li-u-preview .li-u-child-card span,
.li-u-parent-page>.li-u-page-hero .li-u-preview-parent .li-u-child-card span{
 display:none!important;
}
#app>.li-u-home-hero .li-u-preview .li-u-tablet-label,
.li-u-parent-page>.li-u-page-hero .li-u-preview-parent .li-u-tablet-label{
 font-size:clamp(9px,1.2vw,13px)!important;
}
@media(max-width:350px){
 #app>.li-u-home-hero .li-u-preview .li-u-tablet-title,
 #app>.li-u-home-hero .li-u-preview .li-u-tablet-label{display:none!important}
 #app>.li-u-home-hero .li-u-preview .li-u-tablet h3{margin:0!important;line-height:1.08!important}
 #app>.li-u-home-hero .li-u-preview .li-u-metrics{margin:1px 0!important}
 #app>.li-u-home-hero .li-u-preview .li-u-children{margin:0!important}
}


/* LI-UX-023 — compact parent tablet mockup verified at 320,393,834,1366.
   This is an illustrative device preview, not the full family dashboard. */
.li-u-parent-page>.li-u-page-hero .li-u-preview-parent .li-u-tablet-title{
 display:none!important;
}
.li-u-parent-page>.li-u-page-hero .li-u-preview-parent .li-u-tablet h3{
 font-size:clamp(12px,1.5vw,19px)!important;line-height:1.1!important;
 margin:0 0 3px!important;
}
.li-u-parent-page>.li-u-page-hero .li-u-preview-parent .li-u-tablet-label{
 display:none!important;
}
.li-u-parent-page>.li-u-page-hero .li-u-preview-parent .li-u-children{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 margin:2px 0 0!important;gap:3px!important;min-height:0!important;height:auto!important;
}
.li-u-parent-page>.li-u-page-hero .li-u-preview-parent .li-u-child-card{
 display:flex!important;min-height:0!important;height:30px!important;
 max-height:30px!important;flex-direction:row!important;
 align-items:center!important;justify-content:space-between!important;
 padding:1px 3px!important;overflow:hidden!important;
}
.li-u-parent-page>.li-u-page-hero .li-u-preview-parent .li-u-child-card>*{
 min-width:0!important;
}
.li-u-parent-page>.li-u-page-hero .li-u-preview-parent .li-u-child-avatar{
 width:24px!important;height:24px!important;flex:none!important;
}
.li-u-parent-page>.li-u-page-hero .li-u-preview-parent .li-u-child-head{
 display:flex!important;flex-direction:column!important;
 align-items:flex-start!important;gap:0!important;
}
.li-u-parent-page>.li-u-page-hero .li-u-preview-parent .li-u-child-head>*{
 font-size:10px!important;line-height:1!important;
}
.li-u-parent-page>.li-u-page-hero .li-u-preview-parent .li-u-child-card span,
.li-u-parent-page>.li-u-page-hero .li-u-preview-parent .li-u-child-card small,
.li-u-parent-page>.li-u-page-hero .li-u-preview-parent .li-u-mini-jars{
 display:none!important;
}
.li-u-parent-page>.li-u-page-hero .li-u-preview-parent .li-u-metrics{
 margin:2px 0 1px!important;gap:2px!important;
}
.li-u-parent-page>.li-u-page-hero .li-u-preview-parent .li-u-metrics>span{
 padding:1px!important;line-height:1!important;font-size:9px!important;
}

/* 014: title's decorative star and subtitle share exactly the same text start. */
.li-u-home-extras .li-u-section-head,
.li-u-universe-page .li-u-section-head {
  --li-head-indent:clamp(27px,3.4vw,42px);
}
.li-u-home-extras .li-u-section-head h2,
.li-u-universe-page .li-u-section-head h2 {
  position:relative!important;padding-left:var(--li-head-indent)!important;
  box-sizing:border-box!important;
}
.li-u-home-extras .li-u-section-head h2:before,
.li-u-universe-page .li-u-section-head h2:before {
  position:absolute!important;left:0!important;top:.05em!important;
  display:block!important;width:var(--li-head-indent)!important;
  margin:0!important;text-align:left!important;
}
.li-u-home-extras .li-u-section-head p,
.li-u-universe-page .li-u-section-head p {
  box-sizing:border-box!important;padding-left:var(--li-head-indent)!important;
  text-align:left!important;
}
@media(min-width:600px) and (max-width:1023px) {
 /* 007: keep decorative route when the navigation collapses; never cover controls. */
 body.li-public-page .li-shared-masthead .li-ah-journey,
 body:has(#app>.li-guest-hero) .li-shared-masthead .li-ah-journey {
  display:block!important;visibility:visible!important;opacity:.7!important;
  pointer-events:none!important;z-index:0!important;
 }
 body.li-public-page .li-adventure-header .li-ah-live-trail,
 body:has(#app>.li-guest-hero) .li-adventure-header .li-ah-live-trail{
  position:absolute!important;left:110px!important;right:76px!important;
  width:calc(100% - 186px)!important;top:0!important;
  height:100%!important;pointer-events:none!important;
 }
}
@media(max-width:599px) {
 body.li-public-page .li-shared-masthead .li-ah-journey,
 body:has(#app>.li-guest-hero) .li-shared-masthead .li-ah-journey {
  display:block!important;visibility:visible!important;opacity:.4!important;
  pointer-events:none!important;z-index:0!important;
 }
 body.li-public-page .li-adventure-header .li-ah-live-trail,
 body:has(#app>.li-guest-hero) .li-adventure-header .li-ah-live-trail{
  left:75px!important;right:58px!important;top:0!important;
  width:calc(100% - 133px)!important;height:100%!important;pointer-events:none!important;
 }
 #app>.li-u-home-hero .li-u-preview,
 .li-u-universe-page .li-u-preview {
  grid-template-columns:minmax(0,1fr)!important;gap:22px!important;
 }
 #app>.li-u-home-hero .li-u-preview>.li-u-tablet,
 .li-u-universe-page .li-u-preview>.li-u-tablet{max-width:440px!important}
 #app>.li-u-home-hero .li-u-preview>.li-u-phone,
 .li-u-universe-page .li-u-preview>.li-u-phone{max-width:200px!important}
 #app>.li-u-home-hero .li-u-preview-child,
 .li-u-universe-page .li-u-preview-child{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(min-width:600px) and (max-width:840px) {
 #app>.li-u-home-hero .li-u-preview,
 .li-u-universe-page .li-u-preview{grid-template-columns:minmax(0,1.55fr) minmax(0,.7fr)!important;gap:14px!important}
}
@media(prefers-reduced-transparency:reduce) {
 #app>.li-u-home-hero,.li-u-universe-page>.li-u-page-hero{backdrop-filter:none!important;background:rgba(255,252,247,.85)!important}
}


/* LI-UX-007 priority override for the legacy display:none selector */
@media(max-width:1023px) {
 :is(body.li-public-page,body:has(#app>.li-guest-hero)) .li-shared-masthead .li-ah-journey {
  display:block!important;visibility:visible!important;opacity:.68!important;pointer-events:none!important;
 }
 :is(body.li-public-page,body:has(#app>.li-guest-hero)) .li-shared-masthead .li-ah-live-trail{
  display:block!important;visibility:visible!important;
 }
}
@media(max-width:599px){
 :is(body.li-public-page,body:has(#app>.li-guest-hero)) .li-shared-masthead .li-ah-journey{opacity:.4!important}
}


/* LI-UX-009/011: page-specific device compositions */
.li-u-universe-page .li-u-preview-parent{
 display:flex!important;align-items:center!important;justify-content:center!important;
 width:100%!important;max-width:660px!important;gap:0!important;
}
.li-u-universe-page .li-u-preview-parent>.li-u-tablet{
 width:min(100%,570px)!important;flex:0 1 auto!important;
}
.li-u-universe-page .li-u-preview-child{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:clamp(14px,3vw,30px)!important;justify-items:center!important;
 max-width:540px!important;margin-inline:auto!important;
}
.li-u-universe-page .li-u-preview-child>.li-u-phone{max-width:225px!important}
.li-u-trail-phones{box-sizing:border-box!important;display:flex!important;flex-wrap:wrap!important;
 justify-content:center!important;align-items:center!important;gap:clamp(14px,3vw,28px)!important;
 min-width:0!important;max-width:100%!important}
.li-u-trail-phones>.li-u-phone{
 flex:0 1 clamp(130px,38%,225px)!important;max-width:225px!important;
}
@media(max-width:599px){
 .li-u-universe-page .li-u-preview-child{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:clamp(10px,3vw,17px)!important;
 }
 .li-u-universe-page .li-u-preview-child>.li-u-phone{width:100%!important}
 .li-u-trail-phones>.li-u-phone{flex-basis:clamp(130px,44%,190px)!important}
}


/* LI-UX-015..020: mobile visual regression recovery 2026-10-31 */
@media(max-width:767px){
  /* Sections must paint their actual DOM instead of a repeated landscape placeholder. */
  #app .li-u-home-extras{display:flex!important;flex-direction:column!important;gap:clamp(12px,3.5vw,20px)!important;margin-block:12px!important;overflow:visible!important}
  #app .li-u-home-extras>.li-u-section{
    display:block!important;box-sizing:border-box!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    position:relative!important;isolation:isolate!important;
    height:auto!important;min-height:0!important;max-height:none!important;
    padding:clamp(16px,4vw,24px)!important;margin:0!important;
    border-radius:24px!important;
    background:rgba(255,253,247,.78)!important;
    box-shadow:0 5px 16px rgba(39,28,61,.06)!important;
    overflow:visible!important;
    content-visibility:visible!important;contain:none!important;
  }
  #app .li-u-home-extras>.li-u-section:before,
  #app .li-u-home-extras>.li-u-section:after{
    display:none!important;content:none!important;
  }
  #app .li-u-home-extras #doua-lumi{display:block!important;min-height:0!important;max-height:none!important;background:#fcfbf8ed!important}
  #app .li-u-home-extras #doua-lumi .li-u-realm-grid{
    box-sizing:border-box!important;display:grid!important;position:static!important;
    grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;
    grid-auto-rows:auto!important;grid-auto-flow:row!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    gap:14px!important;margin:14px 0 0!important;padding:0!important;
    height:auto!important;min-height:0!important;max-height:none!important;
    overflow:visible!important;opacity:1!important;visibility:visible!important;
    transform:none!important;content-visibility:visible!important;
  }
  #app .li-u-home-extras #doua-lumi .li-u-realm-grid>.li-u-realm{
    box-sizing:border-box!important;display:flex!important;position:relative!important;isolation:isolate!important;
    flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;
    grid-column:auto!important;grid-row:auto!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    height:auto!important;min-height:0!important;max-height:none!important;
    padding:16px!important;margin:0!important;
    border:1px solid #ead3c3!important;border-radius:22px!important;
    background:#fff3e8!important;opacity:1!important;visibility:visible!important;
    transform:none!important;filter:none!important;overflow:hidden!important;
    content-visibility:visible!important;contain:none!important;
  }
  #app .li-u-home-extras #doua-lumi .li-u-realm-grid>.li-u-realm-child{background:#eaf5fb!important;border-color:#c3dae9!important}
  #app .li-u-home-extras #doua-lumi .li-u-realm>h3{
    box-sizing:border-box!important;position:static!important;
    display:block!important;width:100%!important;max-width:100%!important;
    color:#382452!important;font:750 clamp(23px,6vw,29px)/1.15 Fredoka,system-ui,sans-serif!important;
    margin:0 0 6px!important;opacity:1!important;visibility:visible!important;
    transform:none!important;
  }
  #app .li-u-home-extras #doua-lumi .li-u-realm>p{
    box-sizing:border-box!important;display:block!important;position:static!important;
    width:100%!important;max-width:100%!important;min-height:0!important;
    margin:0 0 13px!important;color:#65526e!important;
    font:600 clamp(13px,3.5vw,15px)/1.42 "Nunito Sans",system-ui,sans-serif!important;
    white-space:normal!important;overflow-wrap:break-word!important;
    opacity:1!important;visibility:visible!important;transform:none!important;
  }
  #app .li-u-home-extras #doua-lumi .li-u-realm>.li-u-tablet,
  #app .li-u-home-extras #doua-lumi .li-u-realm>.li-u-phone{
    box-sizing:border-box!important;position:relative!important;
    inset:auto!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
    display:block!important;flex:none!important;align-self:center!important;
    height:auto!important;min-height:0!important;margin:0 auto 14px!important;
    transform:none!important;zoom:1!important;
    opacity:1!important;visibility:visible!important;filter:none!important;
  }
  #app .li-u-home-extras #doua-lumi .li-u-realm>.li-u-tablet{
    width:min(100%,440px)!important;max-width:100%!important;
    aspect-ratio:4/3.08!important;
  }
  #app .li-u-home-extras #doua-lumi .li-u-realm>.li-u-phone{
    width:min(47vw,190px)!important;max-width:190px!important;
    aspect-ratio:9/18.8!important;
  }
  #app .li-u-home-extras #doua-lumi .li-u-realm>a{
    box-sizing:border-box!important;display:flex!important;position:static!important;
    align-items:center!important;justify-content:center!important;flex:none!important;
    width:100%!important;max-width:100%!important;min-height:48px!important;
    margin:0!important;padding:9px 12px!important;
    border:2px solid #e69d71!important;border-radius:999px!important;
    background:#fffdf8!important;color:#70376c!important;
    font:800 clamp(13px,3.5vw,16px)/1.2 Fredoka,system-ui,sans-serif!important;
    white-space:normal!important;text-align:center!important;visibility:visible!important;
  }
  /* Testimonials must be immediately below the title, never a large empty sheet. */
  #app .li-u-home-extras #familia-ne-recomanda{
    display:block!important;height:auto!important;min-height:0!important;
    max-height:none!important;background:#fff9f4f5!important;
    padding:16px!important;overflow:visible!important;isolation:isolate!important;
  }
  #app .li-u-home-extras #familia-ne-recomanda .li-u-quotes{
    display:grid!important;position:static!important;grid-template-columns:minmax(0,1fr)!important;
    grid-auto-rows:auto!important;width:100%!important;min-width:0!important;
    max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;
    gap:10px!important;padding:0!important;margin:12px 0 0!important;
    opacity:1!important;visibility:visible!important;transform:none!important;
    content-visibility:visible!important;
  }
  #app .li-u-home-extras #familia-ne-recomanda .li-u-quotes>blockquote{
    box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
    position:static!important;min-width:0!important;width:100%!important;max-width:100%!important;
    height:auto!important;min-height:0!important;padding:12px 14px!important;margin:0!important;
    border:1px solid #ecdccf!important;border-radius:16px!important;
    background:#fffdf9!important;color:#504363!important;
    visibility:visible!important;opacity:1!important;transform:none!important;
  }
  #app .li-u-home-extras #familia-ne-recomanda .li-u-quotes>blockquote p{
    font-size:clamp(13px,3.4vw,15px)!important;line-height:1.5!important;
    white-space:normal!important;overflow:visible!important;
  }
  /* Wrapped descriptions remain inside all four superpower cards. */
  #app .li-u-home-extras #superputeri .li-u-pillar-grid{
    width:100%!important;min-width:0!important;display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;gap:12px!important;
  }
  #app .li-u-home-extras #superputeri .li-u-pillar{
    box-sizing:border-box!important;display:grid!important;
    width:100%!important;min-width:0!important;max-width:100%!important;
    height:auto!important;min-height:0!important;
    grid-template-columns:clamp(67px,19vw,88px) minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;align-items:center!important;
    column-gap:12px!important;row-gap:4px!important;
    padding:14px!important;overflow:hidden!important;
  }
  #app .li-u-home-extras #superputeri .li-u-pillar .li-u-pillar-art{
    grid-column:1!important;grid-row:1/span 2!important;
    width:100%!important;height:auto!important;max-height:94px!important;
    object-fit:contain!important;
  }
  #app .li-u-home-extras #superputeri .li-u-pillar h3,
  #app .li-u-home-extras #superputeri .li-u-pillar p{
    grid-column:2!important;box-sizing:border-box!important;
    max-width:100%!important;min-width:0!important;
    margin:0!important;text-align:left!important;
    white-space:normal!important;overflow-wrap:break-word!important;
    word-break:normal!important;text-overflow:clip!important;
    overflow:visible!important;max-height:none!important;
    -webkit-line-clamp:unset!important;
  }
  #app .li-u-home-extras #superputeri .li-u-pillar h3{grid-row:1!important;font-size:clamp(19px,5vw,25px)!important;line-height:1.1!important}
  #app .li-u-home-extras #superputeri .li-u-pillar p{grid-row:2!important;font-size:clamp(13px,3.5vw,15px)!important;line-height:1.35!important}
  /* Companion layout unified in the authoritative 3x2 mobile block below. */
  /* The onboarding illustrations are a real list on phones, not half-hidden cards. */
  #app .li-guest-access-grid .li-guest-access-step-flow,
  #app .li-guest-access-steps .li-guest-access-step-flow{
    box-sizing:border-box!important;display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:8px!important;width:100%!important;min-width:0!important;max-width:100%!important;
    overflow:visible!important;scroll-snap-type:none!important;
  }
  #app .li-guest-access-step-flow>.li-guest-access-step{
    box-sizing:border-box!important;display:flex!important;
    flex-direction:row!important;align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    min-height:66px!important;padding:8px 12px!important;gap:12px!important;
    text-align:left!important;
  }
  #app .li-guest-access-step-flow>.li-guest-access-step img{
    flex:0 0 42px!important;width:42px!important;height:42px!important;margin:0!important;
  }
  #app .li-guest-access-step-flow>.li-guest-step-arrow{display:none!important}
  /* Keep paired illustrated devices side-by-side to reduce 1st-screen scroll. */
  #app>.li-u-home-hero .li-u-preview{
    display:grid!important;grid-template-columns:minmax(0,1.62fr) minmax(0,.68fr)!important;
    align-items:center!important;justify-items:center!important;gap:12px!important;
    width:100%!important;max-width:100%!important;
    padding:6px!important;margin:0!important;overflow:visible!important;
  }
  #app>.li-u-home-hero .li-u-preview>.li-u-tablet{
    width:100%!important;max-width:100%!important;aspect-ratio:4/3.08!important;
    align-self:center!important;
  }
  #app>.li-u-home-hero .li-u-preview>.li-u-phone{
    width:100%!important;max-width:160px!important;aspect-ratio:9/18.8!important;
    align-self:center!important;
  }
}


/* LI-UX-041 — reference-matched graphite-blue devices */
/* Realistic 3D shells. Their inner screens remain real existing page previews. */
#app .li-u-preview>.li-u-tablet,
#app .li-u-realms .li-u-realm>.li-u-tablet,
#app .li-u-parent-page .li-u-panel>.li-u-tablet{
  box-sizing:border-box!important;position:relative!important;isolation:isolate!important;
  aspect-ratio:4/3.05!important;width:100%!important;max-width:100%!important;height:auto!important;
  padding:clamp(10px,1.55vw,18px)!important;
  border:clamp(3px,.38vw,5px) solid #677991!important;
  border-radius:clamp(22px,3vw,39px)!important;
  background:linear-gradient(137deg,#8798ac 0%,#6b7e96 22%,#91a2b7 47%,#60758f 76%,#778da6 100%)!important;
  box-shadow:inset 0 0 0 2px #adbacb,inset 0 0 0 5px #52667f,
    0 20px 28px rgba(25,33,59,.23),2px 6px 0 rgba(70,82,105,.16)!important;
  transform:rotate(3deg)!important;transform-origin:center center!important;
  overflow:visible!important;
}
#app .li-u-preview>.li-u-tablet::before,
#app .li-u-realms .li-u-realm>.li-u-tablet::before,
#app .li-u-parent-page .li-u-panel>.li-u-tablet::before{
  content:""!important;position:absolute!important;z-index:-1!important;
  top:29%!important;left:-7px!important;height:15%!important;width:6px!important;
  border-radius:4px 0 0 4px!important;background:#637892!important;
  box-shadow:0 52px 0 #60728c!important;pointer-events:none!important;
}
#app .li-u-preview>.li-u-tablet::after,
#app .li-u-realms .li-u-realm>.li-u-tablet::after,
#app .li-u-parent-page .li-u-panel>.li-u-tablet::after{
  content:""!important;position:absolute!important;z-index:3!important;
  width:5px!important;height:5px!important;top:50%!important;left:5px!important;
  border-radius:50%!important;background:#202738!important;
  box-shadow:0 0 0 2px #97a9bc!important;pointer-events:none!important;
}
#app .li-u-preview .li-u-tablet-screen,
#app .li-u-realms .li-u-tablet-screen,
#app .li-u-parent-page .li-u-panel .li-u-tablet-screen{
  box-sizing:border-box!important;position:relative!important;z-index:1!important;
  width:100%!important;height:100%!important;border:1px solid #5e718d!important;
  border-radius:clamp(13px,2vw,27px)!important;overflow:hidden!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.68)!important;
}
#app .li-u-preview>.li-u-phone,
#app .li-u-realms .li-u-realm>.li-u-phone,
#app .li-u-trail-phones>.li-u-phone{
  box-sizing:border-box!important;position:relative!important;isolation:isolate!important;
  aspect-ratio:9/18.7!important;width:100%!important;max-width:235px!important;height:auto!important;
  padding:clamp(7px,.9vw,12px)!important;
  border:clamp(3px,.42vw,5px) solid #667b96!important;
  border-radius:clamp(25px,4.2vw,46px)!important;
  background:linear-gradient(130deg,#b3bfce 0%,#7d90a9 24%,#697f9b 58%,#92a5bc 82%,#697e99 100%)!important;
  box-shadow:inset 0 0 0 2px #c6d0db,inset 0 0 0 5px #657b96,
     0 20px 26px rgba(29,37,62,.22),4px 8px 0 rgba(64,81,107,.13)!important;
  transform:rotate(-4deg)!important;transform-origin:center center!important;
  overflow:visible!important;
}
#app .li-u-preview>.li-u-phone::before,
#app .li-u-realms .li-u-realm>.li-u-phone::before,
#app .li-u-trail-phones>.li-u-phone::before{
  content:""!important;position:absolute!important;z-index:-1!important;
  left:-8px!important;top:21%!important;width:7px!important;height:13%!important;
  background:#667d99!important;border-radius:4px 0 0 4px!important;
  box-shadow:0 47px 0 #687e99!important;pointer-events:none!important;
}
#app .li-u-preview>.li-u-phone::after,
#app .li-u-realms .li-u-realm>.li-u-phone::after,
#app .li-u-trail-phones>.li-u-phone::after{
  content:""!important;position:absolute!important;z-index:-1!important;
  right:-8px!important;top:37%!important;width:7px!important;height:20%!important;
  background:#617995!important;border-radius:0 4px 4px 0!important;
  pointer-events:none!important;
}
#app .li-u-preview .li-u-phone-screen,
#app .li-u-realms .li-u-phone-screen,
#app .li-u-trail-phones .li-u-phone-screen{
  box-sizing:border-box!important;position:relative!important;z-index:1!important;
  overflow:hidden!important;width:100%!important;height:100%!important;
  border:1px solid #667992!important;border-radius:clamp(18px,3.1vw,35px)!important;
  background:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.72)!important;
}
#app .li-u-preview .li-u-camera,
#app .li-u-realms .li-u-camera,
#app .li-u-trail-phones .li-u-camera{
  position:absolute!important;z-index:5!important;top:clamp(8px,1.1vw,13px)!important;left:50%!important;
  transform:translateX(-50%)!important;width:34%!important;max-width:65px!important;
  height:clamp(7px,1.12vw,12px)!important;border-radius:99px!important;
  background:radial-gradient(circle at 84% 50%,#33405a 0 4%,transparent 8%),#0c1321!important;
  box-shadow:0 1px 0 #51617a!important;pointer-events:none!important;
}
/* Paired devices: top corners tilt inward (tablet counterclockwise, phone clockwise). */
#app>.li-u-home-hero .li-u-preview,
#app .li-u-universe-page .li-u-preview-parent{
  display:grid!important;grid-template-columns:minmax(0,1.65fr) minmax(0,.72fr)!important;
  gap:clamp(19px,3.3vw,42px)!important;align-items:center!important;justify-items:center!important;
  box-sizing:border-box!important;width:100%!important;max-width:700px!important;
  padding:clamp(12px,2vw,24px)!important;margin-inline:auto!important;overflow:visible!important;
}
#app>.li-u-home-hero .li-u-preview>.li-u-tablet,
#app .li-u-universe-page .li-u-preview-parent>.li-u-tablet{max-width:520px!important;transform:rotate(-7deg)!important}
#app>.li-u-home-hero .li-u-preview>.li-u-phone,
#app .li-u-universe-page .li-u-preview-parent>.li-u-phone{max-width:230px!important;transform:rotate(7deg)!important}
#app .li-u-universe-page .li-u-preview-child{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:100%!important;max-width:530px!important;
  gap:clamp(18px,3.5vw,40px)!important;padding:clamp(12px,2.3vw,22px)!important;
  align-items:center!important;justify-items:center!important;overflow:visible!important;
}
#app .li-u-universe-page .li-u-preview-child>.li-u-phone:first-child,
#app .li-u-trail-phones>.li-u-phone:first-child{transform:rotate(3deg)!important}
#app .li-u-universe-page .li-u-preview-child>.li-u-phone:nth-child(2),
#app .li-u-trail-phones>.li-u-phone:nth-child(2){transform:rotate(-3deg)!important}
#app .li-u-trail-phones{gap:clamp(19px,4vw,38px)!important;overflow:visible!important}
#app .li-u-realms .li-u-realm>.li-u-tablet{width:min(96%,500px)!important;transform:rotate(2deg)!important}
#app .li-u-realms .li-u-realm>.li-u-phone{width:min(64%,250px)!important;transform:rotate(-3deg)!important}
@media(max-width:599px){
 #app>.li-u-home-hero .li-u-preview,
 #app .li-u-universe-page .li-u-preview-parent{
  grid-template-columns:minmax(0,1.6fr) minmax(0,.73fr)!important;
  gap:clamp(14px,4vw,23px)!important;padding:12px 8px!important;
 }
 #app>.li-u-home-hero .li-u-preview>.li-u-tablet,
 #app .li-u-universe-page .li-u-preview-parent>.li-u-tablet{width:100%!important}
 #app>.li-u-home-hero .li-u-preview>.li-u-phone,
 #app .li-u-universe-page .li-u-preview-parent>.li-u-phone{width:100%!important}
 #app .li-u-universe-page .li-u-preview-child{gap:18px!important;padding:14px 8px!important}
 #app .li-u-realms .li-u-realm>.li-u-phone{width:min(57%,200px)!important}
}
@media(prefers-reduced-motion:reduce){
 #app .li-u-preview>.li-u-tablet,#app .li-u-preview>.li-u-phone{transition:none!important}
}


/* LI-UX-021 — proportional parent hero on mobile */
@media(max-width:679px){
  .li-u-parent-page>.li-u-page-hero .li-u-preview-parent{
    box-sizing:border-box!important;display:grid!important;
    grid-template-columns:minmax(0,1.62fr) minmax(0,.92fr)!important;
    align-items:center!important;justify-items:center!important;
    gap:clamp(13px,4vw,24px)!important;
    width:100%!important;max-width:430px!important;
    min-height:0!important;margin:15px auto 3px!important;
    padding:13px 11px 17px!important;
    overflow:visible!important;
  }
  .li-u-parent-page>.li-u-page-hero .li-u-preview-parent>.li-u-tablet{
    display:block!important;grid-column:1!important;
    width:100%!important;max-width:none!important;min-width:0!important;
    height:auto!important;aspect-ratio:4/3.05!important;
    margin:0!important;padding:6px!important;
    transform:rotate(-3deg)!important;
  }
  .li-u-parent-page>.li-u-page-hero .li-u-preview-parent>.li-u-phone{
    display:block!important;grid-column:2!important;
    width:min(100%,150px)!important;max-width:150px!important;
    min-width:0!important;height:auto!important;aspect-ratio:9/18.7!important;
    margin:0!important;padding:6px!important;
    transform:rotate(4deg)!important;
  }
  .li-u-parent-page>.li-u-page-hero .li-u-hero-lion{bottom:3px!important;right:2px!important;pointer-events:none!important}
}
@media(min-width:680px) and (max-width:1023px){
 .li-u-parent-page>.li-u-page-hero .li-u-preview-parent{
   display:grid!important;grid-template-columns:minmax(0,1.6fr) minmax(0,.75fr)!important;
   gap:25px!important;max-width:680px!important;justify-items:center!important;margin-inline:auto!important
 }
 .li-u-parent-page>.li-u-page-hero .li-u-preview-parent>.li-u-tablet{
  width:100%!important;max-width:none!important;transform:rotate(-3deg)!important
 }
 .li-u-parent-page>.li-u-page-hero .li-u-preview-parent>.li-u-phone{
  width:100%!important;max-width:205px!important;transform:rotate(4deg)!important
 }
}


/* LI-UX-022 — readable parent journey section */
.li-u-parent-page #panoul-familiei{
 box-sizing:border-box!important;isolation:isolate!important;
 background:linear-gradient(125deg,rgba(255,252,246,.94),rgba(249,244,255,.9))!important;
 border:1px solid rgba(237,216,199,.8)!important;
 border-radius:26px!important;overflow:hidden!important;
 padding:clamp(18px,3vw,32px)!important;
}
.li-u-parent-page #panoul-familiei::before,
.li-u-parent-page #panoul-familiei::after{
 content:none!important;display:none!important;
}
.li-u-parent-page #panoul-familiei>div:first-child{
 box-sizing:border-box!important;position:relative!important;z-index:2!important;
 min-width:0!important;max-width:100%!important;
 background:rgba(255,255,255,.78)!important;padding:clamp(14px,2.2vw,24px)!important;
 border-radius:20px!important;
}
.li-u-parent-page #panoul-familiei .li-u-section-head,
.li-u-parent-page #panoul-familiei .li-u-section-head h2,
.li-u-parent-page #panoul-familiei .li-u-section-head p,
.li-u-parent-page #panoul-familiei>div:first-child>p{
 position:relative!important;z-index:3!important;
 color:#41255f!important;text-shadow:none!important;
 max-width:100%!important;overflow-wrap:break-word!important;
}
.li-u-parent-page #panoul-familiei .li-u-section-head h2{
 font-size:clamp(25px,4vw,39px)!important;line-height:1.13!important;
}
.li-u-parent-page #panoul-familiei .li-u-section-head p,
.li-u-parent-page #panoul-familiei>div:first-child>p{
 font-size:clamp(15px,1.35vw,18px)!important;line-height:1.55!important;
}
@media(max-width:767px){
 .li-u-parent-page #panoul-familiei{
  display:flex!important;flex-direction:column!important;gap:16px!important;
  height:auto!important;min-height:0!important;padding:18px 14px!important;
 }
 .li-u-parent-page #panoul-familiei>div:first-child{padding:16px!important}
 .li-u-parent-page #panoul-familiei>.li-u-tablet{
  align-self:center!important;width:min(94%,470px)!important;max-width:100%!important;
  margin:8px auto!important;transform:rotate(-2deg)!important;
 }
}


/* LI-UX-025 — legible parent features, profile and four jars */
@media(max-width:679px){
 .li-u-parent-page .li-u-features{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;min-width:0!important;
 }
 .li-u-parent-page .li-u-features>article{
  box-sizing:border-box!important;min-width:0!important;
  padding:15px 13px!important;min-height:155px!important;
  border-radius:20px!important;background:rgba(255,251,245,.92)!important;
 }
 .li-u-parent-page .li-u-features>article img{width:54px!important;height:54px!important;object-fit:contain!important}
 .li-u-parent-page .li-u-features>article h3{
  font-size:clamp(15px,4.2vw,19px)!important;line-height:1.15!important;white-space:normal!important;
  margin:8px 0 6px!important;
 }
 .li-u-parent-page .li-u-features>article p{
  font-size:clamp(13px,3.4vw,15px)!important;line-height:1.44!important;
  overflow-wrap:break-word!important;white-space:normal!important;
 }
 .li-u-parent-page .li-u-parent-duo{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important;
 }
 .li-u-parent-page .li-u-parent-duo>.li-u-section{
  box-sizing:border-box!important;padding:17px 13px!important;
  min-width:0!important;overflow:visible!important;
  background:rgba(255,252,248,.9)!important;
 }
 .li-u-parent-page .li-u-parent-detail{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
 .li-u-parent-page .li-u-parent-detail .li-u-profile{width:100%!important;max-width:100%!important;min-width:0!important;padding:12px!important}
 .li-u-parent-page .li-u-four-jars{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .li-u-parent-page .li-u-four-jars>div{
  display:flex!important;min-width:0!important;flex-direction:column!important;
  align-items:center!important;padding:12px 6px!important;gap:4px!important;
  border-radius:15px!important;
 }
 .li-u-parent-page .li-u-four-jars img{width:49px!important;height:49px!important;object-fit:contain!important}
 .li-u-parent-page .li-u-four-jars b{font-size:clamp(13px,3.6vw,16px)!important;line-height:1.3!important;white-space:normal!important}
 .li-u-parent-page .li-u-four-jars small{font-size:clamp(11px,3vw,13px)!important;line-height:1.3!important;white-space:normal!important}
 .li-u-parent-page .li-u-detail-text h3{font-size:clamp(20px,5vw,25px)!important;line-height:1.15!important}
 .li-u-parent-page .li-u-detail-text p,.li-u-parent-page .li-u-note-demo p{
  font-size:clamp(14px,3.7vw,16px)!important;line-height:1.5!important;
  white-space:normal!important;overflow-wrap:break-word!important;
 }
 .li-u-parent-page .li-u-note-demo{padding:15px!important;min-width:0!important;background:rgba(255,255,255,.92)!important}
}


/* LI-UX-026 — readable mobile child hero and correctly scaled phones */
@media(max-width:679px){
 .li-u-child-page>.li-u-page-hero{
  display:flex!important;flex-direction:column!important;gap:13px!important;
  box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;
  padding:19px 14px!important;min-height:0!important;height:auto!important;
  background:linear-gradient(155deg,rgba(255,254,249,.82),rgba(245,253,255,.58))!important;
 }
 .li-u-child-page>.li-u-page-hero .li-u-hero-copy{display:block!important;max-width:100%!important;min-width:0!important}
 .li-u-child-page>.li-u-page-hero .li-u-section-head h1{
  font-size:clamp(33px,8.6vw,48px)!important;line-height:1.05!important;
  letter-spacing:-.022em!important;max-width:100%!important;margin:4px 0 9px!important;
 }
 .li-u-child-page>.li-u-page-hero .li-u-section-head p{
  font-size:clamp(15px,3.85vw,18px)!important;line-height:1.45!important;
  max-width:45ch!important;white-space:normal!important;
 }
 .li-u-child-page>.li-u-page-hero .li-u-hero-cta{
  display:flex!important;flex-wrap:wrap!important;gap:9px!important;
  width:100%!important;max-width:100%!important;
 }
 .li-u-child-page>.li-u-page-hero .li-u-hero-cta a{
  box-sizing:border-box!important;display:inline-flex!important;flex:1 1 165px!important;
  min-height:46px!important;max-width:100%!important;
  padding:10px 12px!important;font-size:clamp(13px,3.6vw,16px)!important;line-height:1.15!important;
 }
 .li-u-child-page>.li-u-page-hero .li-u-hero-benefits{gap:8px!important;margin:13px 0 0!important}
 .li-u-child-page>.li-u-page-hero .li-u-hero-benefits>span{
  flex:1 1 42%!important;min-width:0!important;max-width:calc(50% - 4px)!important;
  font-size:clamp(11px,3.2vw,14px)!important;
 }
 .li-u-child-page>.li-u-page-hero .li-u-preview-child{
  box-sizing:border-box!important;display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:100%!important;max-width:410px!important;min-width:0!important;margin:0 auto!important;
  padding:12px 12px 18px!important;gap:clamp(16px,5vw,30px)!important;
  justify-items:center!important;align-items:center!important;overflow:visible!important;
 }
 .li-u-child-page>.li-u-page-hero .li-u-preview-child>.li-u-phone{
  box-sizing:border-box!important;width:100%!important;max-width:175px!important;min-width:0!important;
  aspect-ratio:9/18.7!important;height:auto!important;min-width:0!important;
  transform:rotate(3deg)!important;
 }
 .li-u-child-page>.li-u-page-hero .li-u-preview-child>.li-u-phone:nth-child(2){
  transform:rotate(-3deg)!important;
 }
 .li-u-child-page>.li-u-page-hero .li-u-hero-lion{
  position:absolute!important;right:8px!important;bottom:3px!important;
  width:74px!important;max-width:20%!important;pointer-events:none!important;
 }
}


/* LI-UX-027 — world cards with real mobile typography */
@media(max-width:519px){
 .li-u-child-page #lumile-copilului .li-u-world-grid{
  box-sizing:border-box!important;display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;gap:12px!important;
  width:100%!important;min-width:0!important;max-width:100%!important;
 }
 .li-u-child-page #lumile-copilului .li-u-world{
  box-sizing:border-box!important;display:grid!important;
  grid-template-columns:minmax(96px,.42fr) minmax(0,.58fr)!important;
  align-items:stretch!important;min-width:0!important;min-height:145px!important;
  border-radius:19px!important;overflow:hidden!important;
  background:#fffcf6f5!important;
 }
 .li-u-child-page #lumile-copilului .li-u-world>img{
  display:block!important;grid-column:1!important;
  width:100%!important;height:100%!important;min-height:145px!important;
  object-fit:cover!important;object-position:center!important;
 }
 .li-u-child-page #lumile-copilului .li-u-world>div{
  box-sizing:border-box!important;min-width:0!important;grid-column:2!important;
  display:flex!important;flex-direction:column!important;justify-content:center!important;
  padding:12px 11px!important;gap:5px!important;
 }
 .li-u-child-page #lumile-copilului .li-u-world h3{
  font-size:clamp(17px,4.6vw,22px)!important;line-height:1.1!important;
  margin:0!important;overflow-wrap:normal!important;
 }
 .li-u-child-page #lumile-copilului .li-u-world p{
  font-size:clamp(12px,3.45vw,15px)!important;line-height:1.38!important;
  min-height:0!important;margin:0!important;white-space:normal!important;
  overflow-wrap:break-word!important;
 }
 .li-u-child-page #lumile-copilului .li-u-world a{
  box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;
  min-height:41px!important;margin-top:auto!important;padding:7px 10px!important;
  font-size:clamp(12px,3.2vw,14px)!important;line-height:1.15!important;
  overflow-wrap:normal!important;white-space:normal!important;text-align:center!important;
 }
}
@media(min-width:520px) and (max-width:899px){
 .li-u-child-page #lumile-copilului .li-u-world-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px!important;
 }
 .li-u-child-page #lumile-copilului .li-u-world>div{padding:15px!important}
 .li-u-child-page #lumile-copilului .li-u-world p{font-size:15px!important;min-height:0!important;line-height:1.4!important}
 .li-u-child-page #lumile-copilului .li-u-world h3{font-size:19px!important;line-height:1.2!important}
 .li-u-child-page #lumile-copilului .li-u-world a{font-size:14px!important;min-height:44px!important}
}


/* LI-UX-028 — usable child story path previews without tiny stacked devices */
@media(max-width:599px){
 .li-u-child-page #cum-arata-traseu .li-u-trail-showcase{
  box-sizing:border-box!important;display:flex!important;
  flex-direction:column!important;gap:15px!important;min-width:0!important;
  padding:0!important;overflow:hidden!important;
 }
 .li-u-child-page #cum-arata-traseu .li-u-trail-phones{
  box-sizing:border-box!important;display:flex!important;
  align-items:center!important;justify-content:flex-start!important;
  flex-wrap:nowrap!important;gap:22px!important;
  width:100%!important;min-width:0!important;max-width:100%!important;
  padding:15px 8px 18px!important;margin:0!important;
  overflow-x:auto!important;overflow-y:hidden!important;
  scroll-snap-type:x mandatory!important;scroll-padding:12px!important;
  scrollbar-width:thin!important;-webkit-overflow-scrolling:touch!important;
 }
 .li-u-child-page #cum-arata-traseu .li-u-trail-phones>.li-u-phone{
  box-sizing:border-box!important;display:block!important;flex:0 0 min(70vw,255px)!important;
  width:min(70vw,255px)!important;max-width:255px!important;height:auto!important;
  aspect-ratio:9/18.7!important;margin:0!important;
  scroll-snap-align:center!important;
  transform:rotate(-2deg)!important;
 }
 .li-u-child-page #cum-arata-traseu .li-u-trail-phones>.li-u-phone:nth-child(2){
  transform:rotate(2deg)!important;
 }
 .li-u-child-page #cum-arata-traseu .li-u-trail-notes{
  box-sizing:border-box!important;display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;gap:9px!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
 }
 .li-u-child-page #cum-arata-traseu .li-u-trail-notes article{
  display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;
  min-height:0!important;padding:10px 12px!important;
  gap:10px!important;align-items:center!important;text-align:left!important;
  background:rgba(255,254,249,.91)!important;
 }
 .li-u-child-page #cum-arata-traseu .li-u-trail-notes article img{
  width:42px!important;height:42px!important;object-fit:contain!important;
 }
 .li-u-child-page #cum-arata-traseu .li-u-trail-notes strong{
  display:block!important;font-size:clamp(14px,3.7vw,17px)!important;line-height:1.25!important;
 }
 .li-u-child-page #cum-arata-traseu .li-u-trail-notes small{
  display:block!important;font-size:clamp(12px,3.25vw,15px)!important;line-height:1.36!important;
 }
 .li-u-child-page #cum-arata-traseu .li-u-trail-notes-left{order:0!important}
 .li-u-child-page #cum-arata-traseu .li-u-trail-phones{order:1!important}
 .li-u-child-page #cum-arata-traseu .li-u-trail-notes-right{order:2!important}
}


/* LI-UX-029 — balanced five learning-feature cards */
@media(max-width:767px){
 .li-u-child-page .li-u-section:has(.li-u-features) .li-u-features{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;gap:12px!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
 }
 .li-u-child-page .li-u-features>article{
  box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:flex-start!important;
  width:100%!important;min-width:0!important;max-width:100%!important;
  height:auto!important;min-height:162px!important;
  padding:15px 11px!important;gap:7px!important;
  border-radius:20px!important;text-align:center!important;
  background:rgba(255,253,249,.94)!important;overflow-wrap:break-word!important;
 }
 .li-u-child-page .li-u-features>article:last-child{
  grid-column:1/span 2!important;min-height:120px!important;
  display:grid!important;grid-template-columns:86px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;align-items:center!important;
  gap:3px 14px!important;text-align:left!important;padding:16px!important;
 }
 .li-u-child-page .li-u-features>article img{
  width:clamp(52px,14vw,72px)!important;height:clamp(52px,14vw,72px)!important;
  max-width:100%!important;object-fit:contain!important;margin:0 auto!important;
 }
 .li-u-child-page .li-u-features>article:last-child img{
  grid-column:1!important;grid-row:1/span 2!important;width:80px!important;height:80px!important;
 }
 .li-u-child-page .li-u-features>article h3{
  font-size:clamp(16px,4vw,21px)!important;line-height:1.15!important;
  max-width:100%!important;margin:0!important;overflow-wrap:break-word!important;
 }
 .li-u-child-page .li-u-features>article p{
  font-size:clamp(13px,3.3vw,16px)!important;line-height:1.42!important;
  max-width:100%!important;margin:0!important;white-space:normal!important;
 }
 .li-u-child-page .li-u-features>article:last-child h3{
  grid-column:2!important;grid-row:1!important;align-self:end!important;
 }
 .li-u-child-page .li-u-features>article:last-child p{
  grid-column:2!important;grid-row:2!important;align-self:start!important;
 }
}


/* LI-UX-033 — parent/child glass hierarchy and steady vertical rhythm */
@media(max-width:767px){
 .li-u-universe-page{
  box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
  width:calc(100% - 12px)!important;max-width:100%!important;min-width:0!important;
  gap:clamp(14px,3.8vw,22px)!important;padding:0!important;margin:0 auto!important;
 }
 .li-u-universe-page>.li-u-section,
 .li-u-universe-page>.li-u-parent-duo>.li-u-section{
  box-sizing:border-box!important;position:relative!important;isolation:isolate!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  min-height:0!important;height:auto!important;margin:0!important;
  padding:clamp(17px,4vw,25px)!important;
  border:1px solid rgba(255,255,255,.66)!important;border-radius:24px!important;
  background:linear-gradient(145deg,rgba(255,253,247,.9),rgba(251,249,255,.85))!important;
  box-shadow:0 6px 22px rgba(47,34,78,.07)!important;
  overflow:visible!important;
 }
 .li-u-universe-page>.li-u-section:before,
 .li-u-universe-page>.li-u-section:after,
 .li-u-universe-page>.li-u-parent-duo>.li-u-section:before,
 .li-u-universe-page>.li-u-parent-duo>.li-u-section:after{
  content:none!important;display:none!important;
 }
 .li-u-universe-page .li-u-section-head{
  box-sizing:border-box!important;position:relative!important;
  max-width:100%!important;min-width:0!important;
  margin:0 0 14px!important;text-align:left!important;overflow-wrap:break-word!important;
 }
 .li-u-universe-page .li-u-section-head h2{
  font-size:clamp(25px,6.5vw,35px)!important;line-height:1.13!important;
  letter-spacing:-.012em!important;color:#391869!important;
  max-width:100%!important;margin:4px 0 8px!important;text-shadow:none!important;
 }
 .li-u-universe-page .li-u-section-head p{
  font-size:clamp(14px,3.7vw,17px)!important;line-height:1.46!important;
  color:#594476!important;max-width:100%!important;
  padding-inline-start:var(--li-head-indent,0)!important;text-shadow:none!important;
 }
 .li-u-universe-page .li-u-section p,
 .li-u-universe-page .li-u-section small,
 .li-u-universe-page .li-u-section a{
  overflow-wrap:break-word!important;word-break:normal!important;
 }
 .li-u-universe-page .li-u-family-scene{
  box-sizing:border-box!important;min-height:0!important;
  padding:18px!important;background:rgba(255,249,234,.85)!important;
  border-radius:23px!important;
 }
 .li-u-universe-page .li-u-family-scene p{
  font-size:clamp(14px,3.6vw,17px)!important;line-height:1.46!important;
 }
}


/* LI-UX-048..052 — one authoritative mobile public layout, 31 Oct 2026.
   Replaces the overlapping rules added previously. Scoped to three public pages. */
@media(max-width:767px){
 /* P0: the two parent/child entrances belong INSIDE the header, not
    in an out-of-flow strip that paints over the hero content. */
 :is(body.li-public-page,body:has(#app>.li-u-home-hero)) .li-shared-masthead{
   margin-bottom:12px!important;
 }
 :is(body.li-public-page,body:has(#app>.li-u-home-hero))
 .li-shared-masthead .li-shared-header.li-adventure-header{
   position:relative!important;height:137px!important;min-height:137px!important;
   overflow:hidden!important;isolation:isolate!important;
 }
 :is(body.li-public-page,body:has(#app>.li-u-home-hero))
 .li-shared-masthead .li-adventure-header .brand.li-ah-brand{
   transform:translateY(-8px)!important;
 }
 :is(body.li-public-page,body:has(#app>.li-u-home-hero))
 .li-shared-masthead .li-adventure-header .li-ah-journey{
   display:block!important;position:absolute!important;inset:0!important;
   width:100%!important;height:100%!important;z-index:1!important;
   pointer-events:none!important;visibility:visible!important;opacity:.83!important;
 }
 :is(body.li-public-page,body:has(#app>.li-u-home-hero))
 .li-shared-masthead .li-adventure-header .li-ah-live-trail{
   display:block!important;position:absolute!important;inset:0!important;
   width:100%!important;height:100%!important;visibility:visible!important;
   opacity:1!important;pointer-events:none!important;
 }
 :is(body.li-public-page,body:has(#app>.li-u-home-hero))
 .li-shared-masthead .li-adventure-header .li-ah-main-path{
   stroke:#dfaa62!important;stroke-width:3.5!important;stroke-dasharray:6 9!important;
   vector-effect:non-scaling-stroke;
 }
 :is(body.li-public-page,body:has(#app>.li-u-home-hero))
 .li-shared-masthead .li-adventure-header .li-ah-brandzone{z-index:4!important}
 :is(body.li-public-page,body:has(#app>.li-u-home-hero))
 .li-shared-masthead .li-adventure-header .li-ah-menu-box{z-index:8!important}
 :is(body.li-public-page,body:has(#app>.li-u-home-hero))
 .li-shared-masthead .li-shared-header.li-adventure-header .li-public-audience-switch.li-ah-trail-access{
   box-sizing:border-box!important;position:absolute!important;
   display:flex!important;flex-direction:column!important;align-items:stretch!important;
   justify-content:center!important;
   top:60px!important;bottom:auto!important;left:auto!important;
   right:clamp(76px,20vw,105px)!important;
   width:clamp(95px,26vw,122px)!important;max-width:none!important;min-width:0!important;
   height:74px!important;min-height:74px!important;max-height:74px!important;
   padding:0!important;margin:0!important;gap:3px!important;
   transform:none!important;z-index:7!important;
 }
 :is(body.li-public-page,body:has(#app>.li-u-home-hero))
 .li-shared-masthead .li-shared-header.li-adventure-header .li-public-audience-switch>a{
   box-sizing:border-box!important;display:flex!important;flex:0 0 35px!important;
   width:100%!important;min-width:0!important;max-width:100%!important;
   height:35px!important;min-height:35px!important;max-height:35px!important;
   align-items:center!important;justify-content:center!important;
   padding:2px 5px!important;margin:0!important;
   border-width:2px!important;border-radius:17px!important;
   position:relative!important;inset:auto!important;transform:none!important;
 }
 :is(body.li-public-page,body:has(#app>.li-u-home-hero))
 .li-shared-masthead .li-public-audience-switch .li-ah-door-art{
   display:block!important;flex:0 0 15px!important;width:15px!important;
   max-width:15px!important;height:18px!important;max-height:18px!important;
   margin:0 3px 0 0!important;object-fit:contain!important;
 }
 :is(body.li-public-page,body:has(#app>.li-u-home-hero))
 .li-shared-masthead .li-public-audience-switch .li-ah-door-label strong{
   display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;
   gap:0 3px!important;justify-content:center!important;align-items:center!important;
   font-size:clamp(9px,2.45vw,11px)!important;line-height:1.05!important;
   text-align:center!important;
 }
 /* Hero: enforce normal flow and compact copy. All four image/text pairs
    are a SINGLE chip each — not one round image and detached text. */
 #app>.li-u-home-hero{
   box-sizing:border-box!important;display:block!important;height:auto!important;
   min-height:0!important;overflow:hidden!important;padding:clamp(16px,4vw,24px)!important;
   margin:0 0 14px!important;isolation:isolate!important;
 }
 #app>.li-u-home-hero .li-guest-hero-heading{
   display:flex!important;flex-direction:column!important;gap:12px!important;
   align-items:stretch!important;min-height:0!important;height:auto!important;
 }
 #app>.li-u-home-hero .li-guest-hero-copy{
   display:flex!important;flex-direction:column!important;align-items:stretch!important;
   justify-content:flex-start!important;gap:10px!important;max-width:100%!important;
   width:100%!important;min-height:0!important;
 }
 #app>.li-u-home-hero h1{
   margin:0 0 8px!important;max-width:100%!important;
   font-size:clamp(34px,8.6vw,48px)!important;line-height:1.07!important;
 }
 #app>.li-u-home-hero .li-guest-intro{margin:0!important;padding:0!important;max-width:100%!important}
 #app>.li-u-home-hero .li-guest-intro-lead{
   margin:0!important;font-size:clamp(18px,4.9vw,24px)!important;line-height:1.22!important;
 }
 #app>.li-u-home-hero .li-u-home-pillar-pills{
   box-sizing:border-box!important;display:grid!important;
   grid-template-columns:repeat(2,minmax(0,1fr))!important;
   width:100%!important;max-width:none!important;
   padding:0!important;margin:4px 0 3px!important;gap:9px!important;
   align-items:stretch!important;justify-content:stretch!important;
 }
 #app>.li-u-home-hero .li-u-home-pillar-pills>span{
   box-sizing:border-box!important;display:flex!important;position:relative!important;
   flex:1 1 auto!important;align-items:center!important;justify-content:flex-start!important;
   min-width:0!important;max-width:none!important;width:100%!important;
   min-height:49px!important;height:auto!important;margin:0!important;padding:6px 9px!important;
   border:2px solid #e1bf9c!important;border-radius:999px!important;
   box-shadow:0 3px 0 #c4a6a866!important;
   background:#fff2cbed!important;color:#4b3167!important;
   font:850 clamp(12px,3.2vw,15px)/1.12 "Fredoka",system-ui,sans-serif!important;
   white-space:normal!important;overflow-wrap:normal!important;
 }
 #app>.li-u-home-hero .li-u-home-pillar-pills>span:nth-child(2){background:#f0e1ffed!important;border-color:#d5c0ea!important}
 #app>.li-u-home-hero .li-u-home-pillar-pills>span:nth-child(3){background:#ffe5d4ed!important;border-color:#f2c1a1!important}
 #app>.li-u-home-hero .li-u-home-pillar-pills>span:nth-child(4){background:#ffe4eeed!important;border-color:#f0c1d6!important}
 #app>.li-u-home-hero .li-u-home-pillar-pills>span>img{
   box-sizing:border-box!important;display:block!important;flex:0 0 clamp(32px,8vw,42px)!important;
   width:clamp(32px,8vw,42px)!important;max-width:clamp(32px,8vw,42px)!important;
   height:clamp(32px,8vw,42px)!important;object-fit:contain!important;
   margin:0 6px 0 0!important;border:0!important;border-radius:0!important;
 }
 #app>.li-u-home-hero .li-u-home-principle{
   display:block!important;box-sizing:border-box!important;
   margin:7px 0 9px!important;padding:4px 0 4px 11px!important;
   border-left:4px solid #bc7aa8!important;
   font:800 clamp(13px,3.6vw,17px)/1.35 "Nunito Sans",system-ui,sans-serif!important;
   color:#754b73!important;
 }
 /* Owner requirement: the two CTAs fit SIDE BY SIDE. */
 #app>.li-u-home-hero .li-guest-hero-actions{
   display:grid!important;grid-template-columns:minmax(0,1.09fr) minmax(0,1fr)!important;
   align-items:stretch!important;justify-items:stretch!important;
   width:100%!important;max-width:100%!important;gap:9px!important;
   margin:4px 0 0!important;padding:0!important;
 }
 #app>.li-u-home-hero .li-guest-hero-actions>a{
   box-sizing:border-box!important;display:flex!important;position:static!important;
   align-items:center!important;justify-content:center!important;
   width:100%!important;max-width:none!important;min-width:0!important;
   height:auto!important;min-height:52px!important;margin:0!important;
   padding:8px 9px!important;border-radius:999px!important;
   font:850 clamp(12px,3.5vw,16px)/1.16 "Fredoka",system-ui,sans-serif!important;
   text-align:center!important;white-space:normal!important;overflow-wrap:normal!important;
 }
 #app>.li-u-home-hero .li-guest-hero-actions>.li-guest-learn{
   background:#fffdf5f0!important;border:2px solid #e59b74!important;
   color:#71427c!important;box-shadow:0 3px 0 #c8a3a580!important;
   text-decoration:none!important;align-self:stretch!important;
 }
 #app>.li-u-home-hero .li-u-hero-right{
   box-sizing:border-box!important;display:flex!important;flex-direction:column-reverse!important;
   align-items:stretch!important;gap:14px!important;width:100%!important;
   min-height:0!important;margin:0!important;padding:0!important;
 }
 /* One facts heading only; details are in normal document flow. */
 #app>.li-u-home-hero .li-u-evidence{
   box-sizing:border-box!important;display:block!important;position:static!important;
   width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;
   margin:0!important;padding:12px!important;border:1px solid #dfc3d8!important;
   border-radius:20px!important;background:#fff8fded!important;overflow:visible!important;
 }
 #app>.li-u-home-hero .li-u-evidence>summary{
   cursor:pointer!important;padding:3px!important;margin:0!important;
   font:850 clamp(16px,4.25vw,21px)/1.2 "Fredoka",system-ui,sans-serif!important;
   color:#6a3d78!important;
 }
 #app>.li-u-home-hero .li-u-evidence>summary>span{
   display:inline!important;font-size:clamp(12px,3.2vw,15px)!important;
 }
 #app>.li-u-home-hero .li-u-evidence .li-guest-facts{
   display:block!important;position:static!important;background:transparent!important;
   box-shadow:none!important;border:0!important;margin:0!important;padding:8px 0 0!important;
 }
 #app>.li-u-home-hero .li-guest-facts-head{display:none!important}
 #app>.li-u-home-hero .li-guest-facts-list{display:grid!important;gap:8px!important;margin:0!important;padding:0!important}
 #app>.li-u-home-hero .li-guest-facts-list>li{
   box-sizing:border-box!important;display:flex!important;align-items:center!important;
   gap:8px!important;min-height:46px!important;padding:8px!important;
   line-height:1.25!important;font-size:clamp(12px,3.1vw,15px)!important;
 }
 /* LI-UX-052: old +5 tablet / -6 phone appeared back-to-back.
    Fixed: tablet -7deg, phone +7deg, top corners approach the center. */
 #app>.li-u-home-hero .li-u-home-preview{
   box-sizing:border-box!important;width:100%!important;max-width:100%!important;
   min-height:0!important;padding:0!important;margin:0!important;
 }
 #app>.li-u-home-hero .li-u-preview,
 .li-u-parent-page>.li-u-page-hero .li-u-preview-parent{
   box-sizing:border-box!important;display:grid!important;
   grid-template-columns:minmax(0,1.64fr) minmax(0,.82fr)!important;
   align-items:center!important;justify-items:center!important;
   gap:clamp(26px,7vw,34px)!important;
   width:100%!important;max-width:100%!important;
   min-height:0!important;height:auto!important;
   padding:clamp(19px,5vw,28px) clamp(18px,5vw,27px)!important;
   margin:0 auto!important;overflow:visible!important;
   zoom:1!important;
 }
 #app>.li-u-home-hero .li-u-preview>.li-u-tablet,
 .li-u-parent-page>.li-u-page-hero .li-u-preview-parent>.li-u-tablet{
   box-sizing:border-box!important;display:block!important;
   grid-column:1!important;width:100%!important;max-width:100%!important;
   min-width:0!important;flex:none!important;margin:0!important;
   aspect-ratio:4/3.2!important;align-self:center!important;
   transform:rotate(-7deg)!important;transform-origin:74% 66%!important;
 }
 #app>.li-u-home-hero .li-u-preview>.li-u-phone,
 .li-u-parent-page>.li-u-page-hero .li-u-preview-parent>.li-u-phone{
   box-sizing:border-box!important;display:block!important;
   grid-column:2!important;width:100%!important;max-width:100%!important;
   min-width:0!important;flex:none!important;margin:0!important;
   aspect-ratio:9/18!important;align-self:center!important;
   transform:rotate(7deg)!important;transform-origin:26% 66%!important;
 }
 #app>.li-u-home-hero .li-u-preview .li-u-tablet-screen{
   box-sizing:border-box!important;height:100%!important;min-height:0!important;
   overflow:hidden!important;padding:clamp(6px,1.6vw,11px)!important;
 }
 #app>.li-u-home-hero .li-u-tablet-title{font-size:clamp(10px,2.9vw,15px)!important}
 #app>.li-u-home-hero .li-u-tablet-title small{display:none!important}
 #app>.li-u-home-hero .li-u-tablet h3{font-size:clamp(12px,3.2vw,18px)!important;margin:4px 0!important}
 #app>.li-u-home-hero .li-u-metrics{
   display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
   gap:4px!important;margin:4px 0 5px!important;
 }
 #app>.li-u-home-hero .li-u-metrics>span{
   min-width:0!important;max-width:100%!important;overflow:hidden!important;
   padding:4px 2px!important;font-size:clamp(9px,2.3vw,12px)!important;
   line-height:1.14!important;overflow-wrap:normal!important;
 }
 #app>.li-u-home-hero .li-u-metrics b{font-size:clamp(12px,3vw,17px)!important}
 #app>.li-u-home-hero .li-u-tablet-label{font-size:clamp(10px,2.8vw,15px)!important}
 /* A smaller fake screen is a visual preview. Avoid fake microtext overflow;
    keep real family dashboard fully detailed elsewhere. */
 #app>.li-u-home-hero .li-u-preview .li-u-children{display:grid!important}
 #app>.li-u-home-hero .li-u-preview .li-u-phone-top{font-size:clamp(9px,2.2vw,12px)!important}
 #app>.li-u-home-hero .li-u-preview .li-u-map-point small{display:none!important}
 #app>.li-u-home-hero .li-u-preview .li-u-map-point b{
   width:clamp(14px,4vw,24px)!important;height:clamp(14px,4vw,24px)!important;
   font-size:clamp(9px,2.5vw,13px)!important;
 }

 /* LI-UX-050: all six companions are visible on mobile: 3 columns x 2 rows. */
 #app .li-u-story-guides .li-guest-showcase-rail.li-u-guide-grid{
   box-sizing:border-box!important;display:grid!important;
   grid-template-columns:repeat(3,minmax(0,1fr))!important;
   grid-auto-flow:row!important;gap:8px!important;
   width:100%!important;max-width:100%!important;
   padding:5px 0 8px!important;margin:0!important;
   overflow:visible!important;scroll-snap-type:none!important;
 }
 #app .li-u-story-guides .li-guest-showcase-rail.li-u-guide-grid>.li-u-guide{
   box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
   align-items:center!important;justify-content:center!important;
   width:100%!important;max-width:100%!important;min-width:0!important;
   height:auto!important;min-height:140px!important;flex:none!important;
   gap:4px!important;padding:7px 3px!important;margin:0!important;
   overflow:hidden!important;scroll-snap-align:none!important;
   visibility:visible!important;opacity:1!important;content-visibility:visible!important;
 }
 #app .li-u-story-guides .li-u-guide>img{
   display:block!important;width:clamp(68px,22vw,105px)!important;
   height:clamp(68px,22vw,105px)!important;
   max-width:100%!important;object-fit:contain!important;
   margin:0 auto!important;opacity:1!important;transform:none!important;
 }
 #app .li-u-story-guides .li-u-guide>div{text-align:center!important;width:100%!important}
 #app .li-u-story-guides .li-u-guide strong{font-size:clamp(14px,3.5vw,17px)!important}
 #app .li-u-story-guides .li-u-guide span{
   box-sizing:border-box!important;font-size:clamp(10px,2.7vw,12px)!important;
   padding:2px 4px!important;max-width:100%!important;overflow-wrap:break-word!important;
 }
 #app .li-u-story-guides .li-guest-showcase-heading:after{
   content:none!important;display:none!important;
 }
 /* The child's own companion selection uses the same 3 x 2 mobile geometry. */
 .li-u-child-page .li-u-friends-grid{
   display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
   grid-auto-flow:row!important;width:100%!important;gap:8px!important;
 }
 .li-u-child-page .li-u-friend{min-width:0!important;padding:8px 3px!important}
 .li-u-child-page .li-u-friend-art{
   width:100%!important;max-width:100%!important;
   height:clamp(70px,23vw,110px)!important;object-fit:contain!important;
 }
 .li-u-child-page .li-u-friend strong{font-size:clamp(14px,3.8vw,18px)!important}
 .li-u-child-page .li-u-friend small{font-size:clamp(10px,2.8vw,12px)!important}
 /* Owner's earlier marked footer layout: two usable columns (not one blank).
    The narrowest phones retain one column to protect ANPC legibility. */
 body .layout .li-u-footer .li-u-footer-grid{
   display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
   gap:18px 12px!important;align-items:start!important;max-width:100%!important;
 }
 body .layout .li-u-footer .li-u-footer-grid>.li-u-footer-company{
   grid-column:1 / -1!important;grid-row:1!important;min-width:0!important;
 }
 body .layout .li-u-footer .li-u-footer-grid>.li-u-footer-resource-col{
   box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
   grid-column:1!important;grid-row:2!important;min-width:0!important;gap:6px!important;
 }
 body .layout .li-u-footer .li-u-footer-grid>.li-u-footer-legal{
   grid-column:2!important;grid-row:2!important;min-width:0!important;
 }
 body .layout .li-u-footer :is(.li-u-footer-resources,.li-u-footer-legal) nav>a{
   min-height:43px!important;gap:5px!important;padding:7px 0!important;
   font-size:clamp(11px,3vw,14px)!important;overflow-wrap:break-word!important;
 }
 body .layout .li-u-footer .li-u-footer-icon{flex:0 0 16px!important;width:16px!important}
 body .layout .li-u-footer .li-u-footer-icon svg{width:16px!important;height:16px!important}
 body .layout .li-u-footer .li-u-footer-resource-col .li-sal-link{
   box-sizing:border-box!important;display:flex!important;width:100%!important;
   max-width:100%!important;min-height:0!important;height:auto!important;
   margin:9px 0 0!important;padding:0!important;overflow:visible!important;
 }
 body .layout .li-u-footer .li-u-footer-resource-col .li-sal-link img{
   display:block!important;box-sizing:border-box!important;
   width:100%!important;max-width:100%!important;height:auto!important;
   object-fit:contain!important;overflow:visible!important;
 }
 /* Preserve the child-preview pair as two inward-tilted phones. */
 .li-u-child-page>.li-u-page-hero .li-u-preview-child{
   display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
   width:100%!important;max-width:100%!important;gap:clamp(25px,7vw,36px)!important;
   align-items:center!important;justify-items:center!important;
   padding:14px 8px!important;overflow:visible!important;
 }
 .li-u-child-page>.li-u-page-hero .li-u-preview-child>.li-u-phone{
   display:block!important;box-sizing:border-box!important;
   width:100%!important;max-width:100%!important;min-width:0!important;
   flex:none!important;aspect-ratio:9/18.5!important;margin:0!important;
 }
 .li-u-child-page>.li-u-page-hero .li-u-preview-child>.li-u-phone:first-child{
   transform:rotate(5deg)!important;
 }
 .li-u-child-page>.li-u-page-hero .li-u-preview-child>.li-u-phone:nth-child(2){
   transform:rotate(-5deg)!important;
 }
}
@media(max-width:350px){
 body .layout .li-u-footer .li-u-footer-grid{grid-template-columns:minmax(0,1fr)!important}
 body .layout .li-u-footer .li-u-footer-grid>.li-u-footer-resource-col{grid-column:1!important;grid-row:2!important}
 body .layout .li-u-footer .li-u-footer-grid>.li-u-footer-legal{grid-column:1!important;grid-row:3!important}
 :is(body.li-public-page,body:has(#app>.li-u-home-hero))
 .li-shared-masthead .li-shared-header.li-adventure-header .li-public-audience-switch.li-ah-trail-access{
   right:72px!important;width:94px!important;
 }
}



/* LI-UX-048: protect public wordmark and tagline from route milestones.
   Keep the illustrated dashed route, with no symbols behind brand or labels.
   Authenticated header remains controlled by shared-shell.css. */
:is(body.li-public-page,body:has(#parent-access))
 .li-shared-masthead .li-adventure-header .li-ah-landmark{
 display:none!important;
}
@media(min-width:768px){
 :is(body.li-public-page,body:has(#app>.li-u-home-hero))
 .li-shared-masthead .li-shared-header.li-adventure-header
 .li-public-audience-switch.li-ah-trail-access{
   display:flex!important;flex-direction:column!important;
   align-items:center!important;justify-content:center!important;
   height:118px!important;max-height:118px!important;
   padding:4px!important;gap:7px!important;
 }
 :is(body.li-public-page,body:has(#app>.li-u-home-hero))
 .li-shared-masthead .li-shared-header.li-adventure-header
 .li-public-audience-switch.li-ah-trail-access>a{
   flex:0 0 47px!important;width:min(100%,245px)!important;
   max-width:245px!important;height:47px!important;
   min-height:47px!important;max-height:47px!important;
   align-self:center!important;align-items:center!important;
   justify-content:center!important;padding:4px 9px!important;
 }
}

/* LI-UX-049 / LI-UX-052 — verified content-flow contracts
   (31 Oct 2026): desktop/mobile coexist without absolute visual overlays. */
@media(min-width:768px){
 #app>.li-u-home-hero .li-guest-hero-actions{
   box-sizing:border-box!important;display:flex!important;flex-direction:row!important;
   flex-wrap:nowrap!important;align-items:stretch!important;justify-content:flex-start!important;
   width:max-content!important;max-width:none!important;gap:11px!important;
   margin:12px 0 0!important;padding:0!important;
 }
 #app>.li-u-home-hero .li-guest-hero-actions>a{
   box-sizing:border-box!important;display:flex!important;align-items:center!important;
   justify-content:center!important;flex:0 0 auto!important;min-width:0!important;
   max-width:100%!important;min-height:53px!important;height:auto!important;
   margin:0!important;padding:9px 14px!important;
   font:850 clamp(13px,1.08vw,18px)/1.18 "Fredoka",system-ui,sans-serif!important;
   text-align:center!important;white-space:normal!important;
 }
 #app>.li-u-home-hero .li-guest-hero-actions>.li-guest-start{
   width:clamp(190px,17vw,302px)!important;
 }
 #app>.li-u-home-hero .li-guest-hero-actions>.li-guest-learn{
   width:clamp(210px,18vw,320px)!important;
 }
 #app>.li-u-home-hero .li-u-preview,
 .li-u-parent-page>.li-u-page-hero .li-u-preview-parent{
   box-sizing:border-box!important;display:grid!important;
   grid-template-columns:minmax(0,1.64fr) minmax(0,.82fr)!important;
   align-items:center!important;justify-items:center!important;
   gap:clamp(28px,3vw,42px)!important;
   width:100%!important;max-width:100%!important;
   padding:clamp(16px,2vw,25px)!important;overflow:visible!important;
   margin:0 auto!important;zoom:1!important;
 }
 #app>.li-u-home-hero .li-u-preview>.li-u-tablet,
 .li-u-parent-page>.li-u-page-hero .li-u-preview-parent>.li-u-tablet{
   position:relative!important;inset:auto!important;grid-column:1!important;
   width:100%!important;max-width:100%!important;margin:0!important;
   transform:rotate(-7deg)!important;transform-origin:74% 66%!important;
 }
 #app>.li-u-home-hero .li-u-preview>.li-u-phone,
 .li-u-parent-page>.li-u-page-hero .li-u-preview-parent>.li-u-phone{
   position:relative!important;inset:auto!important;grid-column:2!important;
   width:100%!important;max-width:100%!important;margin:0!important;
   transform:rotate(7deg)!important;transform-origin:26% 66%!important;
 }
}
@media(min-width:768px) and (max-width:1100px){
 #app .li-u-home-extras #doua-lumi .li-u-realm-grid{
   grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
 #app .li-u-home-extras #doua-lumi .li-u-realm>.li-u-tablet{
   width:100%!important;
 }
 #app .li-u-home-extras #doua-lumi .li-u-realm>.li-u-phone{
   width:min(58%,210px)!important;
 }
}
@media(max-width:767px){
 #app .li-u-home-extras #doua-lumi .li-u-realm-grid{
   box-sizing:border-box!important;display:grid!important;
   grid-template-columns:minmax(0,1fr)!important;gap:15px!important;
 }
 #app .li-u-home-extras #doua-lumi .li-u-realm-grid>.li-u-realm{
   box-sizing:border-box!important;display:flex!important;position:relative!important;
   flex-direction:column!important;align-items:stretch!important;
   width:100%!important;max-width:100%!important;min-width:0!important;
   height:auto!important;min-height:0!important;max-height:none!important;
   padding:16px!important;overflow:hidden!important;
 }
 #app .li-u-home-extras #doua-lumi .li-u-realm>h3,
 #app .li-u-home-extras #doua-lumi .li-u-realm>p{
   box-sizing:border-box!important;position:static!important;inset:auto!important;
   width:100%!important;max-width:100%!important;min-width:0!important;
   transform:none!important;z-index:auto!important;
 }
 #app .li-u-home-extras #doua-lumi .li-u-realm>.li-u-tablet,
 #app .li-u-home-extras #doua-lumi .li-u-realm>.li-u-phone{
   box-sizing:border-box!important;display:block!important;position:relative!important;
   inset:auto!important;top:auto!important;bottom:auto!important;
   left:auto!important;right:auto!important;
   align-self:center!important;min-width:0!important;
   height:auto!important;min-height:0!important;margin:12px auto 22px!important;
   zoom:1!important;
 }
 #app .li-u-home-extras #doua-lumi .li-u-realm>.li-u-tablet{
   width:min(94%,440px)!important;transform:rotate(2deg)!important;
 }
 #app .li-u-home-extras #doua-lumi .li-u-realm>.li-u-phone{
   width:min(58%,235px)!important;transform:rotate(-2deg)!important;
 }
 #app .li-u-home-extras #doua-lumi .li-u-realm>a{
   box-sizing:border-box!important;position:static!important;inset:auto!important;
   align-self:stretch!important;width:100%!important;max-width:100%!important;
   min-height:50px!important;height:auto!important;
   padding:10px 13px!important;margin:0!important;transform:none!important;
 }
}


/* LI-UX-051 tablet legal footer layout — preserve usable right column
   between 768 and 1023px without affecting authenticated pages. */
@media(min-width:768px) and (max-width:1023px){
  :is(body.li-public-page,body:has(#app>.li-u-home-hero))
  .layout .li-u-footer .li-u-footer-grid{
    box-sizing:border-box!important;display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:auto auto!important;grid-auto-rows:auto!important;
    gap:20px 22px!important;align-items:start!important;
    width:100%!important;max-width:100%!important;height:auto!important;
  }
  :is(body.li-public-page,body:has(#app>.li-u-home-hero))
  .layout .li-u-footer .li-u-footer-grid>.li-u-footer-company{
    box-sizing:border-box!important;grid-column:1/-1!important;grid-row:1!important;
    min-width:0!important;width:100%!important;
  }
  :is(body.li-public-page,body:has(#app>.li-u-home-hero))
  .layout .li-u-footer .li-u-footer-grid>.li-u-footer-resource-col{
    box-sizing:border-box!important;display:flex!important;flex-direction:column!important;
    grid-column:1!important;grid-row:2!important;min-width:0!important;
    width:100%!important;max-width:100%!important;
  }
  :is(body.li-public-page,body:has(#app>.li-u-home-hero))
  .layout .li-u-footer .li-u-footer-grid>.li-u-footer-legal{
    box-sizing:border-box!important;display:block!important;
    grid-column:2!important;grid-row:2!important;min-width:0!important;
    width:100%!important;max-width:100%!important;
  }
  :is(body.li-public-page,body:has(#app>.li-u-home-hero))
  .layout .li-u-footer .li-u-footer-resource-col .li-sal-link img{
    display:block!important;width:100%!important;max-width:100%!important;
    height:auto!important;object-fit:contain!important;
  }
}

/* LI-UX-048 mobile public masthead — tested final geometry, no authenticated changes. */
@media(min-width:768px) and (max-width:1023px){
:is(body.li-public-page,body:has(#app>.li-u-home-hero)) .li-shared-masthead .li-shared-header.li-adventure-header .li-ah-wordmark{font-size:clamp(42px,4.8vw,44px)!important;line-height:1.05!important}
:is(body.li-public-page,body:has(#app>.li-u-home-hero)) .li-shared-masthead .li-shared-header.li-adventure-header .li-ah-tagline{font-size:clamp(16px,2vw,17px)!important;line-height:1.14!important}
:is(body.li-public-page,body:has(#app>.li-u-home-hero)) .li-shared-masthead .li-shared-header.li-adventure-header .brand.li-ah-brand{transform:translateY(8px)!important}
:is(body.li-public-page,body:has(#app>.li-u-home-hero)) .li-shared-masthead .li-shared-header.li-adventure-header .li-public-audience-switch.li-ah-trail-access{height:118px!important;max-height:118px!important;gap:6px!important;padding:2px!important}
:is(body.li-public-page,body:has(#app>.li-u-home-hero)) .li-shared-masthead .li-shared-header.li-adventure-header .li-public-audience-switch.li-ah-trail-access>a{flex:0 0 52px!important;height:52px!important;min-height:52px!important;max-height:52px!important}
}
@media(min-width:561px) and (max-width:767px){
:is(body.li-public-page,body:has(#app>.li-u-home-hero)) .li-shared-masthead .li-shared-header.li-adventure-header{height:146px!important;min-height:146px!important;max-height:146px!important}
:is(body.li-public-page,body:has(#app>.li-u-home-hero)) .li-shared-masthead .li-shared-header.li-adventure-header .li-ah-wordmark{font-size:41px!important;line-height:1.05!important}
:is(body.li-public-page,body:has(#app>.li-u-home-hero)) .li-shared-masthead .li-shared-header.li-adventure-header .li-ah-tagline{font-size:16px!important}
:is(body.li-public-page,body:has(#app>.li-u-home-hero)) .li-shared-masthead .li-shared-header.li-adventure-header .brand.li-ah-brand{transform:translateY(7px)!important}
:is(body.li-public-page,body:has(#app>.li-u-home-hero)) .li-shared-masthead .li-shared-header.li-adventure-header .li-public-audience-switch.li-ah-trail-access{top:14px!important;height:118px!important;min-height:118px!important;max-height:118px!important;gap:6px!important;justify-content:center!important;padding:0!important}
:is(body.li-public-page,body:has(#app>.li-u-home-hero)) .li-shared-masthead .li-shared-header.li-adventure-header .li-public-audience-switch.li-ah-trail-access>a{flex:0 0 56px!important;height:56px!important;min-height:56px!important;max-height:56px!important}
}
@media(max-width:560px){
:is(body.li-public-page,body:has(#app>.li-u-home-hero)) .li-shared-masthead .li-shared-header.li-adventure-header{height:208px!important;min-height:208px!important;max-height:208px!important}
:is(body.li-public-page,body:has(#app>.li-u-home-hero)) .li-shared-masthead .li-shared-header.li-adventure-header .li-ah-brandzone{height:208px!important;min-height:208px!important;max-height:208px!important;align-self:stretch!important}
:is(body.li-public-page,body:has(#app>.li-u-home-hero)) .li-shared-masthead .li-shared-header.li-adventure-header .brand.li-ah-brand{position:absolute!important;left:122px!important;top:19px!important;right:auto!important;bottom:auto!important;transform:none!important;align-self:start!important;width:max-content!important;max-width:none!important;gap:3px!important}
:is(body.li-public-page,body:has(#app>.li-u-home-hero)) .li-shared-masthead .li-shared-header.li-adventure-header .li-ah-wordmark{font-size:clamp(31px,9.5vw,43px)!important;line-height:1.06!important;letter-spacing:0!important}
:is(body.li-public-page,body:has(#app>.li-u-home-hero)) .li-shared-masthead .li-shared-header.li-adventure-header .li-ah-tagline{font-size:clamp(13px,3.7vw,17px)!important;line-height:1.13!important;letter-spacing:0!important}
:is(body.li-public-page,body:has(#app>.li-u-home-hero)) .li-shared-masthead .li-shared-header.li-adventure-header .li-public-audience-switch.li-ah-trail-access{top:92px!important;height:109px!important;min-height:109px!important;max-height:109px!important;justify-content:center!important;gap:5px!important;padding:0!important}
:is(body.li-public-page,body:has(#app>.li-u-home-hero)) .li-shared-masthead .li-shared-header.li-adventure-header .li-public-audience-switch.li-ah-trail-access>a{flex:0 0 52px!important;height:52px!important;min-height:52px!important;max-height:52px!important;padding:2px 3px!important}
:is(body.li-public-page,body:has(#app>.li-u-home-hero)) .li-shared-masthead .li-shared-header.li-adventure-header .li-ah-menu-box{align-self:end!important;margin-bottom:9px!important;transform:translateY(52px)!important}
}
@media(max-width:380px){
:is(body.li-public-page,body:has(#app>.li-u-home-hero)) .li-shared-masthead .li-shared-header.li-adventure-header .li-ah-menu-box{width:clamp(59px,17vw,66px)!important;min-width:clamp(59px,17vw,66px)!important;max-width:clamp(59px,17vw,66px)!important;height:67px!important;min-height:67px!important;max-height:67px!important}
:is(body.li-public-page,body:has(#app>.li-u-home-hero)) .li-shared-masthead .li-shared-header.li-adventure-header .site-menu-toggle.li-ah-menu,
:is(body.li-public-page,body:has(#app>.li-u-home-hero)) .li-shared-masthead .li-shared-header.li-adventure-header .li-ah-menu-art{width:clamp(55px,16vw,62px)!important;min-width:clamp(55px,16vw,62px)!important;max-width:clamp(55px,16vw,62px)!important;height:clamp(55px,16vw,62px)!important;min-height:clamp(55px,16vw,62px)!important;max-height:clamp(55px,16vw,62px)!important}
}