/* Docs layout on wide screens: use the whole window. The sidebar and the
   "On this page" rail keep fixed widths and the article takes the rest, so
   screenshots can show at their real size. Running text keeps a reading
   measure; images, tables and code use the full column. Plain CSS because
   templ pages cannot compile arbitrary Tailwind widths. Phones and tablets
   keep the stacked layout from the Tailwind classes. */
@media (min-width: 1024px) {
  .docs-shell { max-width: none; padding-inline: 2rem; }
  .docs-grid { grid-template-columns: 16rem minmax(0, 1fr) 14rem; column-gap: 2.5rem; }
  .docs-grid > * { grid-column: auto; }
  .docs-article > p:not(:has(> img)),
  .docs-article > ul,
  .docs-article > ol,
  .docs-article > h2,
  .docs-article > h3,
  .docs-article > h4,
  .docs-article > blockquote,
  .docs-article > header { max-width: 75ch; }
}
@media (min-width: 1536px) {
  .docs-shell { padding-inline: 3rem; }
  .docs-grid { grid-template-columns: 17rem minmax(0, 1fr) 15rem; column-gap: 3.5rem; }
}