/* Yvette V3.78 presentation-only CSS.
   External file intentionally avoids inline-style/CSP issues seen on iPhone Chrome. */

/* Keep ordinary discoveries inside Yvette rather than duplicating photos to the phone. */
.save-phone-button{display:none!important}

/* Home: Get to Know Yvette card */
.get-to-know-yvette-home{display:flex!important;align-items:center!important;gap:14px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin:12px 0 4px!important;padding:14px 16px!important;border:2px solid rgba(255,255,255,.8)!important;border-radius:24px!important;background:linear-gradient(135deg,#fff6c9,#e7f7ff)!important;box-shadow:0 7px 0 rgba(26,91,151,.16)!important;text-decoration:none!important;color:#123d72!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;text-align:left!important;overflow:hidden!important}
.get-to-know-yvette-home img{display:block!important;width:64px!important;height:64px!important;max-width:64px!important;max-height:64px!important;object-fit:contain!important;flex:0 0 64px!important;margin:0!important}
.get-to-know-yvette-home span{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;min-width:0!important;overflow:hidden!important}
.get-to-know-yvette-home strong{display:block!important;margin:0!important;color:#123d72!important;font-size:1.12rem!important;line-height:1.15!important;font-weight:900!important;white-space:normal!important}
.get-to-know-yvette-home small{display:block!important;margin-top:4px!important;color:#355b7d!important;font-size:.88rem!important;line-height:1.28!important;font-weight:650!important;white-space:normal!important}
.get-to-know-yvette-home b{display:block!important;flex:0 0 auto!important;margin-left:auto!important;color:#1688d8!important;font-size:2rem!important;line-height:1!important}

/* Member/Profile Free Pass */
.yvette-member-card{max-width:760px!important;max-height:92vh!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important}
.yvette-free-pass{margin:18px 0!important;padding:18px!important;border-radius:28px!important;background:linear-gradient(180deg,#fff7c4,#fffdf1)!important;border:2px solid #ffd54a!important;text-align:left!important;box-sizing:border-box!important}
.yvette-free-hero{display:grid!important;grid-template-columns:180px minmax(0,1fr)!important;gap:18px!important;align-items:center!important}
.yvette-free-mascot{position:relative!important;text-align:center!important;padding-top:34px!important;min-width:0!important}
.yvette-free-mascot .yvette-member-mascot{display:block!important;width:118px!important;height:auto!important;max-width:100%!important;margin:0 auto!important}
.yvette-free-banner{position:absolute!important;top:0!important;left:50%!important;transform:translateX(-50%)!important;background:#fff!important;border:4px solid #ff8b21!important;border-radius:12px!important;padding:4px 16px!important;color:#e93030!important;font-weight:1000!important;font-size:27px!important;line-height:1!important;box-shadow:0 4px 0 #dba526!important;white-space:nowrap!important}
.yvette-free-podium{margin:-2px auto 0!important;max-width:150px!important;background:linear-gradient(#ffd84d,#f2b719)!important;border-radius:18px 18px 8px 8px!important;padding:9px 8px!important;color:#6b3d00!important;font-weight:1000!important;text-align:center!important;box-shadow:0 5px 0 #d49b13!important}
.yvette-pass-kicker{margin:0!important;color:#6a39a4!important;font-weight:1000!important;letter-spacing:.04em!important}.yvette-free-pass h3{margin:4px 0 6px!important;color:#123f7a!important;font-size:1.55rem!important;line-height:1.15!important}.yvette-free-pass p{margin:5px 0!important;color:#40536c!important;line-height:1.4!important}
.yvette-free-benefits{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px 12px!important;margin:16px 0!important}.yvette-free-benefits div{position:relative!important;padding:10px 10px 10px 34px!important;background:#fff!important;border-radius:14px!important;font-weight:800!important;color:#174b7e!important;line-height:1.25!important}.yvette-free-benefits div:before{content:''!important;position:absolute!important;left:12px!important;top:50%!important;transform:translateY(-50%)!important;width:13px!important;height:13px!important;border-radius:50%!important;background:#20b85a!important;box-shadow:inset 0 0 0 3px #fff!important}
.yvette-bonus-card{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:14px!important;align-items:center!important;background:#eaf7ff!important;border-radius:20px!important;padding:14px!important}.yvette-bonus-title{font-size:1.25rem!important;font-weight:1000!important;color:#123f7a!important}.yvette-bonus-progress{min-width:180px!important;text-align:center!important}.yvette-bonus-dot{display:inline-block!important;width:28px!important;height:28px!important;margin:4px!important;border:5px solid #b8c5d1!important;border-radius:50%!important;background:#fff!important}.yvette-bonus-dot.filled{background:#20b85a!important;border-color:#20b85a!important;box-shadow:inset 0 0 0 5px #fff!important}.yvette-bonus-progress strong{display:block!important;color:#123f7a!important}
.yvette-member-cta,.yvette-member-explore{display:block!important;width:100%!important;border:0!important;border-radius:18px!important;padding:15px 18px!important;font-weight:1000!important;font-size:1.08rem!important;line-height:1.2!important;margin-top:14px!important;cursor:pointer!important}.yvette-member-cta{background:linear-gradient(90deg,#f31570,#ff3e9a)!important;color:#fff!important;box-shadow:0 5px 0 #bd1558!important}.yvette-member-explore{background:#1e8cf0!important;color:#fff!important;box-shadow:0 5px 0 #1263ad!important}.yvette-pass-earned{background:linear-gradient(180deg,#fff1a6,#fff)!important}.yvette-awarded{font-size:1.12rem!important}

/* Get to Know Yvette page */
.yvette-know-page{margin:0!important;background:linear-gradient(#f9fdff,#eef8ff 45%,#fffaf0)!important;color:#173451!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;overflow-x:hidden!important}
.yvette-know-page *{box-sizing:border-box!important}
.yvette-know-page .wrap{width:min(100%,980px)!important;margin:0 auto!important;padding:0 14px 48px!important}
.yvette-know-page .topbar{position:sticky!important;top:0!important;z-index:20!important;display:flex!important;align-items:center!important;gap:12px!important;padding:12px 14px!important;margin:0 -14px 14px!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid #d9e8f2!important}
.yvette-know-page .home{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:10px 14px!important;border-radius:16px!important;background:#eef7ff!important;color:#123f78!important;font-weight:800!important;text-decoration:none!important}.yvette-know-page .brand{font-weight:900!important;font-size:1.05rem!important;color:#123f78!important}.yvette-know-page .version{margin-left:auto!important;font-size:.78rem!important;color:#698095!important}
.yvette-know-page .hero{overflow:hidden!important;position:relative!important;display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(180px,.75fr)!important;gap:18px!important;align-items:center!important;background:linear-gradient(135deg,#0f639f,#178dc7 55%,#56c5de)!important;border-radius:30px!important;padding:28px!important;color:#fff!important;box-shadow:0 12px 30px rgba(22,70,110,.12)!important}.yvette-know-page .hero h1{font-size:clamp(2rem,7vw,3.6rem)!important;line-height:.96!important;margin:0 0 12px!important;color:#fff!important}.yvette-know-page .hero p{font-size:clamp(1rem,3.5vw,1.25rem)!important;line-height:1.45!important;margin:0!important;max-width:610px!important;color:#fff!important}.yvette-know-page .hero img{display:block!important;width:100%!important;max-width:280px!important;max-height:260px!important;object-fit:contain!important;position:relative!important;z-index:2!important;margin:0 auto!important}.yvette-know-page .pill{display:inline-block!important;margin-bottom:12px!important;padding:7px 12px!important;border-radius:999px!important;background:rgba(255,255,255,.18)!important;font-weight:800!important;font-size:.82rem!important;letter-spacing:.04em!important}
.yvette-know-page .section{margin-top:18px!important;background:#fff!important;border:1px solid #d9e8f2!important;border-radius:28px!important;padding:24px!important;box-shadow:0 12px 30px rgba(22,70,110,.12)!important}.yvette-know-page .section h2{margin:0 0 8px!important;color:#123f78!important;font-size:clamp(1.55rem,5vw,2.15rem)!important;line-height:1.15!important}.yvette-know-page .section>p.lead{margin:0 0 18px!important;color:#526a7f!important;font-size:1.04rem!important;line-height:1.5!important}
.yvette-know-page .grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}.yvette-know-page .card{border-radius:22px!important;padding:18px!important;min-height:150px!important;overflow:hidden!important}.yvette-know-page .card h3{margin:0 0 7px!important;color:#123f78!important;font-size:1.08rem!important}.yvette-know-page .card p{margin:0!important;color:#39556d!important;line-height:1.43!important;font-size:.94rem!important}.yvette-know-page .card img{display:block!important;width:72px!important;height:72px!important;max-width:72px!important;max-height:72px!important;object-fit:contain!important;margin:0 0 8px!important}.yvette-know-page .see{background:#ffe8f2!important}.yvette-know-page .understand{background:#fff4c8!important}.yvette-know-page .do{background:#e8f8eb!important}.yvette-know-page .personalize{background:#f2eaff!important}.yvette-know-page .memory{background:#e9f5ff!important}.yvette-know-page .safety{background:#effbf3!important}
.yvette-know-page .explorers{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}.yvette-know-page .explorer{background:#f8fbfd!important;border:1px solid #d9e8f2!important;border-radius:20px!important;padding:14px!important;text-align:center!important;overflow:hidden!important}.yvette-know-page .explorer img{display:block!important;width:86px!important;height:86px!important;max-width:86px!important;max-height:86px!important;object-fit:contain!important;margin:0 auto!important}.yvette-know-page .explorer h3{margin:5px 0!important;color:#123f78!important;font-size:1rem!important}.yvette-know-page .explorer p{margin:0!important;color:#50677a!important;line-height:1.35!important;font-size:.86rem!important}
.yvette-know-page .roadmap{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}.yvette-know-page .road{border-radius:22px!important;padding:18px!important}.yvette-know-page .road strong{display:block!important;color:#123f78!important;font-size:1.05rem!important;margin-bottom:6px!important}.yvette-know-page .road ul{margin:8px 0 0!important;padding-left:19px!important;color:#3b566c!important;line-height:1.55!important}.yvette-know-page .now{background:#e9f9ee!important}.yvette-know-page .next{background:#fff4cf!important}.yvette-know-page .future{background:#f2eaff!important}
.yvette-know-page .parent-note{display:grid!important;grid-template-columns:100px minmax(0,1fr)!important;gap:18px!important;align-items:center!important;background:linear-gradient(135deg,#fff9dd,#eff9ff)!important}.yvette-know-page .parent-note img{display:block!important;width:100px!important;height:100px!important;max-width:100px!important;object-fit:contain!important}.yvette-know-page .parent-note p{margin:0!important;color:#425d73!important;line-height:1.5!important}.yvette-know-page .truth{margin-top:14px!important;padding:14px!important;border-radius:16px!important;background:#eef7ff!important;color:#34546d!important;font-size:.9rem!important;line-height:1.45!important}.yvette-know-page .truth strong{color:#123f78!important}.yvette-know-page .cta{display:flex!important;justify-content:center!important;margin-top:20px!important}.yvette-know-page .cta a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:54px!important;padding:0 24px!important;border-radius:20px!important;background:linear-gradient(135deg,#168ddd,#ee3c92)!important;color:#fff!important;text-decoration:none!important;font-weight:900!important;font-size:1.05rem!important;box-shadow:0 8px 18px rgba(31,107,160,.22)!important}

@media(max-width:620px){
  .get-to-know-yvette-home{padding:12px 13px!important;border-radius:20px!important;gap:11px!important}.get-to-know-yvette-home img{width:52px!important;height:52px!important;max-width:52px!important;max-height:52px!important;flex-basis:52px!important}.get-to-know-yvette-home strong{font-size:1rem!important}.get-to-know-yvette-home small{font-size:.8rem!important}.get-to-know-yvette-home b{font-size:1.65rem!important}
  .yvette-member-card{width:94vw!important;padding:20px 14px!important}.yvette-free-pass{padding:14px!important;border-radius:22px!important}.yvette-free-hero{grid-template-columns:1fr!important;text-align:center!important;gap:10px!important}.yvette-free-hero>div:last-child{text-align:center!important}.yvette-free-mascot{padding-top:32px!important}.yvette-free-mascot .yvette-member-mascot{width:105px!important}.yvette-free-banner{font-size:24px!important}.yvette-free-benefits{grid-template-columns:1fr!important}.yvette-bonus-card{grid-template-columns:1fr!important;text-align:center!important}.yvette-bonus-progress{min-width:0!important}.yvette-free-pass h3{font-size:1.3rem!important}
  .yvette-know-page .wrap{padding:0 10px 36px!important}.yvette-know-page .topbar{margin:0 -10px 10px!important;padding:9px 10px!important}.yvette-know-page .hero{grid-template-columns:1fr!important;border-radius:24px!important;padding:20px 16px!important;text-align:center!important}.yvette-know-page .hero img{max-width:180px!important;max-height:180px!important}.yvette-know-page .section{padding:18px 14px!important;border-radius:24px!important}.yvette-know-page .grid{grid-template-columns:1fr!important}.yvette-know-page .card{min-height:0!important}.yvette-know-page .card img{width:62px!important;height:62px!important;max-width:62px!important;max-height:62px!important}.yvette-know-page .explorers{grid-template-columns:1fr 1fr!important}.yvette-know-page .roadmap{grid-template-columns:1fr!important}.yvette-know-page .parent-note{grid-template-columns:72px minmax(0,1fr)!important;gap:12px!important}.yvette-know-page .parent-note img{width:72px!important;height:72px!important;max-width:72px!important}.yvette-know-page .brand{font-size:.96rem!important}.yvette-know-page .version{display:none!important}
}
@media(max-width:390px){.yvette-know-page .explorers{grid-template-columns:1fr!important}.yvette-know-page .home{padding:9px 11px!important}.yvette-know-page .section h2{font-size:1.45rem!important}}


/* V3.79 Home information cards */
.yvette-footer-tools{display:flex!important;flex-direction:column!important;gap:12px!important}
.yvette-info-home-card{display:grid!important;grid-template-columns:82px minmax(0,1fr) 30px!important;align-items:center!important;gap:13px!important;width:100%!important;min-height:116px!important;padding:12px 14px!important;border:3px solid #fff!important;border-radius:24px!important;background:linear-gradient(135deg,#e8f8e4,#f7fff1)!important;box-shadow:0 7px 0 rgba(29,111,162,.20)!important;text-decoration:none!important;text-align:left!important;box-sizing:border-box!important;color:#123f78!important;overflow:hidden!important}
.yvette-info-home-card img{display:block!important;width:82px!important;height:82px!important;max-width:82px!important;max-height:82px!important;object-fit:contain!important;margin:0!important}
.yvette-info-home-card span{min-width:0!important}.yvette-info-home-card strong{display:block!important;color:#123f78!important;font-size:1.18rem!important;line-height:1.1!important;margin-bottom:5px!important}.yvette-info-home-card small{display:block!important;color:#4c6b83!important;font-size:.88rem!important;line-height:1.3!important}.yvette-info-home-card>b{font-size:2rem!important;color:#126db5!important;text-align:center!important;line-height:1!important}
.yvette-safety-home-card{appearance:none!important;-webkit-appearance:none!important;font:inherit!important;cursor:pointer!important}
.get-to-know-yvette-home.yvette-info-home-card{background:linear-gradient(135deg,#eaf7ff,#f7fbff)!important;margin:0!important}

/* V3.79 compact, clickable Free Pass */
.yvette-free-pass{padding:12px!important}
.yvette-free-summary{display:grid!important;grid-template-columns:150px minmax(0,1fr) 28px!important;gap:14px!important;align-items:center!important;width:100%!important;border:0!important;background:transparent!important;padding:4px!important;text-align:left!important;font:inherit!important;cursor:pointer!important;color:inherit!important}
.yvette-free-summary .yvette-free-mascot{display:block!important;padding-top:31px!important;position:relative!important;text-align:center!important}
.yvette-free-summary-copy{display:block!important;min-width:0!important}.yvette-free-summary-copy strong{display:block!important;color:#123f7a!important;font-size:1.35rem!important;line-height:1.15!important;margin:5px 0!important}.yvette-free-summary-copy small{display:block!important;color:#52677a!important;font-size:.9rem!important;line-height:1.35!important}.yvette-free-chevron{font-size:2rem!important;color:#126db5!important;transition:transform .2s ease!important}.yvette-free-pass.is-open .yvette-free-chevron{transform:rotate(90deg)!important}.yvette-free-details{padding:8px 4px 4px!important}.yvette-free-intro{text-align:center!important;font-weight:750!important}.yvette-award-certificate{padding:18px!important;border:2px dashed #d8a61a!important;border-radius:18px!important;background:#fffdf2!important;text-align:center!important}
@media(max-width:620px){.yvette-info-home-card{grid-template-columns:68px minmax(0,1fr) 24px!important;min-height:104px!important;padding:10px 11px!important;gap:10px!important}.yvette-info-home-card img{width:68px!important;height:68px!important;max-width:68px!important;max-height:68px!important}.yvette-info-home-card strong{font-size:1.03rem!important}.yvette-info-home-card small{font-size:.79rem!important}.yvette-free-summary{grid-template-columns:112px minmax(0,1fr) 22px!important;gap:8px!important}.yvette-free-summary-copy strong{font-size:1.12rem!important}.yvette-free-summary-copy small{font-size:.82rem!important}.yvette-free-summary .yvette-free-mascot .yvette-member-mascot{width:90px!important}.yvette-free-summary .yvette-free-banner{font-size:21px!important;padding:4px 11px!important}.yvette-free-summary .yvette-free-podium{font-size:.78rem!important;padding:7px 5px!important}.yvette-free-details{padding-top:12px!important}}

/* V3.81 native clickable Free Pass: no JS dependency */
.yvette-free-summary{list-style:none!important;-webkit-tap-highlight-color:transparent!important}
.yvette-free-summary::-webkit-details-marker{display:none!important}
.yvette-free-pass:not([open]) .yvette-free-details{display:none!important}
.yvette-free-pass[open] .yvette-free-chevron{transform:rotate(90deg)!important}

/* V3.82 Little Chef home entry */
.little-chef-home-button{display:grid;grid-template-columns:78px 1fr 24px;align-items:center;gap:12px;width:100%;margin:12px 0;padding:11px 14px;border:3px solid #ffd16b;border-radius:24px;background:linear-gradient(135deg,#fff7cf,#fff,#e8f8ff);box-shadow:0 6px 0 #e5bc5e,0 10px 24px rgba(100,67,14,.10);color:#173f82;text-decoration:none;text-align:left}.little-chef-home-button img{width:72px;height:72px;object-fit:cover;object-position:50% 30%;border-radius:18px;background:#fff}.little-chef-home-button strong{display:block;font-size:21px;line-height:1.05}.little-chef-home-button small{display:block;margin-top:5px;color:#5d6d7d;font-weight:700;line-height:1.2}.little-chef-home-button>b{font-size:30px;color:#e29020}.little-chef-home-button:active{transform:translateY(3px);box-shadow:0 3px 0 #e5bc5e}
@media(max-width:520px){.little-chef-home-button{grid-template-columns:66px 1fr 20px;padding:10px}.little-chef-home-button img{width:62px;height:62px}.little-chef-home-button strong{font-size:18px}.little-chef-home-button small{font-size:12px}}

/* V3.88 — clean Home header reset. Replaces V3.85–V3.87 stacked overrides. */
/* The legacy theme already paints a seasonal strip with .phone::before. Remove it so
   the single navigation row below is the only yellow strip. */
body.home-view-active .phone::before,
.phone::before{
  content:none!important;
  display:none!important;
}

.yvette-seasonal-nav{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:70px!important;
  padding:8px 12px!important;
  margin:0!important;
  display:grid!important;
  grid-template-columns:50px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  background:linear-gradient(180deg,#fff7bd 0%,#fff0a2 100%)!important;
  border-top:4px solid #ffc52c!important;
  border-bottom:1px solid rgba(216,173,28,.28)!important;
  position:relative!important;
  z-index:50!important;
  overflow:visible!important;
}
.yvette-seasonal-nav-decor{
  min-width:0!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  font-size:21px!important;
  line-height:1!important;
}
.yvette-header-actions{
  position:static!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0!important;
}
.yvette-header-icon{
  box-sizing:border-box!important;
  position:static!important;
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  min-height:48px!important;
  padding:0!important;
  margin:0!important;
  border:3px solid rgba(255,255,255,.98)!important;
  border-radius:50%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
  cursor:pointer!important;
  font-size:0!important;
  line-height:0!important;
  overflow:hidden!important;
  box-shadow:0 5px 0 rgba(10,67,117,.24),0 8px 16px rgba(20,64,105,.15)!important;
  -webkit-tap-highlight-color:transparent!important;
}
.yvette-header-home,.yvette-header-settings{
  background:linear-gradient(180deg,#3cbcff 0%,#0787e9 72%,#0671c5 100%)!important;
}
.yvette-header-exit{
  background:linear-gradient(180deg,#ff6b6b 0%,#ed3434 70%,#c91f1f 100%)!important;
  box-shadow:0 5px 0 rgba(139,22,22,.28),0 8px 16px rgba(120,25,25,.14)!important;
}
.yvette-header-icon:active{transform:translateY(3px)!important}
.yvette-header-icon svg{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:25px!important;
  height:25px!important;
  max-width:25px!important;
  max-height:25px!important;
  flex:0 0 25px!important;
  overflow:visible!important;
}
.yvette-header-home svg path{fill:#fff!important;stroke:#fff!important;stroke-width:1.2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.yvette-header-settings svg path{fill:#fff!important;stroke:#fff!important;stroke-width:.5!important;stroke-linejoin:round!important}
.yvette-header-settings svg .gear-hole{fill:#168ee1!important;stroke:#fff!important;stroke-width:1.2!important}
.yvette-header-exit svg path{fill:none!important;stroke:#fff!important;stroke-width:3.6!important;stroke-linecap:round!important}
/* Prevent old label pseudo-elements from returning. */
.yvette-header-icon::before,.yvette-header-icon::after{content:none!important;display:none!important}

/* Full-width branding row directly below the single nav strip. */
.yvette-icon-header{
  position:relative!important;
  display:block!important;
  width:100%!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
}
.yvette-icon-header .storybook-home-link{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  position:relative!important;
}
.yvette-icon-header .storybook-home-link>img:first-child{
  display:block!important;
  width:100%!important;
  height:120px!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center!important;
  margin:0!important;
}
.yvette-owner-badge{z-index:55!important}

@media(max-width:620px){
  .yvette-seasonal-nav{min-height:66px!important;padding:7px 10px!important;grid-template-columns:46px minmax(0,1fr) auto!important;gap:8px!important}
  .yvette-seasonal-nav .yvette-header-icon{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
  .yvette-seasonal-nav-decor{font-size:19px!important}
  .yvette-icon-header .storybook-home-link>img:first-child{height:112px!important}
}
@media(max-width:390px){
  .yvette-seasonal-nav{min-height:62px!important;padding:6px 8px!important;grid-template-columns:42px minmax(0,1fr) auto!important;gap:6px!important}
  .yvette-seasonal-nav .yvette-header-icon{width:41px!important;height:41px!important;min-width:41px!important;min-height:41px!important;border-width:2px!important}
  .yvette-seasonal-nav .yvette-header-icon svg{width:22px!important;height:22px!important;max-width:22px!important;max-height:22px!important;flex-basis:22px!important}
  .yvette-seasonal-nav-decor{font-size:17px!important}
  .yvette-icon-header .storybook-home-link>img:first-child{height:106px!important}
}


/* V3.89 — Experience selector returns to the bottom as a polished Yvette card. */
.choose-experience-home-bottom{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:14px 16px!important;
  border:2px solid rgba(255,255,255,.8)!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#fff6c9,#e7f7ff)!important;
  box-shadow:0 7px 0 rgba(26,91,151,.16)!important;
  color:#123d72!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  text-align:left!important;
  overflow:hidden!important;
  cursor:pointer!important;
}
.choose-experience-home-bottom img{
  display:block!important;
  width:64px!important;
  height:64px!important;
  max-width:64px!important;
  max-height:64px!important;
  object-fit:contain!important;
  flex:0 0 64px!important;
  margin:0!important;
}
.choose-experience-home-bottom>span{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  min-width:0!important;
  overflow:hidden!important;
}
.choose-experience-home-bottom strong{
  display:block!important;
  margin:0!important;
  color:#123d72!important;
  font-size:1.12rem!important;
  line-height:1.15!important;
  font-weight:900!important;
  white-space:normal!important;
}
.choose-experience-home-bottom small{
  display:block!important;
  margin-top:4px!important;
  color:#355b7d!important;
  font-size:.88rem!important;
  line-height:1.28!important;
  font-weight:650!important;
  white-space:normal!important;
}
.choose-experience-home-bottom small #currentExplorerMode{
  color:#123d72!important;
  font-weight:900!important;
}
.choose-experience-home-bottom>b{
  display:block!important;
  flex:0 0 auto!important;
  margin-left:auto!important;
  color:#1688d8!important;
  font-size:2rem!important;
  line-height:1!important;
}
.choose-experience-home-bottom:active{
  transform:translateY(3px)!important;
  box-shadow:0 4px 0 rgba(26,91,151,.16)!important;
}
@media(max-width:620px){
  .choose-experience-home-bottom{
    padding:12px 13px!important;
    border-radius:20px!important;
    gap:11px!important;
  }
  .choose-experience-home-bottom img{
    width:52px!important;
    height:52px!important;
    max-width:52px!important;
    max-height:52px!important;
    flex-basis:52px!important;
  }
  .choose-experience-home-bottom strong{font-size:1rem!important}
  .choose-experience-home-bottom small{font-size:.8rem!important}
  .choose-experience-home-bottom>b{font-size:1.65rem!important}
}

/* V3.90 — standalone nav images prevent scripts/global SVG rules from erasing symbols. */
.yvette-seasonal-nav .yvette-header-icon .yvette-nav-symbol{
 display:block!important;visibility:visible!important;opacity:1!important;
 width:25px!important;height:25px!important;min-width:25px!important;min-height:25px!important;
 max-width:25px!important;max-height:25px!important;object-fit:contain!important;
 position:static!important;transform:none!important;margin:0!important;padding:0!important;
 border:0!important;background:transparent!important;pointer-events:none!important;
}
@media(max-width:390px){.yvette-seasonal-nav .yvette-header-icon .yvette-nav-symbol{
 width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;
 max-width:22px!important;max-height:22px!important;
}}

/* V3.93 — Manage Subscription joins the bottom Yvette information-card family. */
.manage-subscription-home-card{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:14px 16px!important;
  border:2px solid rgba(255,255,255,.88)!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#f6fbff,#edf7ff)!important;
  box-shadow:0 7px 0 rgba(26,91,151,.16)!important;
  color:#123d72!important;
  text-decoration:none!important;
  text-align:left!important;
  overflow:hidden!important;
}
.manage-subscription-home-card img{
  display:block!important;
  width:64px!important;height:64px!important;max-width:64px!important;max-height:64px!important;
  object-fit:contain!important;flex:0 0 64px!important;margin:0!important;
}
.manage-subscription-home-card>span{
  display:flex!important;flex:1 1 auto!important;flex-direction:column!important;min-width:0!important;
}
.manage-subscription-home-card strong{
  display:block!important;margin:0!important;color:#123d72!important;font-size:1.12rem!important;
  line-height:1.15!important;font-weight:900!important;white-space:normal!important;
}
.manage-subscription-home-card small{
  display:block!important;margin-top:4px!important;color:#355b7d!important;font-size:.88rem!important;
  line-height:1.28!important;font-weight:650!important;white-space:normal!important;
}
.manage-subscription-home-card>b{
  display:block!important;flex:0 0 auto!important;margin-left:auto!important;color:#1688d8!important;
  font-size:2rem!important;line-height:1!important;
}
.manage-subscription-home-card:active{
  transform:translateY(3px)!important;box-shadow:0 4px 0 rgba(26,91,151,.16)!important;
}
@media(max-width:620px){
 .manage-subscription-home-card{padding:12px 13px!important;border-radius:20px!important;gap:11px!important}
 .manage-subscription-home-card img{width:52px!important;height:52px!important;max-width:52px!important;max-height:52px!important;flex-basis:52px!important}
 .manage-subscription-home-card strong{font-size:1rem!important}
 .manage-subscription-home-card small{font-size:.8rem!important}
 .manage-subscription-home-card>b{font-size:1.65rem!important}
}

/* V3.95 — Full Yvette Trial becomes a real clickable Yvette card. */
.yvette-trial-home-card{
 display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;
 box-sizing:border-box!important;margin:12px 0!important;padding:13px 16px!important;
 border:3px solid #fff!important;border-radius:24px!important;background:linear-gradient(135deg,#fff4a8,#fffbd7)!important;
 box-shadow:0 7px 0 rgba(220,165,25,.34)!important;color:#123d72!important;text-align:left!important;
 cursor:pointer!important;overflow:hidden!important;
}
.yvette-trial-home-card .trial-inline-mascot{
 width:66px!important;height:66px!important;max-width:66px!important;max-height:66px!important;
 flex:0 0 66px!important;object-fit:contain!important;margin:0!important;
}
.yvette-trial-home-card>span{
 display:block!important;flex:1 1 auto!important;min-width:0!important;color:#8a5400!important;
 font-size:.86rem!important;line-height:1.25!important;font-weight:900!important;
}
.yvette-trial-home-card>span::before{
 content:"Full Yvette Trial";display:block!important;color:#123d72!important;font-size:1.08rem!important;
 line-height:1.12!important;font-weight:900!important;margin-bottom:3px!important;
}
.yvette-trial-home-card>span::after{
 content:"See what’s included and how to earn more time.";display:block!important;color:#587187!important;
 font-size:.76rem!important;line-height:1.2!important;font-weight:700!important;margin-top:4px!important;
}
.trial-card-chevron{
 display:block!important;flex:0 0 auto!important;margin-left:auto!important;color:#1688d8!important;
 font-size:2rem!important;line-height:1!important;
}
.yvette-trial-home-card:active{transform:translateY(3px)!important;box-shadow:0 4px 0 rgba(220,165,25,.34)!important}
.yvette-trial-dialog[hidden]{display:none!important}
.yvette-trial-dialog{position:fixed!important;inset:0!important;z-index:99999!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:18px!important}
.yvette-trial-dialog-backdrop{position:absolute!important;inset:0!important;background:rgba(10,36,64,.58)!important}
.yvette-trial-dialog-card{position:relative!important;z-index:1!important;width:min(520px,100%)!important;max-height:88vh!important;overflow:auto!important;box-sizing:border-box!important;padding:26px 20px 20px!important;border:4px solid #fff!important;border-radius:28px!important;background:linear-gradient(180deg,#fffbd8,#f7fbff)!important;box-shadow:0 18px 55px rgba(0,0,0,.28)!important;text-align:center!important}
.yvette-trial-dialog-close{position:absolute!important;right:12px!important;top:10px!important;width:40px!important;height:40px!important;border:0!important;border-radius:50%!important;background:#ef4452!important;color:#fff!important;font-size:1.8rem!important;line-height:1!important;font-weight:900!important}
.yvette-trial-dialog-mascot{display:block!important;width:104px!important;height:104px!important;object-fit:contain!important;margin:0 auto 4px!important}
.yvette-trial-dialog-card h2{margin:2px 0 8px!important;color:#123d72!important;font-size:1.6rem!important}
.yvette-trial-dialog-status{margin:0 auto 14px!important;padding:9px 12px!important;border-radius:14px!important;background:#fff2a8!important;color:#7a4a00!important;font-weight:900!important;font-size:.9rem!important}
.yvette-trial-dialog-grid{display:grid!important;gap:10px!important;text-align:left!important}
.yvette-trial-dialog-grid>div{padding:12px!important;border-radius:16px!important;background:#fff!important;border:1px solid #d8e9f5!important}
.yvette-trial-dialog-grid strong{display:block!important;color:#123d72!important;margin-bottom:3px!important}
.yvette-trial-dialog-grid span{display:block!important;color:#49677f!important;font-size:.88rem!important;line-height:1.35!important}
.yvette-trial-subscribe-link{display:block!important;margin-top:14px!important;padding:12px 15px!important;border-radius:16px!important;background:#1688d8!important;color:#fff!important;text-decoration:none!important;font-weight:900!important}
@media(max-width:620px){
 .yvette-trial-home-card{padding:11px 12px!important;border-radius:20px!important;gap:10px!important}
 .yvette-trial-home-card .trial-inline-mascot{width:54px!important;height:54px!important;max-width:54px!important;max-height:54px!important;flex-basis:54px!important}
 .yvette-trial-home-card>span{font-size:.78rem!important}
 .yvette-trial-home-card>span::before{font-size:.98rem!important}
 .yvette-trial-home-card>span::after{font-size:.7rem!important}
}

/* V3.96 — clean unframed standing mascot on trial card */
.yvette-trial-home-card .trial-inline-mascot{
 background:transparent!important;border:0!important;border-radius:0!important;
 box-shadow:none!important;padding:0!important;width:76px!important;height:76px!important;
 max-width:76px!important;max-height:76px!important;flex:0 0 76px!important;
 object-fit:contain!important;object-position:center!important;
}
@media(max-width:620px){
 .yvette-trial-home-card .trial-inline-mascot{
   width:64px!important;height:64px!important;max-width:64px!important;max-height:64px!important;flex-basis:64px!important;
 }
}

/* V3.97 — remove legacy blue strip/bar from Full Yvette Trial card */
#freeDiscoveryRemaining.yvette-trial-home-card{
  all:unset!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  min-height:96px!important;
  margin:14px 0!important;
  padding:13px 16px!important;
  border:3px solid #fff!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#fff4a8,#fffbd7)!important;
  box-shadow:0 7px 0 rgba(220,165,25,.34)!important;
  color:#123d72!important;
  text-align:left!important;
  cursor:pointer!important;
  overflow:hidden!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  font:inherit!important;
  position:relative!important;
}
#freeDiscoveryRemaining.yvette-trial-home-card::before,
#freeDiscoveryRemaining.yvette-trial-home-card::after{
  content:none!important;
  display:none!important;
  background:none!important;
  border:0!important;
  height:0!important;
}
#freeDiscoveryRemaining.yvette-trial-home-card .trial-inline-mascot{
  display:block!important;
  width:68px!important;
  height:68px!important;
  max-width:68px!important;
  max-height:68px!important;
  flex:0 0 68px!important;
  object-fit:contain!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
  margin:0!important;
}
#freeDiscoveryRemaining.yvette-trial-home-card>span{
  display:block!important;
  flex:1 1 auto!important;
  min-width:0!important;
  color:#8a5400!important;
  font-size:.86rem!important;
  line-height:1.25!important;
  font-weight:900!important;
  background:transparent!important;
  border:0!important;
  padding:0!important;
  margin:0!important;
}
#freeDiscoveryRemaining.yvette-trial-home-card>span::before{
  content:"Full Yvette Trial"!important;
  display:block!important;
  color:#123d72!important;
  font-size:1.08rem!important;
  line-height:1.12!important;
  font-weight:900!important;
  margin:0 0 3px!important;
  background:none!important;
}
#freeDiscoveryRemaining.yvette-trial-home-card>span::after{
  content:"See what’s included and how to earn more time."!important;
  display:block!important;
  color:#587187!important;
  font-size:.76rem!important;
  line-height:1.2!important;
  font-weight:700!important;
  margin:4px 0 0!important;
  background:none!important;
}
#freeDiscoveryRemaining.yvette-trial-home-card .trial-card-chevron{
  display:block!important;
  flex:0 0 auto!important;
  margin-left:auto!important;
  color:#1688d8!important;
  font-size:2rem!important;
  line-height:1!important;
  background:transparent!important;
  border:0!important;
}
@media(max-width:620px){
  #freeDiscoveryRemaining.yvette-trial-home-card{
    min-height:88px!important;
    padding:11px 12px!important;
    border-radius:20px!important;
    gap:10px!important;
  }
  #freeDiscoveryRemaining.yvette-trial-home-card .trial-inline-mascot{
    width:60px!important;height:60px!important;max-width:60px!important;max-height:60px!important;flex-basis:60px!important;
  }
}

/* V3.98 — final trial card repair: cache bust, native anchor, image crop, no-JS modal fallback */
#freeDiscoveryRemaining.yvette-trial-home-card{
  text-decoration:none!important;
}

/* The blue stripe is inside the source mascot image.
   Crop its painted top edge inside a clean overflow-hidden mascot viewport. */
#freeDiscoveryRemaining.yvette-trial-home-card .trial-inline-mascot{
  clip-path:inset(22px 0 0 0)!important;
  transform:translateY(-8px) scale(1.10)!important;
  transform-origin:center center!important;
  margin-top:5px!important;
  margin-bottom:-5px!important;
}

/* Modal is closed by default, but :target makes the card work even if JS is cached/blocked. */
#yvetteTrialDialog.yvette-trial-dialog{
  display:none!important;
}
#yvetteTrialDialog.yvette-trial-dialog:target{
  display:flex!important;
}
#yvetteTrialDialog.yvette-trial-dialog[hidden]{
  display:none!important;
}
#yvetteTrialDialog.yvette-trial-dialog[style*="display: flex"]{
  display:flex!important;
}
.yvette-trial-dialog-close{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
}
@media(max-width:620px){
  #freeDiscoveryRemaining.yvette-trial-home-card .trial-inline-mascot{
    clip-path:inset(18px 0 0 0)!important;
    transform:translateY(-6px) scale(1.10)!important;
    margin-top:4px!important;
    margin-bottom:-4px!important;
  }
}

/* V3.99 — Full Yvette Trial uses a normal dedicated page, no modal dependency. */
#freeDiscoveryRemaining.yvette-trial-home-card{
  text-decoration:none!important;
}
/* V4.29 — Yvette Goes to School home card */
.yvette-school-home-button{width:100%;display:grid;grid-template-columns:76px 1fr auto;align-items:center;gap:12px;text-align:left;text-decoration:none;color:#17365d;background:linear-gradient(135deg,#bceeff,#fff1a8);border:3px solid #17365d;border-radius:22px;padding:10px 16px;margin:12px 0;box-shadow:0 6px 0 #17365d}.yvette-school-home-button img{width:70px;height:84px;object-fit:contain}.yvette-school-home-button strong{display:block;font-size:1.18rem}.yvette-school-home-button small{display:block;margin-top:3px;font-weight:700}.yvette-school-home-button b{font-size:2rem}@media(max-width:560px){.yvette-school-home-button{grid-template-columns:64px 1fr auto}.yvette-school-home-button img{width:58px;height:72px}}