/* Custom width and code block tweaks for Ananke
   - Keeps mobile/tablet unchanged
   - Slightly widens desktop reading width
   - Improves code block usability on desktop
*/




/* Desktop-only adjustments */
@media (min-width: 1200px) {
  /* Slightly widen the single article container (Ananke single.html uses: article.flex-l.mw8.center ...) */
  article.flex-l.mw8.center {
    /* Ananke/Tachyons mw8 is 64rem; increase modestly for desktop */
    max-width: 80rem; /* consider 72–84rem range if you want more/less */
  }

  /* Allow code blocks a bit more width than surrounding text */
  .nested-copy-line-height pre {
    max-width: 90ch;
    overflow-x: auto;
    white-space: pre; /* keep code lines intact; allow horizontal scroll */
    margin-left: -2ch;
    margin-right: -2ch;
    padding-left: 2ch;
    padding-right: 2ch;
  }
}