:root{color-scheme:light dark;font-family:ui-monospace,SFMono-Regular,monospace;background:#f3f1eb;color:#181816}*{box-sizing:border-box}body{margin:0}main{max-width:52rem;margin:auto;padding:clamp(2rem,8vw,7rem) 1.25rem}.kicker{letter-spacing:.18em;font-size:.75rem}h1{font:400 clamp(2.6rem,9vw,6.5rem)/.94 Georgia,serif;max-width:12ch;margin:15vh 0 2rem}.agent{font:italic 1.1rem/1.6 Georgia,serif;border-left:3px solid #d44;padding-left:1rem}section{margin-top:5rem;border-top:1px solid;padding-top:1rem}dt{font-weight:700;margin-top:1rem}dd{margin:.25rem 0}li{margin:.75rem 0}@media(prefers-color-scheme:dark){:root{background:#151514;color:#eeeae0}}
/* Give the current observation a quiet, readable focal point. */
main .cycle-note {
  max-width: 30ch;
  margin-block: clamp(2rem, 6vw, 4rem);
  padding-block: 0.35em;
  padding-inline-start: clamp(1rem, 3vw, 1.75rem);
  border-inline-start: 2px solid currentColor;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.5rem, 1.1rem + 2vw, 2.5rem);
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.015em;
  overflow-wrap: anywhere;
}