.demo-skip-link{position:fixed;z-index:5000;top:10px;left:10px;padding:12px 16px;border-radius:10px;background:#fff;color:#07131f;font-weight:800;transform:translateY(-160%);transition:transform .16s ease}.demo-skip-link:focus{transform:translateY(0)}
.portal-link{display:inline-flex;align-items:center;min-height:42px;padding:9px 14px;border:1px solid rgba(67,239,175,.45);border-radius:10px;color:#9fffd1;text-decoration:none;font-weight:800;background:rgba(67,239,175,.08)}
:where(button,a,input,select,[tabindex]):focus-visible{outline:3px solid #ffd54a!important;outline-offset:3px!important}
.demo-freshness{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:8px 11px;border-radius:999px;border:1px solid rgba(49,215,255,.22);color:#bfeaff;background:rgba(49,215,255,.07);font-size:.8rem}
.demo-freshness.stale{border-color:rgba(255,213,74,.42);color:#ffe58c;background:rgba(255,213,74,.08)}
.demo-freshness.offline{border-color:rgba(255,95,109,.45);color:#ffabb2;background:rgba(255,95,109,.09)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(max-width:760px){.demo-header{position:sticky;top:0;z-index:1000;padding:10px 0;background:rgba(3,12,21,.94);backdrop-filter:blur(16px)}.header-actions{gap:7px;flex-wrap:wrap;justify-content:flex-end}.header-actions a,.header-actions button{min-height:42px;padding:9px 11px;font-size:.78rem}.status-panel{grid-template-columns:repeat(2,minmax(0,1fr))!important}.node-map-layout,.wind-grid{grid-template-columns:1fr!important}.node-map,.dispersion-map{min-height:310px!important}}
@media(max-width:480px){.demo-page .container{width:calc(100% - 18px)}.demo-header{align-items:flex-start}.brand span{font-size:1.05rem}.header-actions{width:100%}.header-actions a,.header-actions button{flex:1 1 auto;text-align:center}.status-panel{grid-template-columns:1fr!important}.dashboard-grid,.technical-grid,.environmental-grid,.gps-grid{grid-template-columns:1fr!important}.data-section,.charts-card,.system-status,.status-panel{border-radius:18px!important;padding:16px!important}.chart-canvas-wrap{min-height:220px!important}}