/* GENERATED by migrate.py -- edit the CSS constant there, not this file.
   fonts & colors live in theme.css (hand-edited). */

  :root { color-scheme: light; }
  * { box-sizing: border-box; }
  body {
    margin: 0; min-height: 100vh;
    background: var(--page-bg, #efe6d2); color: var(--page-ink, #2b2115);
    font-family: var(--font-body, Georgia), serif;
    font-size: 17px; line-height: 1.65;
  }
  body::after {
    content: ""; position: fixed; inset: 0; pointer-events: none;
    background: radial-gradient(120% 100% at 50% 40%, transparent 60%, rgba(70, 50, 20, .16) 100%);
  }
  main { max-width: 38rem; margin: 0 auto; padding: 2.2rem 1.2rem 6rem; }
  #band { position: relative; height: clamp(150px, 24vh, 230px); background: #05060d; }
  #band canvas { position: absolute; inset: 0; width: 100%; height: 100%; image-rendering: pixelated; }
  #band .bandtext { position: absolute; left: 0; right: 0; bottom: 0; }
  #band .bandtext > div { max-width: 38rem; margin: 0 auto; padding: 0 1.2rem 1.1rem; }
  #band h1 {
    margin: 0 0 .3rem;
    text-shadow: 0 0 6px rgba(0,0,0,.9), 0 0 14px rgba(0,0,0,.6), 0 0 10px rgba(235,238,242,.35);
  }
  #band .meta { margin-bottom: 0; color: #dfe5f0; opacity: .85; text-shadow: 0 0 6px rgba(0,0,0,.9), 0 0 12px rgba(0,0,0,.7); }
  h1, h2, h3, h4 {
    font-family: var(--font-display, Georgia), serif;
    font-weight: 400; line-height: 1.25;
  }
  h1 { font-size: 2rem; font-style: italic; margin: 0 0 .4rem; }
  .meta { color: var(--page-dim); font-size: .85rem; letter-spacing: .06em; margin-bottom: 2.4rem; }
  .meta .tags { font-style: italic; }
  a { color: var(--page-accent); text-decoration-color: rgba(122,90,52,.45); text-underline-offset: 3px; }
  a:hover { color: var(--page-ink); }
  img { max-width: 100%; height: auto; border-radius: 3px; }
  pre { background: var(--page-card); padding: .9rem 1rem; overflow-x: auto; border-radius: 4px; font-size: .82rem; line-height: 1.5; }
  code { font-family: var(--font-mono, monospace); font-size: .82em; }
  p > code, li > code { background: var(--page-card); padding: .1em .35em; border-radius: 3px; }
  blockquote { margin: 1.4rem 0; padding: .2rem 1.2rem; border-left: 2px solid var(--page-line); color: var(--page-dim); font-style: italic; }
  table { border-collapse: collapse; display: block; overflow-x: auto; }
  th, td { border: 1px solid var(--page-line); padding: .35rem .7rem; }
  hr { border: none; border-top: 1px solid var(--page-line); margin: 2.5rem 0; }
  mjx-container { overflow-x: auto; overflow-y: hidden; max-width: 100%; }
  .math { font-style: italic; }
  .backhome { display: inline-block; margin-top: 4rem; color: var(--page-dim); text-decoration: none; }
  .backhome:hover { color: var(--page-ink); }
  footer { margin-top: 1rem; }
  /* list pages */
  ul.entries { list-style: none; padding: 0; margin: 0; }
  ul.entries li { margin: 0 0 1.6rem; }
  ul.entries a.title { font-size: 1.15rem; color: var(--page-ink); }
  ul.entries time { color: var(--page-dim); font-size: .8rem; letter-spacing: .08em; margin-left: .6rem; }
  ul.entries p { margin: .15rem 0 0; color: var(--page-dim); font-size: .9rem; font-style: italic; }
  .subtitle { color: var(--page-dim); font-style: italic; margin-top: 0; margin-bottom: 2.6rem; }
  #encrypted_content input[type=password] {
    background: var(--page-card); color: var(--page-ink); border: 1px solid var(--page-line);
    padding: .5rem .8rem; border-radius: 4px; font: inherit; width: 14rem;
  }
  #encrypted_content input[type=submit] {
    background: var(--page-line); color: var(--page-ink); border: 1px solid var(--page-line);
    padding: .5rem 1rem; border-radius: 4px; font: inherit; cursor: pointer;
  }