/* LOSTFALL legal notice, privacy and the 404: one reading column, nothing else.
   Long lines of small print are where readers give up, so the measure stays
   under 70 characters even on a 1440 screen. */

.fine-print { max-width: 40rem; margin: 0 auto; padding: 2.5rem var(--gutter) 0; }
.fine-print h1 { margin: 0 0 1.5rem; font-size: clamp(2.25rem, 5vw, 3rem); font-weight: 400; font-style: italic; line-height: 1.1; }
.fine-print .lede { margin: 0 0 1rem; font-size: 1.25rem; line-height: 1.55; color: var(--cream); }
.fine-print h2 { margin: 2.5rem 0 .75rem; font-size: 1.375rem; font-weight: 600; line-height: 1.3; }
.fine-print p, .fine-print li { margin: 0 0 .9rem; font-size: 1.0625rem; line-height: 1.7; color: var(--cream-soft); }
.fine-print ul { margin: 0 0 .9rem; padding-left: 1.25rem; }
.fine-print a { text-decoration-color: var(--accent-line); text-underline-offset: .2em; }
.fine-print a:hover { color: var(--cream); }
.fine-print address { font-style: normal; }

/* same reason as on the home page: no italic in kana or Devanagari, and more
   air under a headline than Latin capitals ask for */
:lang(ja) .fine-print h1, :lang(hi) .fine-print h1 { font-style: normal; line-height: 1.4; }

/* the 404: two languages because the address tells us nothing about the reader */
.dont-panic { max-width: 40rem; margin: 0 auto; padding: clamp(3rem, 12vh, 7rem) var(--gutter) 0; }
.dont-panic h1 { margin: 0 0 2rem; font-weight: 400; line-height: 1.15; }
.dont-panic h1 span { display: block; }
.dont-panic h1 [lang="en"] { font-size: clamp(2.25rem, 6vw, 3.25rem); font-style: italic; }
.dont-panic h1 [lang="fr"] { margin-top: .4rem; font-size: clamp(1.5rem, 4vw, 2rem); font-style: italic; color: var(--cream-soft); }
.dont-panic .way-back { display: flex; flex-wrap: wrap; gap: .75rem 1rem; margin: 0; padding: 0; list-style: none; }
.dont-panic .way-back a {
  display: inline-flex; align-items: center; min-height: 3rem; padding: 0 1.25rem;
  border: 1px solid var(--hairline-strong); text-decoration: none; font-size: 1.0625rem;
}
.dont-panic .way-back a:hover { border-color: var(--cream); }