/* AutoLander site chrome for the /training/ mirror (slim top bar + YouTube embed frames).
   Published as public/training/site.css by scripts/training/build-training-mirror.mjs —
   edit THIS file, then run `npm run training:build`. Everything under public/training/ is generated. */

/* ---- top bar (matches autolander.ai's dark navy nav) ---- */
.al-topbar{background:#0b1220;border-bottom:1px solid #1e293b;font-family:'Segoe UI',system-ui,-apple-system,sans-serif;font-size:13px;font-weight:600;line-height:1}
.al-topbar-inner{max-width:1480px;margin:0 auto;padding:0 24px;min-height:48px;display:flex;align-items:center;gap:22px}
.al-topbar-brand{display:flex;align-items:center;flex:0 0 auto;text-decoration:none}
.al-topbar-brand img{height:28px;width:auto;display:block}
.al-topbar-nav{display:flex;align-items:center;gap:20px;margin-left:auto;overflow-x:auto;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.al-topbar-nav::-webkit-scrollbar{display:none}
.al-topbar-nav a{color:#94a3b8;text-decoration:none;padding:16px 0;border-bottom:2px solid transparent;transition:color .15s}
.al-topbar-nav a:hover{color:#fff}
.al-topbar-nav a[aria-current="page"]{color:#fff;border-bottom-color:#3b82f6}
.al-topbar-nav a:focus-visible{outline:3px solid #edb54d;outline-offset:2px}
.al-topbar-back{color:#60a5fa}
@media(max-width:650px){.al-topbar-inner{padding:0 14px;gap:12px;min-height:44px}.al-topbar-brand img{height:24px}.al-topbar-nav{gap:14px;font-size:12px}.al-topbar-nav a{padding:14px 0}}

/* ---- YouTube embeds (replace the local MP4 <video> players) ---- */
.yt-embed{position:relative;width:100%;aspect-ratio:16/9;background:#0d1728;overflow:hidden}
.yt-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.yt-embed .yt-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#a9bbd8;font-size:14px;text-align:center;padding:16px}
.video-wrap .yt-embed{border-radius:inherit}