/* Look of https://huragankodu.com/download/desktop/: nginx autoindex output with this
   stylesheet linked in front of it (before.html, add_before_body in huragankodu.com.conf).
   The page's CSP allows only same-origin styles and images, so no web fonts and no script. */
:root {
  --void: #070d0a;
  --storm: #0f1d14;
  --storm-light: #1b3022;
  --ghost: #f0eff4;
  --dim: #8fa197;
  --plasma: #a3e635;
  color-scheme: dark;
}

body {
  margin: 0 auto;
  max-width: 880px;
  padding: 40px 16px;
  background: var(--void);
  color: var(--ghost);
  font: 16px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

h1 {
  margin: 0 0 24px;
  font-size: 24px;
  font-weight: 700;
  word-break: break-all;
}

/* No parent directory to go to, and no rules around the list. */
hr, pre > a[href="../"] { display: none; }

/* No top padding: the hidden "../" link leaves an empty first line, which is the gap. */
pre {
  margin: 0;
  padding: 0 20px 12px;
  overflow-x: auto;
  background: var(--storm);
  border: 1px solid var(--storm-light);
  border-radius: 14px;
  color: var(--dim);
  font: 13px/2.2 ui-monospace, "Cascadia Code", "SF Mono", Consolas, monospace;
}

pre a {
  color: var(--ghost);
  font-weight: 600;
  text-decoration: none;
}
pre a:hover { color: var(--plasma); text-decoration: underline; }

@media (max-width: 640px) {
  h1 { font-size: 20px; }
  pre { font-size: 11px; padding: 0 12px 8px; }
}