/* Life OS 0.34 layout contract — containment without mutilating typography. */
body.life-ui #content,body.life-ui #content>.fade-in,body.life-ui #content :is(.grid,.card,.page-head,.list-row,.field,.tab-row,.chip-row,.attn-row){min-width:0}
body.life-ui #content :is(.page-title,.card-title,h1,h2,h3,h4,button){overflow-wrap:normal!important;word-break:normal!important}
body.life-ui #content :is(.page-sub,.attn-why){overflow-wrap:break-word;word-break:normal}
body.life-ui #content .meta{min-width:0;overflow-wrap:break-word;word-break:normal}
body.life-ui #content :is(.grid-2,.grid-3){align-items:start}
body.life-ui #content .field{max-width:100%}body.life-ui #content .field :is(input,select,textarea){max-width:100%;box-sizing:border-box}
body.life-ui #content :is(.btn,.tab,.mcal155-layer,.mcal158-chip){max-width:100%}
body.life-ui #content .btn{white-space:nowrap}
body.life-ui #content :is(.modal,.qa-panel,.palette,.life-calendar-results){isolation:isolate}
body.life-ui #modal-root{z-index:200}body.life-ui #qa-overlay{z-index:210}body.life-ui #ai-panel{z-index:180}body.life-ui #palette-overlay{z-index:230}
body.life-ui #content .calendar-grid,body.life-ui #content .cal164-month,body.life-ui #content .cal164-week-shell{max-width:100%}
body.life-ui #content .cal164-track{isolation:isolate;overflow:hidden}body.life-ui #content .cal164-block{max-width:calc(100% - 8px)}body.life-ui #content .cal164-week{overflow:visible}body.life-ui #content .cal253-dayitems{min-width:0}body.life-ui #content .life-calendar-results-scroll{scrollbar-gutter:stable}
@media(max-width:820px){
 body.life-ui.lifeos-mobile{overflow-x:hidden}
 body.life-ui.lifeos-mobile #main,body.life-ui.lifeos-mobile #content{max-width:100vw;overflow-x:hidden}
 body.life-ui.lifeos-mobile #content>.fade-in{max-width:100%;overflow:visible}
 body.life-ui.lifeos-mobile #content .page-head{min-width:0}body.life-ui.lifeos-mobile #content .page-head>div{min-width:0;max-width:100%}
 body.life-ui.lifeos-mobile #content .page-head>div:last-child{max-width:100%;flex-wrap:wrap!important}
 body.life-ui.lifeos-mobile #content :is(.grid,.grid-2,.grid-3,.list-row,.card){min-width:0;max-width:100%}
 body.life-ui.lifeos-mobile #content .list-row>div{min-width:0}
 body.life-ui.lifeos-mobile #content .list-row .meta{max-width:46%;text-align:right}
 body.life-ui.lifeos-mobile #content :is(.tab-row,.chip-row,.cal-layers-v130,.mcal155-layer-row,.mcal158-chips){max-width:100%;overscroll-behavior-x:contain}
 body.life-ui.lifeos-mobile #content .mobile-table-scroll-v150,body.life-ui.lifeos-mobile #content .mobile-table-scroll-v151{overscroll-behavior-x:contain}
 body.life-ui.lifeos-mobile #modal-root .modal,body.life-ui.lifeos-mobile #qa-overlay .qa-panel{width:100%;max-width:100vw;box-sizing:border-box;overscroll-behavior:contain}
 body.life-ui.lifeos-mobile #modal-root .modal :is(.grid,.grid-2,.grid-3),body.life-ui.lifeos-mobile #qa-overlay .qa-panel :is(.grid,.grid-2,.grid-3){min-width:0}
 body.life-ui.lifeos-mobile #modal-root .modal :is(input,select,textarea),body.life-ui.lifeos-mobile #qa-overlay .qa-panel :is(input,select,textarea){max-width:100%;box-sizing:border-box}
}
@media(max-width:375px){body.life-ui.lifeos-mobile #content .list-row{gap:8px!important}body.life-ui.lifeos-mobile #content .list-row .meta{max-width:42%;font-size:11px!important}body.life-ui.lifeos-mobile #content .page-head .btn{font-size:12px;padding-inline:9px}}