/* =========================================================
   RESPONSIVE CONTENT WIDTHS — full-bleed visual / constrained text
   ========================================================= */
:root {
  --vid-width-home: 1360px;
  --vid-width-visual: 1480px;
  --vid-width-editorial: 1160px;
  --vid-width-reading: 800px;
}

.vid-shell-home #site-content { max-width: var(--vid-width-home); }
.vid-shell-visual #site-content { max-width: var(--vid-width-visual); }
.vid-shell-editorial #site-content { max-width: var(--vid-width-editorial); }

/* Keep reading measure controlled even when the page shell is wider. */
body.single-post .single-content > :where(p,ul,ol,blockquote,h2,h3,h4,pre) {
  max-width: var(--vid-width-reading);
}

@media (max-width: 900px) {
  .vid-shell-home #site-content,
  .vid-shell-visual #site-content,
  .vid-shell-editorial #site-content {
    max-width: 100%;
  }
}