/* Mobile access and WCAG 2.2 focused improvements, October 2026. */
:focus-visible{outline:3px solid #006b68!important;outline-offset:3px!important}
.sidebar :focus-visible{outline-color:#ffdf80!important}
.nf-dashboard-skip{position:fixed;top:-120px;left:12px;z-index:10000;padding:12px;background:#fff;color:#12332f;font-weight:700}
.nf-dashboard-skip:focus{top:8px}
.nf-mobile-menu{display:none}.nf-connection{margin:0;padding:12px 20px;background:#fff0c7;color:#352400;font-weight:600}.nf-connection[hidden]{display:none}
.layout,.main,.card,.card-body,.split-grid>*{min-width:0}
.main{overflow-wrap:anywhere}.table-wrap{max-width:100%;overflow-x:auto}.table-wrap:focus-visible{outline-offset:-3px!important}
input,select,textarea{max-width:100%}.stat-meta,.subtext{color:#526076}
@media(max-width:768px){
 .nf-mobile-menu{display:block;margin:12px 14px;padding:12px 18px;min-height:44px;border:1px solid #bccbd1;border-radius:10px;background:#fff;color:#102637;font-size:1rem;font-weight:700}
 .sidebar{display:none!important;width:100%!important;position:static!important;height:auto!important;max-height:none!important;overflow:visible!important}
 .sidebar.nf-menu-open{display:block!important}.sidebar .nav-section{display:block}.sidebar .nav-item{display:block;white-space:normal;min-height:44px;padding:12px 18px}
 .layout{display:block!important}.main{width:100%;margin:0!important;padding:16px!important}.topbar{flex-wrap:wrap}.card-header{flex-wrap:wrap;gap:10px}
 input,select,textarea{font-size:16px!important;min-height:44px}button,.btn{min-height:44px;white-space:normal}input[type=checkbox],input[type=radio]{min-height:24px;min-width:24px}
 .form-grid,.filter-grid{grid-template-columns:minmax(0,1fr)!important}.btn-row{flex-wrap:wrap}.btn-row>*{max-width:100%}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.btn,.card,input,select,textarea{border:1px solid CanvasText}:focus-visible{outline:3px solid Highlight!important}}

@media(max-width:480px){#results{grid-template-columns:minmax(0,1fr)!important}.metrics{grid-template-columns:minmax(0,1fr)!important}.metric{min-width:0}.signers{grid-template-columns:minmax(0,1fr)!important}header,nav,.heading,.row{flex-wrap:wrap}main,header,footer{max-width:100%;padding:16px!important}.scroll{max-width:100%;overflow-x:auto}}