/* Same controls on all devices; only layout and navigation presentation change. */
html,body{max-width:100%;}main,section,form,.grid,.row,.row>div,.actions{min-width:0;}aside{overflow-y:auto;}.aside-note{position:static;margin-top:28px;}#panel-menu-toggle{display:none;}
button,input,select,textarea{min-width:0;max-width:100%;}button{min-height:44px;white-space:normal;overflow-wrap:anywhere;}p,h1,h2,h3,pre,.row{overflow-wrap:anywhere;}input[type=checkbox]{width:24px;height:24px;}select{min-height:44px;}pre{white-space:pre-wrap;}.actions{max-width:100%;}.row>div:first-child{flex:1;}img,svg,video{max-width:100%;}
@media(max-width:1100px) and (min-width:801px){body{grid-template-columns:210px minmax(0,1fr);}aside{padding:24px 16px;}main{padding:28px 24px;}.row{flex-wrap:wrap;}.grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:800px){#panel-menu-toggle{display:block;background:#1f5b60;color:white;width:100%;}nav{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:12px;}nav.mobile-open{display:grid;}aside{padding:16px;height:auto;}.brand{margin-bottom:12px;}main{padding:20px 16px;}form{padding:18px;}.actions{width:100%;}.actions>*{flex:1 1 160px;}header>label{width:100%;}input,select,textarea{font-size:16px;}#notice{overflow-wrap:anywhere;}}
@media(max-width:380px){main{padding:16px 12px;}form,.row{padding:14px;}.actions>*{flex-basis:100%;}nav.mobile-open{grid-template-columns:minmax(0,1fr);}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important;}}
@media print{aside,header,#notice,button,nav{display:none!important;}body{display:block;background:white;}main{max-width:none;padding:0;}.row,form{break-inside:avoid;box-shadow:none;}}