/* Defense Brief Motion Bank — Brand Direction v1.2 */
:root {
  --forest: #0A3D2A;
  --charcoal: #1F2521;
  --gold: #B89E6F;
  --stone: #F8F5F0;
}

body {
  font-family: 'Inter', system_ui, sans-serif;
  line-height: 1.6;
  color: var(--charcoal);
}

.header-font {
  font-family: 'Space Grotesk', sans-serif;
}

h2 {
  font-weight: 600;
  line-height: 1.3;
}

/* Improved Spacing */
table th, table td {
  padding: 1.25rem 1.5rem;
}

.filter-row {
  padding: 1.5rem;
}

/* Ghost Button Refinement */
.ghost-btn {
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  border: 2px solid #e5e7eb;
  color: var(--charcoal);
  font-weight: 500;
}

.ghost-btn:hover {
  border-color: var(--gold);
  color: var(--gold);
  transform: translateY(-1px);
}

/* Side Panel */
#sidePanel {
  min-height: 420px;
  max-height: 88vh;
  overflow-y: auto;
  padding-bottom: 2rem;
}
/* === Wider Table on Large Screens === */
@media (min-width: 1024px) {
  .motion-row td:first-child {
    max-width: 520px;
  }
}

/* Optional: Subtle shadow on detail panel */
#sidePanel {
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.05), 
              0 2px 4px -2px rgb(0 0 0 / 0.05);
}