/* Keep form controls within their columns, including iOS date/time inputs. */
.shell,.panel,.task,.metric,.grid>*,.two>*,.diary-filters>*,.routine-toolbar>*{min-width:0}
input:not([type=checkbox]),select,textarea{min-width:0;max-width:100%;box-sizing:border-box}
input[type=date],input[type=time]{display:block;min-width:0;width:100%;max-width:100%;min-height:46px;-webkit-appearance:none;appearance:none}
input[type=date]::-webkit-date-and-time-value,input[type=time]::-webkit-date-and-time-value{min-width:0;text-align:left}
input[type=date]::-webkit-datetime-edit,input[type=time]::-webkit-datetime-edit{min-width:0;padding:0}
.panel h1,.panel h2,.panel label,.top .shell>div{overflow-wrap:anywhere}
.routine-step-en,.routine-step-zh{overflow-wrap:anywhere}
.routine-toolbar button span+span::before{content:' · '}
@media(max-width:650px){
 .top .shell{flex-direction:column;align-items:flex-start;gap:6px}
 #account{width:100%;font-size:.82rem}
 .toolbar{align-items:flex-start;gap:12px}
 .toolbar>div{min-width:0;max-width:100%}
 .toolbar>.flex{width:100%}
 #syncState{display:block;line-height:1.5;overflow-wrap:anywhere}
 .routine-toolbar,.diary-filters{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}
 .routine-toolbar>div,.routine-toolbar>.flex,.diary-filters>div{min-width:0;width:100%;max-width:100%;margin:0}
 .routine-toolbar>.flex,.diary-filters>.flex{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:stretch}
 .routine-toolbar>.flex button,.diary-filters>.flex button{min-width:0;max-width:100%;padding:10px 8px;white-space:normal;overflow-wrap:anywhere;line-height:1.45}
 .routine-toolbar button span{display:block}
 .routine-toolbar button span+span::before{content:none}
 .routine-toolbar label,.diary-filters label{margin-top:0;margin-bottom:6px;line-height:1.5}
 .panel .space{flex-direction:column;align-items:flex-start;gap:10px}
 .diary-compose textarea{min-height:145px}
 input:not([type=checkbox]),select,textarea{font-size:16px}
 .volunteer-nav{gap:8px}
 .volunteer-nav button{max-width:100%;white-space:normal;line-height:1.4}
 .diary-eyebrow{letter-spacing:.08em;line-height:1.6}
 footer{padding:24px 14px;overflow-wrap:anywhere}
 .tabs.main-tabs{width:100%;min-width:0}
}