docs: widen Quarto HTML layout

README.qmd

@@ -4,6 +4,7 @@ format:
   gfm: default
   html:
     toc: true
+    css: docs/quarto-wide.css
 from: markdown-smart
 jupyter: python3
 execute:

docs/quarto-wide.css

@@ -0,0 +1,32 @@
+.page-columns {
+  display: block;
+}
+
+.page-columns .content {
+  max-width: calc(100vw - 48px);
+  margin-left: auto;
+  margin-right: auto;
+}
+
+main.content {
+  width: calc(100vw - 48px);
+}
+
+.cell-output-display,
+.js-plotly-plot,
+.plotly-graph-div,
+.refusal-table-wrap {
+  max-width: 100%;
+}
+
+.cell-output-display > div[style*="width:960px"] {
+  width: 100% !important;
+}
+
+@media (max-width: 720px) {
+  .page-columns .content,
+  main.content {
+    width: calc(100vw - 24px);
+    max-width: calc(100vw - 24px);
+  }
+}