:root {
  --hc-accent: #3A39FF;
  --manuscript-bg: rgb(249, 249, 146);
}

body   { background: var(--manuscript-bg); }
header { background: var(--manuscript-bg); }

.hc-nav                    { background: var(--manuscript-bg); }
.case-sidebar .sidebar-box { background: var(--manuscript-bg); }
.tools-panel .tools-box    { background: var(--manuscript-bg); }

.hc-tldr .hc-body    { color: var(--hc-accent); }
.hc-ext-link         { color: var(--hc-accent); }
.hc-nav-btn.active   { color: var(--hc-accent); }
.hc-subheading       { color: var(--hc-accent); }

.hc-reel-wrap { border-radius: 0; }

.manuscript-reel {
  display: grid;
  grid-template-columns: 4fr 1fr;
  gap: var(--space-lg);
  block-size: 60vh;
  inline-size: 88vw;
  margin-inline-start: calc(50% - 44vw);
}

.manuscript-video {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
  object-position: top center;
}


.manuscript-video-wrap {
  overflow: hidden;
  block-size: 100%;
}

.manuscript-video-wrap .manuscript-video {
  transform: scale(1.04);
  transform-origin: top center;
}