/* The legal pages and a shared shortcut's page (/s/{id}, made by the sharedPage function): readable on a phone, in
   the home page's colors and type. The function's page links only this file, so the site's own styles come in here. */
@import url("/assets/site.css");

main {
  max-width: 46rem;
  margin: 0 auto;
  padding: 3rem 1.25rem 4.5rem;
}
h1 {
  margin: 0 0 0.5rem;
  font-size: clamp(2rem, 5vw, 2.75rem);
  line-height: 1.12;
  font-weight: 800;
  letter-spacing: -0.03em;
  text-wrap: balance;
}
h2 {
  margin: 2.75rem 0 0.6rem;
  padding-top: 1.75rem;
  border-top: 1px solid var(--line);
  font-size: 1.35rem;
  line-height: 1.25;
  letter-spacing: -0.015em;
}
h3 { margin: 1.75rem 0 0.3rem; font-size: 1.08rem; line-height: 1.3; }
p, li { margin: 0.6rem 0; }
ul { padding-left: 1.3rem; }
li::marker { color: var(--purple-ink); }
strong { font-weight: 650; }
.meta { margin: 0 0 2.25rem; color: var(--muted); }
table { border-collapse: collapse; width: 100%; font-size: 0.95rem; }
th, td { text-align: left; vertical-align: top; border-bottom: 1px solid var(--line); padding: 0.6rem 0.75rem 0.6rem 0; }
th { color: var(--muted); font-weight: 600; }

/* A shared shortcut's page: its one button opens the app. */
.button {
  display: inline-block;
  padding: 0.8rem 1.6rem;
  border-radius: 999px;
  background: #5f33ec;
  color: #ffffff;
  text-decoration: none;
  font-weight: 650;
}
body > footer:not(.footer) { max-width: 46rem; margin: 0 auto; padding: 0 1.25rem 2.5rem; color: var(--muted); }