/* Life OS 0.50.5 — definitive mobile calendar month/day separation + non-truncating title. */
@media (max-width:820px){
 .mc343 .mc343-header{overflow:visible!important}
 .mc343 .mc343-title-row{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:start!important;gap:8px!important}
 .mc343 .mc343-title{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important}
 .mc343 .mc343-title h1{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-size:clamp(18px,6vw,25px)!important;line-height:1.05!important;letter-spacing:-.035em!important;word-break:normal!important;overflow-wrap:normal!important}
 .mc343 .mc343-title h1.mc505-month-title{display:flex!important;align-items:baseline!important;flex-wrap:wrap!important;column-gap:.28em!important;row-gap:0!important}
 .mc343 .mc505-month-label,.mc343 .mc505-year-label{display:inline!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;max-width:none!important;flex:0 0 auto!important}
 .mc343 .mc343-primary-actions{width:100%!important;max-width:100%!important;margin:0!important;justify-content:flex-end!important;flex-wrap:nowrap!important}
 .mc343 .mc343-nav-row{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important}
 .mc343 .mc504-month-single{width:100%!important;overflow:visible!important;touch-action:pan-y!important}
 .mc343 .mc504-month-single .mc472-month-pane{width:100%!important;max-width:100%!important;flex:none!important;contain:none!important}
 .mc343 .mc504-month-static{touch-action:pan-y!important;overflow:visible!important}
}
@media (max-width:340px){
 .mc343 .mc343-title h1{font-size:18px!important}
}

/* 0.50.7: cover the legacy mobile calendar too. Some mobile boot paths can still render mcal155. */
@media (max-width:820px){
 .mcal155 .mcal155-top{align-items:flex-start!important;flex-wrap:wrap!important;row-gap:7px!important}
 .mcal155 .mcal155-title{flex:1 1 100%!important;width:100%!important;min-width:0!important;overflow:visible!important}
 .mcal155 .mcal155-month{display:block!important;width:100%!important;max-width:100%!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-size:clamp(17px,5.5vw,20px)!important;line-height:1.08!important;overflow-wrap:normal!important;word-break:normal!important}
 .mcal155 .mcal155-actions{margin-left:auto!important;max-width:100%!important}
 .mcal155 .mcal155-mcell.out{pointer-events:none!important;opacity:.24!important}
 .mcal155 .mcal155-mcell:disabled{cursor:default!important}
 .mc343 .mc343-month-day.out:disabled{pointer-events:none!important;opacity:.24!important}
}