/* Respect system text sizing: reflow boxes, never shrink or override text zoom. */
:root{--bottom-navigation-height:calc(85px + env(safe-area-inset-bottom));--care-layout-scale:1}
.page-heading>div,.topbar>* ,.top-right,.stat>div,.connection-heading>div{min-width:0}
.topbar{height:auto;min-height:81px;gap:12px;flex-wrap:wrap}.top-right{flex-wrap:wrap}.breadcrumbs{overflow-wrap:anywhere}
.page-heading h1{word-break:keep-all;overflow-wrap:anywhere}.page-heading p{overflow-wrap:anywhere}
.primary,.outline,.quiet{white-space:normal;overflow-wrap:anywhere;height:auto}.avatar{flex-shrink:0;min-width:34px;min-height:34px;width:auto;height:auto;padding:3px}
.notice,.calendar-toolbar,.calendar-footer,.legend,.routine-intro,.connection-heading,.day-section-label{flex-wrap:wrap}.notice>*{min-width:0}.notice button{white-space:normal}.month-controls{flex-wrap:wrap}.month-controls h2{white-space:normal}
.form-row>*{min-width:0}input,select,textarea{min-width:0;max-width:100%;height:auto}.form-row input,.form-row select{width:100%}
.member-row,.dialog-actions,.form-actions{flex-wrap:wrap}.roster-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.calendar-scroll{overflow-x:auto;overscroll-behavior-x:contain}.calendar-scroll:focus-visible{outline:3px solid #95b5a3;outline-offset:-3px}.calendar-scroll-hint{display:none;margin:8px 14px;font-size:12px;color:#526852}
[data-large-text="true"] .calendar-scroll-hint{display:block}
[data-large-text="true"] .calendar-scroll>.weekdays,[data-large-text="true"] .calendar-scroll>.calendar-grid{min-width:calc(448px * var(--care-layout-scale))}
[data-large-text="true"] .care-phase-badge,[data-large-text="true"] .care-day-status{white-space:normal;max-height:none;overflow:visible;text-overflow:clip;line-height:1.4;letter-spacing:normal}
[data-large-text="true"] .day-number{width:auto;height:auto;min-height:1.8em;min-width:1.8em;align-self:flex-start}
[data-large-text="true"] .day{min-height:120px;overflow:visible}
[data-large-text="true"] .calendar-event-primary{white-space:normal;overflow-wrap:anywhere;text-overflow:clip}
[data-large-text="true"] .form-row,[data-large-text="true"] .roster-fields{grid-template-columns:1fr}
[data-large-text="true"] .page-heading{flex-direction:column;align-items:stretch}
[data-large-text="true"] .page-heading .primary{align-self:flex-start;margin-top:0}
[data-large-text="true"] .page-heading .mobile-only{display:none}
[data-large-text="true"] .page-heading p{max-width:none}
[data-large-text="true"] .stat{flex-wrap:wrap;min-width:0}.stat-note{white-space:normal}
[data-large-text="true"] .routine-intro .outline{min-width:0}
[data-large-text="true"] .member-row>span{flex-basis:100%}
@media(max-width:700px){
 .topbar{height:auto;min-height:calc(60px + env(safe-area-inset-top));padding-bottom:8px;padding-top:calc(8px + env(safe-area-inset-top))}
 .sidebar{height:auto;min-height:calc(76px + env(safe-area-inset-bottom))}.sidebar .nav{height:auto;min-height:63px;white-space:normal;overflow-wrap:anywhere;min-width:0}
 .workspace{margin-bottom:calc(var(--bottom-navigation-height) + 16px)}
 .page-heading{flex-wrap:wrap}.page-heading>div{flex:1 1 170px}.page-heading .primary{flex-shrink:0;max-width:100%}
 .calendar-toolbar{row-gap:12px}.calendar-footer{gap:10px}
 [data-large-text="true"] .topbar{align-items:flex-start}.topbar .top-right{margin-left:auto}
 [data-large-text="true"] .breadcrumbs,[data-large-text="true"] .top-right{flex-basis:100%}
 [data-large-text="true"] .top-right{justify-content:space-between;gap:8px}
 [data-large-text="true"] .top-right .local-dot{flex:1;min-width:0}
 [data-large-text="true"] .sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
 [data-large-text="true"] .sidebar .nav{flex-direction:row;min-height:44px;gap:7px;padding:6px;line-height:1.5}
 [data-large-text="true"] .sidebar .nav svg{flex-shrink:0}
 [data-large-text="true"] .stats{grid-template-columns:1fr}
 [data-large-text="true"] .stat{min-height:0;padding:14px;flex-wrap:nowrap}
 [data-large-text="true"] .page-heading>div{flex-basis:auto}
 [data-large-text="true"] .page-heading h1{letter-spacing:-.5px}
 [data-large-text="true"] .routine-intro{align-items:flex-start}
 [data-large-text="true"] .routine-intro .outline{flex-basis:100%}
 [data-large-text="true"] .connection-actions>button{flex-basis:100%}
 [data-large-text="true"] .widget-sample-grid{overflow:auto}
 dialog{max-height:calc(100dvh - 24px);overflow:auto}
}
@media(max-width:360px){.page-heading{flex-direction:column;align-items:stretch}.page-heading>div{flex-basis:auto}.page-heading .primary{margin-top:0;align-self:flex-start}.page-heading .mobile-only{display:none}}
@media(max-width:700px){[data-large-text="true"] .sidebar .nav>span{display:flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;line-height:1;font-size:inherit}}
.icon-button{width:auto;height:auto;min-width:calc(32px * var(--care-layout-scale));min-height:calc(36px * var(--care-layout-scale))}
.modal-header{gap:8px}.modal-header>div{min-width:0}.modal-header h2{word-break:keep-all;overflow-wrap:anywhere}
[data-large-text="true"] .modal-header{flex-wrap:wrap}
[data-large-text="true"] .modal-header>div{flex-basis:100%;order:2}
[data-large-text="true"] .modal-header>.close-dialog{margin-left:auto;order:1}
[data-large-text="true"] .sidebar .nav{word-break:keep-all}
.date-value-readout{display:none}
[data-large-text="true"] .date-value-readout{display:block;white-space:normal;overflow-wrap:anywhere;font-size:13px;line-height:1.6;margin-top:5px;color:var(--ink)}
fieldset{min-inline-size:0;max-width:100%}.weekday-picker{flex-wrap:wrap}.weekday-picker label{min-height:44px}
[data-large-text="true"] .weekday-picker{justify-content:flex-start;gap:8px 14px}
h1,h2,h3{word-break:keep-all;overflow-wrap:anywhere}.section-toolbar,.day-heading,.commute-status{flex-wrap:wrap;gap:12px}.section-toolbar>div{min-width:0}
[data-large-text="true"] .section-toolbar>div{flex-basis:100%}
[data-large-text="true"] .section-toolbar>button{flex-shrink:0;max-width:100%}
[data-large-text="true"] .section-toolbar>label{min-width:0;max-width:100%}
[data-large-text="true"] .commute-status .quiet{flex-shrink:1}
[data-large-text="true"] .inline-form{flex-direction:column;align-items:stretch}
[data-large-text="true"] .section-toolbar>label{flex-basis:100%;width:100%}