/* LIFE OS 14.5.1 — mobile layout repair. Styling only; app functions unchanged. */
@media (max-width: 820px) {
  /* A larger legacy title can coexist with the premium masthead in Estudos.
     Keep one page heading and do not let either cover the questionnaire. */
  html[data-life-apex="8"] .v18[data-life-view="Estudos"]:has(.v43-page-head) .life-premium-masthead.life131-masthead {
    display:none!important;
  }
  html[data-life-apex="8"] .v18[data-life-view="Estudos"] .v43-page-head {
    position:relative!important;
    inset:auto!important;
    z-index:1!important;
    isolation:isolate!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    margin:8px auto 18px!important;
    padding:21px 19px 19px!important;
    border-radius:21px!important;
    overflow:hidden!important;
    box-shadow:0 12px 34px rgba(0,0,0,.24)!important;
  }
  html[data-life-apex="8"] .v18[data-life-view="Estudos"] .v43-page-head::before {
    width:32px!important;
    height:2px!important;
    margin-bottom:14px!important;
  }
  html[data-life-apex="8"] .v18[data-life-view="Estudos"] .v43-page-head h1 {
    font-size:clamp(32px,9.4vw,41px)!important;
    line-height:1.05!important;
    margin:6px 0 10px!important;
    letter-spacing:-.055em!important;
  }
  html[data-life-apex="8"] .v18[data-life-view="Estudos"] .v43-page-head p {
    font-size:12.5px!important;
    line-height:1.55!important;
    margin:0!important;
    max-width:32rem!important;
    color:var(--life-muted,#b0bbc8)!important;
  }
  html[data-life-apex="8"] .v18[data-life-view="Estudos"] .v43-page-head:after {
    margin-top:13px!important;
  }
  /* Layout flows normally. Avoid old shadow stacking, clipping and forced wide blocks. */
  html[data-life-apex="8"] .v18[data-life-view="Estudos"] :is(
    .life-study-architect,.life-study-mastery,.life-study-universe-v6,.life-mastery-head,
    .life-study-form,.life-study-question,.life-study-form-options,.life-study-plan,
    .life-study-architect-head,.life-study-architect-body
  ) {
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  html[data-life-apex="8"] .v18[data-life-view="Estudos"] :is(.life-study-architect,.life-study-mastery,.life-study-universe-v6) {
    width:100%!important;
    margin:12px auto 18px!important;
    overflow-wrap:break-word!important;
    transform:none!important;
  }
  html[data-life-apex="8"] .v18[data-life-view="Estudos"] .life-mastery-head {
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:8px!important;
  }
  html[data-life-apex="8"] .v18[data-life-view="Estudos"] .life-mastery-head > div {
    width:100%!important;
    min-width:0!important;
  }
  html[data-life-apex="8"] .v18[data-life-view="Estudos"] .life-mastery-head h2 {
    font-size:clamp(21px,6vw,26px)!important;
    line-height:1.2!important;
    letter-spacing:-.025em!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
    text-wrap:balance!important;
    white-space:normal!important;
    max-width:min(100%,310px)!important;
    margin:6px 0 4px!important;
  }
  html[data-life-apex="8"] .v18[data-life-view="Estudos"] .life-mastery-head p {
    line-height:1.6!important;
  }
  html[data-life-apex="8"] .v18[data-life-view="Estudos"] :is(.life-study-architect,.life-study-mastery) button {
    white-space:normal;
    word-break:normal;
    overflow-wrap:break-word;
    min-height:44px;
  }
  /* Help remains functional but should never become a giant floating slab. */
  html[data-life-apex="8"] .v18[data-life-view="Estudos"] .life-how-entry {
    position:relative!important;
    inset:auto!important;
    display:inline-flex!important;
    width:max-content!important;
    max-width:calc(100% - 28px)!important;
    min-height:40px!important;
    padding:9px 13px!important;
    margin:8px 14px 10px auto!important;
    border:1px solid rgba(125,168,214,.24)!important;
    border-radius:12px!important;
    background:linear-gradient(130deg,rgba(20,31,41,.96),rgba(11,17,25,.96))!important;
    color:#e4edf5!important;
    box-shadow:0 7px 17px rgba(0,0,0,.16)!important;
    font-size:11px!important;
    line-height:1.3!important;
    transform:none!important;
  }
  html[data-life-apex="8"] .v18[data-life-view="Estudos"] .life-how-entry>span:last-child {
    display:inline!important;
    font-size:11px!important;
    font-weight:800!important;
  }
  html[data-life-apex="8"] .v18[data-life-view="Estudos"] .life-how-entry .material-symbols-rounded {
    font-size:0!important;
    display:inline-grid!important;
    place-items:center!important;
    width:19px!important;
    height:19px!important;
    border:1px solid currentColor;
    border-radius:50%;
  }
  html[data-life-apex="8"] .v18[data-life-view="Estudos"] .life-how-entry .material-symbols-rounded::before {
    content:"?";
    font-family:system-ui,sans-serif;
    font-size:12px;
    font-weight:800;
  }
  /* Reserve room so last inputs don't sit underneath the floating dock. */
  html[data-life-apex="8"] .v18[data-life-view="Estudos"] .v18-shell {
    padding-bottom:calc(135px + env(safe-area-inset-bottom,0px))!important;
  }
  html[data-life-apex="8"] .life-mobile-nav.life-design-mobile-nav {
    max-width:calc(100vw - 16px)!important;
  }
  html[data-life-apex="8"] .v18[data-life-view="Estudos"] :is(input,textarea,select) {
    max-width:100%!important;
    min-width:0!important;
  }
}
@media(max-width:380px){
  html[data-life-apex="8"] .v18[data-life-view="Estudos"] .v43-page-head{padding:18px 16px!important;}
  html[data-life-apex="8"] .v18[data-life-view="Estudos"] .life-study-architect,
  html[data-life-apex="8"] .v18[data-life-view="Estudos"] .life-study-mastery{padding-left:14px!important;padding-right:14px!important;}
}
@media(prefers-reduced-motion:reduce){
  html[data-life-apex="8"] .v18[data-life-view="Estudos"] .v43-page-head{animation:none!important;}
}