/*
 * Custom CSS for fjdocs.tomhe.app.
 *
 * Overrides Furo's default narrow content column. The default
 * `--content-padding-bigger` adds wide left/right whitespace that
 * wastes screen real estate on wide displays.
 */

:root {
  --sidebar-width: 17em;
  --page-width: min(100% - 2em, 80rem);
}

body {
  --content-padding: 1.5rem;
  --content-padding--small: 1rem;
}

/* Tighten the central column so content uses more of the screen.
   The default Furo `--content-width-light` is about 46em; bumping
   it to 64em removes the visual gutter on either side without
   making line lengths uncomfortable on prose-heavy pages. */
.content {
  max-width: 64em;
}

/* On very wide screens (≥ 96em), give the sidebar slightly more room
   and let the content breathe but stay readable. */
@media (min-width: 96em) {
  .content {
    max-width: 72em;
  }
}
