/* Vault hero (photo can be background) */
/* vault-hero: see scgc-styles.css */
/* vault-hero::after: see scgc-styles.css */
@keyframes vaultShine{
  0% { transform: translateX(-34%) rotate(8deg); opacity: 0; }
  12% { opacity: .95; }
  65% { opacity: .25; }
  100% { transform: translateX(34%) rotate(8deg); opacity: 0; }
}

/* vault-inner: see scgc-styles.css */
/* vault-eyebrow: see scgc-styles.css */
/* vault-tag: see scgc-styles.css */
/* vault-pill: see scgc-styles.css */
/* vault-title: see scgc-styles.css */
/* vault-subtitle: see scgc-styles.css */
.type-hot{
  background: rgba(var(--theme-primary-rgb), .18) !important;
  border-color: rgba(var(--theme-primary-rgb), .22) !important;
}

.navstrip{
  display:flex;
  gap: 10px;
  flex-wrap:wrap;
  margin-top: 6px;
}
.navstrip a{
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: var(--radius-full);
  background: rgba(var(--theme-surface-rgb), .10);
  border: 1px solid rgba(var(--theme-surface-rgb), .14);
  color: rgba(var(--theme-ink-rgb), .92);
  font-weight: 950;
}
.navstrip a:hover{ background: rgba(var(--theme-surface-rgb), .14); }

/* Top featured media (photo first, then video) */
.top-media{
  max-width: 980px;
  margin: -22px auto 0;
  padding: 0 16px;
}
.top-media__card{
  border-radius: var(--radius-2xl);
  overflow:hidden;
  border: 1px solid rgba(var(--theme-midnight-rgb), .14);
  box-shadow: var(--shadow-medium);
  background: var(--surface-elevated);
}
.top-media__img{
  display:block;
  width:100%;
  max-height: min(70vh, 520px);
  height: auto;
  object-fit: contain;        /* show whole image */
  background: var(--theme-midnight);        /* vault backdrop behind letterboxing */
}
.top-media__card{
  background: radial-gradient(800px 220px at 20% 0%, rgba(var(--theme-accent-ink-rgb), .14), transparent 60%),
              linear-gradient(135deg, rgba(var(--theme-midnight-rgb), .98), rgba(var(--theme-midnight-rgb), .90));
}
.top-media__bar{
  display:flex;
  gap: 10px;
  flex-wrap:wrap;
  align-items:center;
  justify-content: space-between;
  padding: 12px 12px;
  background: rgba(var(--theme-surface-rgb), .75);
  border-top: 1px solid var(--border-subtle);
}
.top-media__actions{
  display:flex;
  gap: 10px;
  flex-wrap:wrap;
}
.top-media__hint{
  color: var(--text-secondary);
  font-weight: 900;
  display:flex;
  align-items:center;
  gap: 8px;
}

/* Layout */
.details-wrap{ padding: var(--space-xl) 0; }
.details-grid{
  display:grid;
  gap: var(--space-xl);
  max-width: 980px;
  margin: 0 auto;
}
@media (min-width: 980px){
  .details-grid{ grid-template-columns: 1.55fr .85fr; align-items:start; }
}

/* Main dossier */
.dossier{
  background: var(--surface-elevated);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-2xl);
  padding: var(--space-lg);
  box-shadow: var(--shadow-soft);
}
.dossier h2{
  font-family: var(--font-display);
  font-weight: 950;
  margin: 0 0 10px;
}
.dossier-content{
  color: var(--text-secondary);
  line-height: 1.65;
  font-size: 1.04rem;
}
.dossier-content a{ color: var(--text-primary); font-weight: 900; }
.dossier-content a:hover{ color: var(--scgc-copper); }

/* Video embed (if present) */
.video-block{
  margin-top: 16px;
  border-radius: var(--radius-2xl);
  overflow:hidden;
  border: 1px solid var(--border-subtle);
  background: var(--theme-black);
}
.video-embed{
  position: relative;
  padding-top: 56.25%;
}
.video-embed iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}

/* Sidebar */
.sidebar{
  position: sticky;
  top: 16px;
  display:grid;
  gap: 12px;
}
.sidecard{
  background: var(--surface-elevated);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-2xl);
  padding: 14px;
  box-shadow: var(--shadow-soft);
}
.sidecard-title{
  font-family: var(--font-display);
  font-weight: 950;
  margin: 0 0 10px;
  display:flex;
  align-items:center;
  gap: 10px;
}
.side-actions{ display:grid; gap: 10px; }
.side-actions a{
  text-decoration:none;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 12px;
  border-radius: var(--radius-xl);
  background: var(--surface-subtle);
  border: 1px solid var(--border-subtle);
  font-weight: 950;
  color: var(--text-primary);
}
.side-actions a:hover{ border-color: rgba(var(--theme-primary-rgb), .22); background: var(--theme-surface); }
.side-actions .left{ display:flex; align-items:center; gap: 10px; }
.side-actions .right{ color: var(--text-muted); }

.doclist{ display:grid; gap: 8px; margin-top: 8px; }
.docitem{
  text-decoration:none;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  border-radius: var(--radius-xl);
  border: 1px solid var(--border-subtle);
  background: rgba(var(--theme-surface-rgb), .65);
}
.docitem:hover{ background: var(--theme-surface); border-color: rgba(var(--theme-primary-rgb), .22); }
.docitem .left{ display:flex; align-items:center; gap: 10px; }
.docitem i{ color: var(--gold); }
.docitem .right{ color: var(--text-muted); }