html[data-adu-responsive] { -webkit-text-size-adjust:100%; text-size-adjust:100%; }
html[data-adu-responsive] body { min-inline-size:0; }
html[data-adu-responsive] :where(main,section,article,.container,.wrap,.shell,.card,.panel,.content):not(#stage):not(#stage *):not(.libfocusstage):not(.libfocusstage *):not([data-responsive-ignore]):not([data-responsive-ignore] *):not([data-editor-canvas] *) { min-inline-size:0; box-sizing:border-box; }
html[data-adu-responsive] :where(p,li,td,th,label,a,h1,h2,h3,h4):not(#stage *):not(.libfocusstage *):not([data-responsive-ignore]):not([data-responsive-ignore] *):not([data-editor-canvas] *) { overflow-wrap:anywhere; }
html[data-adu-responsive] :where(img,video):not(#stage *):not(.libfocusstage *):not([data-responsive-ignore] *):not([data-editor-canvas] *) { max-inline-size:100%; }
.adu-content-media { height:auto; }
.adu-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr)); gap:1rem; }
.adu-wrap-actions { display:flex; flex-wrap:wrap; gap:.5rem; align-items:center; }
.adu-table-scroll { display:block; inline-size:100%; max-inline-size:100%; min-inline-size:0; overflow-x:auto; overscroll-behavior-inline:contain; }
.adu-table-scroll:focus-visible { outline:3px solid #fbbf24; outline-offset:2px; }
html[data-adu-responsive] :where(button,a,input,textarea,select,summary,[tabindex]):focus-visible { outline:3px solid #fbbf24; outline-offset:3px; }
#adu-display-controls { position:fixed; inset-inline-end:12px; bottom:max(12px,env(safe-area-inset-bottom)); z-index:2147483000; color:#f8fafc; background:#172033; border:1px solid #64748b; border-radius:12px; box-shadow:0 3px 16px #0005; font:16px/1.4 system-ui,sans-serif; max-inline-size:calc(100vw - 24px); }
#adu-display-controls summary { cursor:pointer; min-height:44px; padding:10px 14px; box-sizing:border-box; }
body:has(form[action^="/decision/"]) #adu-display-controls { bottom:calc(104px + env(safe-area-inset-bottom)); }
#adu-display-controls .adu-tools { display:flex; align-items:center; flex-wrap:wrap; gap:6px; padding:0 10px 10px; }
#adu-display-controls button,.adu-media-open,#adu-media-dialog button,#adu-media-dialog .adu-original { min-width:44px; min-height:44px; padding:8px 12px; border:1px solid #64748b; border-radius:8px; background:#172033; color:#f8fafc; font:16px/1.3 system-ui,sans-serif; cursor:pointer; box-sizing:border-box; text-decoration:none; }
.adu-media-open { display:block; margin:8px 0; width:max-content; max-width:100%; }
#adu-media-dialog { background:#0f172a; color:#f8fafc; border:1px solid #64748b; border-radius:12px; padding:14px; width:min(1100px,calc(100vw - 32px)); max-width:calc(100vw - 32px); max-height:calc(100dvh - 32px); box-sizing:border-box; font:16px/1.4 system-ui,sans-serif; overflow:auto; }
#adu-media-dialog::backdrop { background:#000c; }
#adu-media-dialog h2 { font-size:20px; margin:0 0 10px; }
#adu-media-dialog .adu-dialog-tools { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-bottom:12px; }
#adu-media-dialog .adu-media-stage { overflow:auto; max-height:70dvh; max-width:100%; text-align:center; }
#adu-media-dialog .adu-viewed-media { display:block; width:auto; height:auto; max-width:100%; max-height:65dvh; margin:auto; object-fit:contain; }
#adu-media-dialog .adu-view-125 .adu-viewed-media { max-width:none; max-height:none; width:125%; }
#adu-media-dialog .adu-view-150 .adu-viewed-media { max-width:none; max-height:none; width:150%; }
#adu-media-dialog .adu-view-200 .adu-viewed-media { max-width:none; max-height:none; width:200%; }
#adu-media-dialog .adu-view-300 .adu-viewed-media { max-width:none; max-height:none; width:300%; }
body.adu-zoom-90 { zoom:.9; } body.adu-zoom-110 { zoom:1.1; } body.adu-zoom-120 { zoom:1.2; }
body.adu-zoom-130 { zoom:1.3; } body.adu-zoom-140 { zoom:1.4; } body.adu-zoom-150 { zoom:1.5; }
@media(max-width:760px) {
 html[data-adu-responsive] #stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
 html[data-adu-responsive] .schedule-row { grid-template-columns:minmax(0,1fr); }
 html[data-adu-responsive] .schedule-row input { min-width:0; width:100%; }
 #directory-view-filter,#directory-view { inline-size:100%; max-inline-size:100%; min-inline-size:0; box-sizing:border-box; }
 html[data-adu-responsive] body { margin-inline:0; max-inline-size:100%; }
 html[data-adu-responsive] :where(main,.container,.wrap,.shell,.content):not(#stage *):not(.libfocusstage *):not([data-responsive-ignore] *) { max-inline-size:100%; }
 .adu-stack-mobile { grid-template-columns:minmax(0,1fr)!important; flex-direction:column; }
 html[data-adu-responsive] :where(button,select,summary,input:not([type=hidden]):not([type=checkbox]):not([type=radio]),[role=button]) { min-height:44px; max-inline-size:100%; }
 html[data-adu-responsive] :where(a.btn,a.button,nav a,.tabs a) { min-height:44px; display:inline-flex; align-items:center; box-sizing:border-box; }
 html[data-adu-responsive] :where(input,select,textarea) { font-size:16px; box-sizing:border-box; }
 html[data-adu-responsive] :where(input[type=checkbox],input[type=radio]) { min-width:24px; min-height:24px; }
 html[data-adu-responsive] label:has(input[type=checkbox]),html[data-adu-responsive] label:has(input[type=radio]) { min-height:44px; display:inline-flex; align-items:center; gap:8px; }
 html[data-adu-responsive] form[action^="/decision/"] label.when { display:flex; flex-wrap:wrap; inline-size:100%; min-inline-size:0; max-inline-size:100%; box-sizing:border-box; }
 html[data-adu-responsive] form[action^="/decision/"] label.when #publishat { flex:1 1 100%; inline-size:100%; min-inline-size:0; max-inline-size:100%; margin-inline:0; }
 html[data-adu-responsive] :where(nav,.tabs,.filters,.actions,.toolbar) { flex-wrap:wrap; max-inline-size:100%; }
 /* These legacy components have intrinsic widths larger than a phone card. */
 html[data-adu-responsive] .snapgrid { grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr)); }
 html[data-adu-responsive] .lrow { flex-wrap:wrap; overflow-wrap:anywhere; }
 html[data-adu-responsive] .lrow > * { min-inline-size:0; max-inline-size:100%; }
 html[data-adu-responsive] body:has(#directory-view) main { padding:16px 12px; }
 html[data-adu-responsive] body:has(#directory-view) .filters > * { flex:1 1 180px; min-inline-size:0; max-inline-size:100%; }
 html[data-adu-responsive] body:has(#directory-view) .verify :where(input:not([type=checkbox]):not([type=hidden]),select,button) { inline-size:100%; min-inline-size:0; margin-inline:0; }
 html[data-adu-responsive] body:has(#directory-view) .coverage { grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr)); }
 html[data-adu-responsive] #top-posts .top-post-quality { white-space:normal; overflow-wrap:anywhere; }
 #adu-media-dialog { padding:10px; }
}
@media(max-width:440px) {
 html[data-adu-responsive] #top-posts .top-post-card-head { flex-wrap:wrap; }
 html[data-adu-responsive] #top-posts .top-post-quality { flex-basis:100%; }
}
@media(prefers-reduced-motion:reduce) { #adu-display-controls,#adu-media-dialog { scroll-behavior:auto; transition:none; } }