/* Minimal card look if your global styles don't have one */
.card{
  background: linear-gradient(180deg, rgba(255,255,255,.02), transparent 60%), #0d1218;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  padding:16px;
  margin:20px 0 28px;
  box-shadow: 0 10px 30px rgba(0,0,0,.25), 0 0 0 1px rgba(255,255,255,.03) inset;
}
.card-header{ display:flex; flex-direction:column; gap:6px; padding:6px }
.card-header h2{ font-family:"Orbitron", system-ui, sans-serif; margin:0 }
.hint{ color:#a7c2d9; font-size:.92rem; margin:0 }


/* Home Embeds overrides reuse the general embeds look */
#home-embeds .subhead{ margin:6px 2px 10px; font-family:"Orbitron", system-ui, sans-serif }

.embed-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:14px;
}
.embed-col .aspect{ position:relative; aspect-ratio:16/9; border-radius:14px; overflow:hidden; background:#080b10; border:1px solid rgba(255,255,255,.06) }
.embed-col .aspect>iframe{ position:absolute; inset:0; width:100%; height:100% }
#home-embeds .tiny{ color:#a7c2d9; font-size:.9rem; margin-top:8px }

@media (max-width: 1000px){
  .embed-grid{ grid-template-columns: 1fr }
}