/* Essays: a narrow column on white and nothing else, after the house style of the genre. */
body { margin: 0; background: #fff; color: #111; font: 15px/1.6 Verdana, Geneva, sans-serif; }
.column { max-width: 470px; margin: 0 auto; padding: 32px 20px 64px; }
a { color: #0000ee; }
a:visited { color: #551a8b; }
.trail { font-size: 12px; display: flex; gap: 8px; align-items: center; margin: 0 0 36px; }
.trail img { display: block; }
h1 { font: bold 22px/1.25 Verdana, Geneva, sans-serif; color: #7a2e0e; margin: 0 0 6px; }
.date { font-size: 12px; color: #666; margin: 0 0 28px; }
h2 { font-size: 15px; margin: 28px 0 10px; }
p { margin: 0 0 16px; }
sup { line-height: 0; font-size: 11px; }
.note { font-size: 13px; color: #333; }
.thanks { margin-top: 28px; font-size: 14px; }
hr { border: 0; border-top: 1px solid #ddd; margin: 40px 0 16px; }
.fine { font-size: 12px; color: #666; }

/* the SAFE reads like a filing */
.legal { background: #f3f1ea; }
.legal .column { max-width: 620px; background: #fff; margin-block: 32px; padding: 56px 64px 64px; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.12); font: 15px/1.6 Georgia, "Times New Roman", serif; }
.legal h1 { font: bold 20px/1.3 Georgia, serif; color: #111; text-align: center; }
.legal .date { text-align: center; }
.legal h2 { font: bold 15px Georgia, serif; text-transform: uppercase; letter-spacing: 0.04em; }
.legal .caps { font-size: 12px; }
.legal .center { text-align: center; }
.legal .trail { font-family: Verdana, Geneva, sans-serif; }

@media (max-width: 680px) {
  .legal .column { margin-block: 0; padding: 32px 22px 48px; box-shadow: none; }
}