/* Yvette V4.32.1 — mobile/layout stabilization of the true rebuild */
@import url('yvette-home-v432.css?v=432');

/* Keep the garden decorative and out of the content area. */
#start.bright-scene{
  padding-left:34px!important;
  padding-right:34px!important;
  background:
    radial-gradient(circle at 17px 90px,#fff 0 5px,#ffd84f 6px 9px,transparent 10px),
    radial-gradient(circle at calc(100% - 17px) 150px,#fff 0 5px,#ff7aa8 6px 9px,transparent 10px),
    linear-gradient(90deg,#75da48 0 18px,transparent 18px calc(100% - 18px),#5bcf48 calc(100% - 18px)),
    linear-gradient(180deg,#c9f4ff 0%,#efffe9 35%,#e6ffc4 100%)!important;
}
#start.bright-scene:before,#start.bright-scene:after{display:none!important}

/* Header: no inherited/leftover banner artwork, clean two-part composition. */
.yv432-hero-header{
  min-height:205px!important;
  grid-template-columns:minmax(0,1.25fr) minmax(175px,.75fr)!important;
  gap:18px!important;
  padding:68px 24px 20px!important;
}
.yv432-brand{min-width:0!important}
.yv432-wordmark{font-size:clamp(58px,9vw,84px)!important;letter-spacing:-7px!important;white-space:nowrap!important}
.yv432-brand small{font-size:clamp(16px,2.4vw,21px)!important}
.yv432-hello{height:142px!important;align-self:end!important}
.yv432-hello img{
  width:170px!important;height:142px!important;object-fit:contain!important;
  border-radius:24px!important;background:#fff8df!important;
  filter:drop-shadow(0 5px 3px rgba(38,73,68,.14))!important;
}
.yv432-speech{left:-24px!important;top:-8px!important;max-width:132px!important;font-size:22px!important}

/* Force the welcome text itself, not only its parent, to the readable navy. */
#start .yv430-welcome h1,#start .yv430-welcome h1 span,#welcomeHello,#welcomeName{
  color:#123f78!important;-webkit-text-fill-color:#123f78!important;text-shadow:none!important;
}
#start .yv430-welcome{margin-top:18px!important}

/* Photo front door — identical twins at the actual tablet/narrow-desktop width. */
.yv430-photo-frontdoor{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
#start .yv430-photo-frontdoor .yvette-photo-action{
  grid-template-columns:72px minmax(0,1fr) 18px!important;
  height:132px!important;min-height:132px!important;
  padding:12px!important;gap:10px!important;border-radius:30px!important;
}
#start .yv430-photo-frontdoor img{width:70px!important;height:70px!important}
#start .yv430-photo-frontdoor strong{
  font-size:clamp(23px,3.1vw,31px)!important;line-height:1!important;
  overflow-wrap:normal!important;word-break:normal!important;
}
#start .yv430-photo-frontdoor small{font-size:12px!important;line-height:1.08!important}

/* Adventure cards: fixed safe boxes so mascots/text cannot clip. */
.yv430-adventure-grid{align-items:stretch!important}
.yv430-adventure-card{min-height:182px!important;height:182px!important;padding:8px 8px 13px!important;box-sizing:border-box!important}
.yv430-adventure-card img{width:112px!important;height:112px!important;flex:0 0 112px!important;object-fit:contain!important;margin:0 auto -2px!important}
.yv430-adventure-card strong{font-size:clamp(17px,2.8vw,23px)!important;line-height:1.02!important}
.yv430-season img{width:128px!important;height:108px!important;flex-basis:108px!important}

/* Main stabilization breakpoint: user's screenshot is a narrow content column inside a wider browser. */
@media(max-width:900px){
  body.home-view-active .phone{max-width:760px!important}
  #start.bright-scene{padding:18px 22px 38px!important}
  .yv432-hero-header{min-height:185px!important;grid-template-columns:minmax(0,1.2fr) 180px!important;padding:62px 18px 16px!important;gap:10px!important}
  .yv432-wordmark{font-size:clamp(52px,9vw,72px)!important;letter-spacing:-6px!important}
  .yv432-hello{height:124px!important}.yv432-hello img{width:150px!important;height:124px!important}.yv432-speech{font-size:20px!important;left:-18px!important}
  #start .yv430-welcome h1{font-size:clamp(29px,4.6vw,38px)!important}
  .yv430-photo-frontdoor{gap:12px!important}
  #start .yv430-photo-frontdoor .yvette-photo-action{grid-template-columns:66px minmax(0,1fr) 16px!important;height:122px!important;min-height:122px!important;padding:10px!important}
  #start .yv430-photo-frontdoor img{width:64px!important;height:64px!important}
  #start .yv430-photo-frontdoor strong{font-size:clamp(22px,3.4vw,28px)!important}
  #start .yv430-photo-frontdoor small{font-size:11px!important}
  .yv430-adventures{padding:14px!important}
  .yv430-adventure-card{height:166px!important;min-height:166px!important}
  .yv430-adventure-card img{width:100px!important;height:98px!important;flex-basis:98px!important}
  .yv430-season img{width:120px!important;height:94px!important;flex-basis:94px!important}
}

@media(max-width:700px){
  #start.bright-scene{padding:16px 16px 34px!important;background:linear-gradient(90deg,#75da48 0 10px,transparent 10px calc(100% - 10px),#5bcf48 calc(100% - 10px)),linear-gradient(180deg,#c9f4ff 0%,#efffe9 35%,#e6ffc4 100%)!important}
  .yv432-hero-header{min-height:168px!important;grid-template-columns:minmax(0,1fr) 132px!important;padding:58px 12px 12px!important}
  .yv432-wordmark{font-size:clamp(42px,12vw,60px)!important;letter-spacing:-5px!important}.yv432-brand small{font-size:14px!important;margin-top:10px!important}
  .yv432-hello{height:108px!important}.yv432-hello img{width:125px!important;height:108px!important;border-radius:18px!important}.yv432-speech{display:none!important}
  #start .yv430-welcome{padding:12px 14px!important}
  #start .yv430-welcome h1{font-size:clamp(27px,7vw,35px)!important}
  #start .yv430-welcome .lede{font-size:clamp(16px,4.5vw,21px)!important}
  .yv430-photo-frontdoor{gap:9px!important}
  #start .yv430-photo-frontdoor .yvette-photo-action{grid-template-columns:58px minmax(0,1fr) 14px!important;height:112px!important;min-height:112px!important;padding:9px!important;border-radius:25px!important}
  #start .yv430-photo-frontdoor img{width:56px!important;height:56px!important}
  #start .yv430-photo-frontdoor strong{font-size:clamp(20px,5vw,25px)!important}
  #start .yv430-photo-frontdoor small{display:none!important}
  .yv430-adventure-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .yv430-adventure-card:nth-child(n){grid-column:span 1!important}
  .yv430-season{grid-column:1/-1!important}
  .yv430-adventure-card{height:148px!important;min-height:148px!important}
  .yv430-adventure-card img{width:88px!important;height:86px!important;flex-basis:86px!important}
  .yv430-season img{width:105px!important;height:82px!important;flex-basis:82px!important}
}

@media(max-width:430px){
  #start.bright-scene{padding-left:10px!important;padding-right:10px!important}
  .yv432-hero-header{grid-template-columns:1fr 102px!important;min-height:150px!important;padding:55px 8px 8px!important}
  .yv432-wordmark{font-size:clamp(37px,12vw,51px)!important;letter-spacing:-4px!important}.yv432-brand small{font-size:12px!important}.yv432-hello img{width:96px!important;height:92px!important}
  .yv430-photo-frontdoor{grid-template-columns:1fr 1fr!important;gap:7px!important}
  #start .yv430-photo-frontdoor .yvette-photo-action{display:flex!important;flex-direction:column!important;justify-content:center!important;text-align:center!important;height:126px!important;min-height:126px!important;padding:7px!important;gap:3px!important}
  #start .yv430-photo-frontdoor img{width:55px!important;height:55px!important}
  #start .yv430-photo-frontdoor strong{font-size:19px!important;line-height:1!important}
  #start .yv430-photo-frontdoor b{display:none!important}
  .yv430-adventures h2{font-size:22px!important}
  .yv430-adventure-card{height:140px!important;min-height:140px!important}.yv430-adventure-card img{width:80px!important;height:78px!important;flex-basis:78px!important}.yv430-adventure-card strong{font-size:17px!important}
}