/* Retain the Atlas theme while giving compact screens comfortable controls. */
@media(max-width:800px){
 html{scroll-padding-top:16px}body{overflow-wrap:anywhere}header:has(>.atlas-nav){padding:14px 16px;gap:10px}header:has(>.atlas-nav)>:first-child{min-width:0}.atlas-nav{flex-shrink:0}.brand,.portal-brand,.lab-brand,.pt-brand,.ma-brand,.da-brand{min-width:0;gap:8px}
 .portal-brand>span:last-child{white-space:normal;line-height:1.25}.portal-brand .brand-mark{flex-shrink:0;width:33px;height:33px}.atlas-menu-panel{max-height:75dvh}
 main,.portal-main,.pt-wrap,.ma-wrap,.da-wrap,.lab-wrap{max-width:100%;min-width:0}input,select,textarea{font-size:16px!important;max-width:100%;min-width:0}button,.button,summary{touch-action:manipulation}button,.button{min-height:44px}
 dialog{width:calc(100% - 22px);max-height:calc(100dvh - 22px);padding:20px 17px;overscroll-behavior:contain}dialog h2{line-height:1.2}dialog input,dialog select{width:100%}
 .session-row,.owner-panel,.approval-row{flex-wrap:wrap;gap:12px}.session-row>div{min-width:0}.session-row form{margin-left:auto}.account-main .panel{margin-top:20px}.account-main h1{font-size:1.6rem;line-height:1.3}
 .atlas-explorer .workspace{height:auto;min-height:0;grid-template-columns:1fr}.atlas-explorer .explorer,.atlas-explorer .inspector{min-width:0}.atlas-explorer .stage{min-height:360px;height:60dvh;max-height:700px}.atlas-explorer .inspector{max-height:none;overflow:visible}.atlas-explorer .stage-top{gap:8px;flex-wrap:wrap}.atlas-explorer .model-callout{font-size:.875rem}
 .pt-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.pt-stat{padding:15px}.pt-entry{gap:14px}.pt-heading h1{font-size:2.15rem}.pt-workspace{padding:18px}.pt-filters{grid-template-columns:1fr}.pt-actions{gap:8px}.pt-pass-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ma-tabs,.da-tabs,.pt-tabs,.course-section-tabs{overflow:auto;flex-wrap:nowrap;overscroll-behavior-inline:contain;scrollbar-width:thin}.ma-tabs button,.da-tabs button,.pt-tabs button,.course-section-tabs button{flex-shrink:0;white-space:nowrap;font-size:.9375rem}.ma-rail select,.ma-rail input{max-width:100%}
 .table-scroll,.diagram-scroll,.circuit-scroll,.pathway-map-scroll{max-width:100%;overflow:auto;overscroll-behavior-inline:contain}.source-card,.note-panel,.organ-card,.clinical-card{min-width:0}.note-panel :is(p,li),.organ-card p,.source-card p{font-size:.9375rem}.quiz-choice{font-size:1rem;line-height:1.55;min-height:48px}.quiz-question{padding:20px}.quiz-question h3{font-size:1.25rem}
 .form-row,.pt-form-grid{grid-template-columns:1fr}.pt-form-grid .wide{grid-column:auto}.reaction-scene{overflow-x:auto;overscroll-behavior-inline:contain}.player{flex-wrap:wrap;gap:8px}.player input{min-width:100px}.reader-tools{flex-wrap:wrap;gap:8px}.reader-tools button{min-height:44px}
}
@media(max-width:480px){.atlas-menu-label{max-width:76px!important}.atlas-menu>.atlas-menu-trigger{gap:6px}.atlas-colors-trigger{width:40px!important}.brand>span,.portal-brand,.lab-brand{font-size:.9375rem}.portal-header nav.atlas-nav{width:auto}.portal-main{padding-left:16px;padding-right:16px}.atlas-explorer .stage{height:55dvh;min-height:320px}.source-grid,.organ-grid,.state-lessons,.notes-grid{grid-template-columns:1fr}.pt-wrap,.ma-wrap,.da-wrap{padding-left:16px;padding-right:16px}.pt-entry{grid-template-columns:1fr}.pt-entry-actions{flex-direction:row;flex-wrap:wrap}.pt-entry-actions button{min-height:44px}.pt-toolbar{align-items:flex-start;flex-wrap:wrap}}