/* Phone controls keep readable values and comfortable tap areas without changing desktop layout. */
@media(max-width:740px){
 html body :is(select,textarea,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]):not([type=color])){font-size:16px!important;min-width:0;max-width:100%;box-sizing:border-box}
 html body :is(select,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]):not([type=color])){min-height:44px}
 html body textarea{min-height:88px}
 html body details>summary{min-height:44px;box-sizing:border-box;padding-block:10px;cursor:pointer;overflow-wrap:anywhere}
 html body :is(.hero-workspace-content,.creator-field,.creator-answer,.creator-label-row,.collection-actions,.journal-toolbar){min-width:0}
 html body #heroCreator .creator-info{flex-basis:36px;width:36px;min-width:36px;height:36px;min-height:36px}
 html body :is(.glossary-popover,.creator-tooltip){max-width:calc(100vw - 24px);overscroll-behavior:contain}
 html body :is(.glossary-popover,.creator-tooltip) a,html body .glossary-close{display:inline-flex;align-items:center;min-height:44px;max-width:100%;overflow-wrap:anywhere}
 html body :is(.collection-header>a,.hero-tools-back>a,.hero-sidebar-reference>a,.welcome-discover a){display:inline-flex;align-items:center;min-height:44px;max-width:100%;overflow-wrap:anywhere}
 html body .file-control{flex-basis:100%;width:100%;min-width:0!important;max-width:100%;box-sizing:border-box;flex-wrap:wrap}
 html body .file-control input[type=file]{flex:1 1 100%;width:100%;min-width:0;max-width:100%}
 .creator-help-links{gap:4px 14px}
}