/* Field groups size themselves to their content; labels no longer distribute spare row height. */
:is(.tensorfields,.toolformgrid,.trackerconfig,.oocconfig,.calendarform,.birthdaysform){align-items:start}
:is(.tensorfields,.toolformgrid,.trackerconfig,.oocconfig,.calendarform,.birthdaysform)>:is(label,fieldset,div){min-width:0;align-self:start;align-content:start}
:is(.tensorfields,.toolformgrid,.trackerconfig,.oocconfig,.calendarform,.birthdaysform) label{align-content:start;min-width:0}
:is(.tensorfields,.toolformgrid,.trackerconfig,.oocconfig,.calendarform,.birthdaysform) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){min-width:0;max-width:100%;box-sizing:border-box}
.tensorfields>:is(label,.wide)>:is(input,select,textarea),.toolformgrid>label>:is(input:not([type=checkbox]),select,textarea){width:100%}
.tensorfields{grid-template-columns:repeat(2,minmax(0,1fr))}.tensorfields select{min-height:44px}.tensorfields label>button{min-height:44px}
.learningexamples{margin:14px 0;padding:12px;border:1px solid var(--line);border-radius:10px;min-width:0}.learningexamples summary{cursor:pointer;min-height:32px;line-height:1.6}.learningexamples p,.learningexamples small{font-size:12px;line-height:1.7}.learningexample{border-top:1px solid var(--line);padding:10px 0}.learningexample label{display:grid;gap:8px;font-size:12px;line-height:1.6}.learningexample textarea{width:100%;min-width:0;box-sizing:border-box;resize:vertical;background:var(--control-bg,var(--bg));color:var(--ink);font:inherit;font-size:14px;line-height:1.6;border:1px solid var(--line);padding:10px;border-radius:8px}.learningexample button{min-height:44px;margin:8px 8px 0 0}.learningexamples :is(summary,button,textarea):focus-visible{outline:3px solid var(--rose);outline-offset:3px}
@media(max-width:700px){:is(.tensorfields,.toolformgrid,.trackerconfig,.oocconfig,.calendarform,.birthdaysform){grid-template-columns:minmax(0,1fr)}.learningexample textarea{font-size:16px}}

.oocconfig{grid-template-columns:minmax(0,1fr)}