/* Mission Control scoped CSS */



  :root {
    --space-black: #080c14;
    --panel-bg: #0e1520;
    --panel-border: #1c2a3a;
    --ai-accent: #00e5ff;
    --ai-glow: rgba(0,229,255,0.15);
    --ai-dim: #00a8c0;
    --copilot-accent: #ff6b35;
    --copilot-glow: rgba(255,107,53,0.15);
    --copilot-dim: #cc4a1a;
    --aisec-accent: #72ff9d;
    --aisec-glow: rgba(114,255,157,0.15);
    --aisec-dim: #3cff6e;
    --text-primary: #e8f4f8;
    --text-secondary: #6b8a99;
    --scanline: rgba(0,229,255,0.03);
  }

  #briefing-wrap *, #briefing-wrap *::before, #briefing-wrap *::after { box-sizing: border-box; }

  #briefing-wrap {
    background: var(--space-black);
    color: var(--text-primary);
    font-family: 'Space Grotesk', system-ui, sans-serif;
    line-height: 1.6;
    min-height: 100vh;
    background-image:
      radial-gradient(ellipse at 20% 0%, rgba(0,229,255,0.06) 0%, transparent 60%),
      radial-gradient(ellipse at 80% 100%, rgba(255,107,53,0.06) 0%, transparent 60%),
      repeating-linear-gradient(0deg, var(--scanline) 0px, var(--scanline) 1px, transparent 1px, transparent 4px);
  }

  /* ── Header ── */
  .masthead {
    max-width: 1100px;
    margin: 0 auto;
    padding: 2.5rem 1.5rem 1.5rem;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid var(--panel-border);
  }

  .masthead-left h1 {
    font-family: 'Space Mono', monospace;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--text-primary);
  }

  .masthead-left h1 span.ai-word {
    color: var(--ai-accent);
    text-shadow: 0 0 12px var(--ai-accent);
  }

  .masthead-sub {
    font-family: 'Space Mono', monospace;
    font-size: .72rem;
    color: var(--text-secondary);
    letter-spacing: .12em;
    text-transform: uppercase;
    margin-top: .3rem;
  }

  .masthead-status {
    font-family: 'Space Mono', monospace;
    font-size: .72rem;
    color: var(--text-secondary);
    text-align: right;
    letter-spacing: .05em;
  }

  .status-dot {
    display: inline-block;
    width: 7px; height: 7px;
    border-radius: 50%;
    background: #3cff6e;
    box-shadow: 0 0 6px #3cff6e;
    margin-right: .4rem;
    animation: pulse 2s ease-in-out infinite;
  }

  @keyframes pulse {
    0%,100% { opacity:1; } 50% { opacity:.3; }
  }

  /* ── Two-lane layout ── */
  .mission-grid {
    max-width: 1100px;
    margin: 2rem auto 0;
    padding: 0 1.5rem 3rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
  }

  @media(max-width: 720px) {
    .mission-grid { grid-template-columns: 1fr; }
    .masthead { flex-direction: column; align-items: flex-start; }
    .masthead-status { text-align: left; }
  }

  /* ── Lane headers ── */
  .lane-header {
    display: flex;
    align-items: center;
    gap: .8rem;
    margin-bottom: 1.2rem;
    padding-bottom: .8rem;
  }

  .lane-header.lane-ai { border-bottom: 2px solid var(--ai-accent); }
  .lane-header.lane-copilot { border-bottom: 2px solid var(--copilot-accent); }
  .lane-header.lane-aisec { border-bottom: 2px solid var(--aisec-accent); }

  .lane-icon {
    font-size: 1.4rem;
    line-height: 1;
  }

  .lane-title {
    font-family: 'Space Mono', monospace;
    font-size: .85rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
  }

  .lane-ai .lane-title { color: var(--ai-accent); text-shadow: 0 0 8px var(--ai-accent); }
  .lane-copilot .lane-title { color: var(--copilot-accent); text-shadow: 0 0 8px var(--copilot-accent); }
  .lane-aisec .lane-title { color: var(--aisec-accent); text-shadow: 0 0 8px var(--aisec-accent); }

  .lane-count {
    margin-left: auto;
    font-family: 'Space Mono', monospace;
    font-size: .7rem;
    color: var(--text-secondary);
    letter-spacing: .05em;
  }

  /* ── Cards ── */
  .cards-stack {
    display: flex;
    flex-direction: column;
    gap: .8rem;
  }

  .card {
    background: var(--panel-bg);
    border: 1px solid var(--panel-border);
    border-radius: 6px;
    padding: 1rem 1.1rem;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    transition: border-color .15s, background .15s;
    position: relative;
    overflow: hidden;
  }

  .card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 2px;
  }

  .card-ai::before { background: linear-gradient(90deg, transparent, var(--ai-accent), transparent); opacity: 0; transition: opacity .2s; }
  .card-copilot::before { background: linear-gradient(90deg, transparent, var(--copilot-accent), transparent); opacity: 0; transition: opacity .2s; }
  .card-aisec::before { background: linear-gradient(90deg, transparent, var(--aisec-accent), transparent); opacity: 0; transition: opacity .2s; }
  .card:hover::before { opacity: 1; }

  .card-ai:hover { border-color: var(--ai-dim); background: color-mix(in srgb, var(--panel-bg) 85%, var(--ai-accent)); }
  .card-copilot:hover { border-color: var(--copilot-dim); background: color-mix(in srgb, var(--panel-bg) 85%, var(--copilot-accent)); }
  .card-aisec:hover { border-color: var(--aisec-dim); background: color-mix(in srgb, var(--panel-bg) 85%, var(--aisec-accent)); }

  .card-today {
    border-color: transparent;
  }
  .card-today.card-ai { box-shadow: 0 0 0 1px var(--ai-accent), 0 0 20px var(--ai-glow); }
  .card-today.card-copilot { box-shadow: 0 0 0 1px var(--copilot-accent), 0 0 20px var(--copilot-glow); }
  .card-today.card-aisec { box-shadow: 0 0 0 1px var(--aisec-accent), 0 0 20px var(--aisec-glow); }

  .card-header {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
  }

  .card-date {
    font-family: 'Space Mono', monospace;
    font-size: .95rem;
    font-weight: 700;
    color: var(--text-primary);
  }

  .badge {
    font-family: 'Space Mono', monospace;
    font-size: .62rem;
    font-weight: 700;
    padding: .12rem .45rem;
    border-radius: 3px;
    letter-spacing: .1em;
    text-transform: uppercase;
  }

  .badge-today { background: #3cff6e22; color: #3cff6e; border: 1px solid #3cff6e55; }

  .card-count {
    margin-left: auto;
    font-family: 'Space Mono', monospace;
    font-size: .7rem;
    color: var(--text-secondary);
  }

  .card-titles {
    padding-left: 1rem;
    font-size: .82rem;
    color: #9ab5c2;
    list-style: none;
    flex: 1;
  }

  .card-titles li {
    margin-bottom: .18rem;
    padding-left: .8rem;
    position: relative;
  }

  .card-ai .card-titles li::before {
    content: '›';
    position: absolute;
    left: 0;
    color: var(--ai-dim);
  }

  .card-copilot .card-titles li::before {
    content: '›';
    position: absolute;
    left: 0;
    color: var(--copilot-dim);
  }

  .card-aisec .card-titles li::before {
    content: '›';
    position: absolute;
    left: 0;
    color: var(--aisec-dim);
  }

  .read-btn {
    display: inline-block;
    margin-top: .2rem;
    text-decoration: none;
    padding: .3rem .7rem;
    border-radius: 4px;
    font-family: 'Space Mono', monospace;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    align-self: flex-start;
    transition: background .15s, color .15s;
  }

  .btn-ai { background: transparent; color: var(--ai-accent); border: 1px solid var(--ai-dim); }
  .btn-ai:hover { background: var(--ai-accent); color: var(--space-black); }

  .btn-copilot { background: transparent; color: var(--copilot-accent); border: 1px solid var(--copilot-dim); }
  .btn-copilot:hover { background: var(--copilot-accent); color: var(--space-black); }

  .btn-aisec { background: transparent; color: var(--aisec-accent); border: 1px solid var(--aisec-dim); }
  .btn-aisec:hover { background: var(--aisec-accent); color: var(--space-black); }

  .empty {
    font-family: 'Space Mono', monospace;
    font-size: .8rem;
    color: var(--text-secondary);
    letter-spacing: .05em;
    padding: 1rem 0;
  }

  /* ── Footer ── */
  #briefing-wrap footer {
    max-width: 1100px;
    margin: 0 auto;
    padding: 1rem 1.5rem 2rem;
    border-top: 1px solid var(--panel-border);
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: 'Space Mono', monospace;
    font-size: .7rem;
    color: var(--text-secondary);
    letter-spacing: .05em;
  }


/* ── Gallery briefing tile ── */
.gallery-briefing-tile {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  background: linear-gradient(135deg, #0e1520 0%, #0a1828 100%);
  border: 1px solid #1c2a3a;
  cursor: pointer;
  transition: border-color .2s, background .2s;
  position: relative;
  overflow: hidden;
}
.gallery-briefing-tile::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, #00e5ff, transparent);
  opacity: 0;
  transition: opacity .2s;
}
.gallery-briefing-tile:hover::before { opacity: 1; }
.gallery-briefing-tile:hover {
  border-color: #00a8c0;
  background: linear-gradient(135deg, #0e1520 0%, #0a2030 100%);
}
.briefing-tile-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .5rem;
  color: #e8f4f8;
}
.briefing-tile-icon {
  font-size: 2.5rem;
  color: #00e5ff;
  text-shadow: 0 0 16px rgba(0,229,255,0.5);
  line-height: 1;
}
.briefing-tile-label {
  font-family: 'Space Mono', monospace;
  font-size: .85rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #e8f4f8;
}
.briefing-tile-sub {
  font-size: .75rem;
  color: #6b8a99;
  letter-spacing: .05em;
}

/* ── Briefing page wrapper (isolate site body from briefing body styles) ── */
#briefing-wrap {
  min-height: 70vh;
}


/* ── Briefing hero strip (matches site section style) ── */
#briefing-hero {
  background: #0e1520;
  border-bottom: 2px solid #1c2a3a;
  padding: 3rem 2rem 2.5rem;
}
#briefing-hero .briefing-hero-inner {
  max-width: 1100px;
  margin: 0 auto;
}
#briefing-hero h2 {
  font-size: 2rem;
  font-weight: 700;
  color: #e8f4f8;
  margin-bottom: .5rem;
}
#briefing-hero .hero-subtitle {
  font-family: 'Space Mono', monospace;
  font-size: .75rem;
  letter-spacing: .15em;
  color: #00e5ff;
  text-shadow: 0 0 8px rgba(0,229,255,0.4);
}

/* ── Active nav link ── */
#header nav a.active {
  color: #00e5ff;
  border-bottom: 2px solid #00e5ff;
  padding-bottom: 2px;
}

/* ── Empty state ── */
.briefing-empty {
  padding: 4rem 2rem;
  text-align: center;
  font-family: 'Space Mono', monospace;
  color: #6b8a99;
}

/* ── Briefing page: override site body background (white → dark) ── */
body {
  background: #080c14 !important;
  background-image:
    radial-gradient(ellipse at 20% 0%, rgba(0,229,255,0.06) 0%, transparent 60%),
    radial-gradient(ellipse at 80% 100%, rgba(255,107,53,0.06) 0%, transparent 60%),
    repeating-linear-gradient(0deg, rgba(0,229,255,0.03) 0px, rgba(0,229,255,0.03) 1px, transparent 1px, transparent 4px) !important;
  color: #e8f4f8 !important;
}

/* Push content below the fixed nav (nav is 3.5rem tall) */
#briefing-hero {
  margin-top: 3.5rem;
}

/* Footer: ensure it sits flush — no white body showing through */
#footer {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
}