/* Shared mobile layout for the English and Portuguese funnels. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:16px}
.shell{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));padding-bottom:env(safe-area-inset-bottom)}
.primary,.answer{background:var(--green-dark)}
.primary:hover,.answer:hover{background:#116e36}
.primary>span,.answer-label,.week>div{min-width:0;overflow-wrap:break-word}
.back,.text-button,footer button,.maq-metrics-preferences,.sample-close{min-height:44px;min-width:44px}
footer{flex-wrap:wrap;gap:0 12px}
footer button{font-size:12px;padding:10px 4px}
.dialog-close:not(.primary){width:44px;height:44px;display:grid;place-items:center;top:4px;right:4px}
dialog{max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;padding-top:44px}
.sample-dialog{padding-top:18px}
.sample-close{position:sticky;top:0;z-index:1;box-shadow:0 2px 8px #11182715}
.faq details{padding:4px 0}
.faq summary,.journey-outline>summary,.why>summary{min-height:44px;padding:12px 0}
.faq p{margin:0 0 18px}
.journey-outline{padding:4px 0}
@media(max-width:600px){
  .shell{padding-top:max(16px,env(safe-area-inset-top));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
  .navigation{margin-bottom:20px}.progress{height:10px}
  .welcome-heading h1{font-size:clamp(24px,6.2vw,28px);line-height:1.3;margin-bottom:16px}
  .intro{font-size:16px;line-height:1.55}
  .hero{margin:20px 0}.hero img{aspect-ratio:1.85;object-position:center 42%}
  .hero figcaption{gap:12px;margin-top:12px;font-size:13px}
  .primary{min-height:60px;padding:16px;font-size:16px}
  .question-count{margin-bottom:12px;font-size:13px}
  .question-heading h1{font-size:22px;line-height:1.35;margin-bottom:10px}
  .question-heading>p:last-child{font-size:15px;line-height:1.55}
  .screen[class*="screen-q"] .answers{margin-top:20px;gap:10px}
  .answer-label,.with-icons .answer-label,.illustrated .answer-label{font-size:15px;line-height:1.45}
  .with-icons .answer{min-height:68px;gap:12px;padding:14px 32px 14px 12px}
  .answer-emoji{width:34px;height:34px;flex-basis:34px;font-size:22px}
  .illustrated .answer-label{padding:12px 9px;min-height:88px}
  .question-visual{margin-top:16px}.question-visual img{height:clamp(126px,36vw,156px)}
  .answer-feedback{padding:14px;gap:9px;margin-bottom:20px}
  .answer-feedback strong{font-size:12px}.answer-feedback p{font-size:14px;line-height:1.55}
  .tap-note{font-size:12px;margin-top:16px}.back{font-size:14px;margin-top:8px;padding:12px 16px}
  .personalized-heading h1{font-size:25px;line-height:1.35}
  .personalized-heading>p:last-child{font-size:16px;line-height:1.6}
  .offer-summary,.result-learning{padding:20px 16px}
  .learning-list strong,.learning-list span,.practice-match p,.path-summary p,.week p,.faq summary,.faq p{font-size:15px;line-height:1.6}
  .sample-grid{gap:10px}.sample-card{padding:8px}.sample-card>img{height:auto;aspect-ratio:5/8}
  .sample-card>span{font-size:12px}.sample-zoom{flex-wrap:wrap}
  .offer-timer{gap:10px;padding:14px;align-items:start}
  .offer-timer-title{font-size:13px}.offer-timer-note{font-size:12px;line-height:1.5}
  .offer-timer-clock{font-size:28px;padding:6px 8px}
  .door-heading{margin-top:24px}.door-heading h2{font-size:22px}.door-heading>p:last-child{font-size:15px}
  .door-grid{gap:12px;margin-top:24px;padding-left:14px}
  .door-frame{border-width:5px}.door-label{font-size:14px;margin-top:12px}
  .door-invitation{font-size:12px;line-height:1.4;min-height:34px}
  .door-light strong{font-size:clamp(18px,5vw,22px)}.door-light>span{font-size:11px;line-height:1.4;padding:0 2px}
  .door-result{padding:20px 14px}.door-result h2{font-size:23px}.door-result>p{font-size:15px}
  .door-result .offer-timer{grid-template-columns:1fr;text-align:center}
  .door-result .offer-timer-clock{justify-self:center}
  dialog{width:calc(100% - 24px);padding-right:18px;padding-left:18px}
  dialog p{font-size:15px}
}
@media(max-width:359px){
  .illustrated{grid-template-columns:minmax(0,1fr)}
  .illustrated .answer{flex-direction:row;align-items:stretch;min-height:100px}
  .illustrated .answer-image{width:88px;flex:0 0 88px;aspect-ratio:auto;align-self:stretch;object-position:center 15%}
  .illustrated .answer-label{justify-content:flex-start;text-align:left;min-height:100px;padding:12px 24px 12px 12px}
  .offer-timer{grid-template-columns:1fr;text-align:center}.offer-timer-clock{justify-self:center}
  .personalized-heading h1{font-size:23px}
}
@media(max-height:500px) and (orientation:landscape){
  .hero img{max-height:190px}.question-visual img{height:110px}
  .shell{padding-top:12px}.navigation{margin-bottom:16px}
}