:root {
  --hc-accent: #f10b0b;
  --links-bg: #fcfce5;
}

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

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

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

.hc-nav .hc-nav-btn { color: #CACA96; }

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

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

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

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

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