.legacy-nav{box-sizing:border-box;display:flex;flex:0 0 auto;flex-wrap:wrap;align-items:center;gap:6px 16px;margin:0;padding:0 10px;background:#000;color:#e0e0e0;font:10px/14px Verdana,Arial,sans-serif}
.legacy-nav a,.legacy-nav a:visited{color:#e0e0e0;text-decoration:none;white-space:nowrap}
.legacy-nav a:hover,.legacy-nav a:focus-visible{color:#ffa000;text-decoration:none}
.legacy-nav a:focus-visible{outline:1px solid #fff;outline-offset:3px}
.legacy-nav .legacy-network{margin-left:auto}
.legacy-languages{display:inline-flex;gap:10px}
.legacy-languages a[aria-current]{color:#39ff14;text-decoration:underline;text-underline-offset:3px}
.legacy-shell{margin:0;display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}
.legacy-shell iframe{display:block;flex:1 1 0;min-height:0;width:100%;border:0}
@media(max-width:420px){.legacy-nav{gap:2px 10px;padding:0 8px}.legacy-nav .legacy-network{margin-left:0}.legacy-languages{margin-left:auto}}

.legacy-banner { flex: 0 0 auto; width: 100%; background: #000; text-align: center; }
.legacy-notice { margin: 0; padding: 5px 12px; background: #404040; color: #fff; font: 11px/1.4 Verdana, Arial, sans-serif; animation: legacy-notice-pulse 1s ease-in-out infinite; }
@keyframes legacy-notice-pulse { 0%, 100% { color: #fff; } 50% { color: #ccc; } }
.legacy-link { display: block; width: 300px; max-width: calc(100% - 24px); margin: 5px auto; }
.legacy-link img { display: block; width: 100%; height: auto; border: 0; transition: filter 160ms ease; }
.legacy-link:hover img, .legacy-link:focus-visible img { filter: brightness(1.4) contrast(1.1); }
.legacy-link:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .legacy-link img { transition: none; } .legacy-notice { animation: none; } }

.legacy-embedded .legacy-banner{display:none}

.legacy-languages a[aria-current]:hover,.legacy-languages a[aria-current]:focus-visible{color:#ffa000;text-decoration:none}