/* One sheet for every page on ricoshot.app.
   Dark, because the game is, and because a legal page that looks like it belongs to the app it
   describes is a legal page people believe. */
:root { color-scheme: dark }

body {
  margin: 0;
  background: #0e1116;
  color: #e8ecf1;
  font: 16px/1.65 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

.page {
  max-width: 46rem;
  margin: 0 auto;
  padding: 2.5rem 1.25rem 4rem;
}

h1 { font-size: clamp(1.6rem, 5vw, 2.2rem); letter-spacing: -.02em; margin: 0 0 .2em }
h2 { font-size: 1.15rem; margin: 2.4rem 0 .6rem; color: #4cc9f0 }
h3 { font-size: 1rem; margin: 1.6rem 0 .4rem; color: #cfd8e3 }

p, li { color: #c3ccd8 }
strong { color: #e8ecf1 }
a { color: #4cc9f0 }

.updated { color: #7e8b9a; font-size: .9rem; margin: 0 0 2rem }
.lede { color: #e8ecf1 }

table { border-collapse: collapse; width: 100%; margin: 1rem 0; font-size: .95rem }
th, td { text-align: left; vertical-align: top; padding: .5rem .6rem; border-bottom: 1px solid #1e2530 }
th { color: #9aa7b5; font-weight: 600 }

code { background: #182029; padding: 0 .3em; border-radius: 3px; font-size: .92em }

/* Something the reader must not skim past. Used sparingly - twice in total. */
.note {
  border-left: 3px solid #4cc9f0;
  background: #131922;
  padding: .8rem 1rem;
  margin: 1.2rem 0;
  border-radius: 0 6px 6px 0;
}

footer {
  margin-top: 3.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid #1e2530;
  color: #7e8b9a;
  font-size: .9rem;
}
footer a { color: #9aa7b5 }