/* Plain pages for the SMS policy, terms and privacy policy: readable without JavaScript, in the site’s colors. */
:root {
  --ink: #3b2346;
  --night: #07030c;
  --cream: #fff8ec;
  --yellow: #ffd166;
  --pink: #ff8fcf;
  --pink-deep: #d9468f;
  --mint: #8be0c4;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100vh;
  background: radial-gradient(circle at 80% 10%, rgba(139, 224, 196, 0.25), transparent 40%),
    radial-gradient(circle at 10% 90%, rgba(255, 143, 207, 0.25), transparent 45%), var(--night);
  color: var(--ink);
  font: 1rem/1.6 'Helvetica Neue', Helvetica, Arial, system-ui, sans-serif;
}

main {
  max-width: 760px;
  margin: 0 auto;
  padding: 32px 16px 64px;
}

.path {
  margin: 0 0 20px;
  color: var(--mint);
  font: 1rem ui-monospace, monospace;
}

.path a {
  color: inherit;
}

.window {
  border: 3px solid var(--ink);
  background: var(--cream);
  box-shadow: 9px 9px 0 rgba(5, 0, 12, 0.6);
}

.title-bar {
  padding: 6px 12px;
  border-bottom: 3px solid var(--ink);
  background: var(--yellow);
  font: 600 0.9rem ui-monospace, monospace;
}

.body {
  padding: 20px clamp(16px, 4vw, 36px) 28px;
}

h1 {
  margin: 0;
  font-size: clamp(1.6rem, 5vw, 2.2rem);
  line-height: 1.15;
}

h2 {
  margin: 28px 0 6px;
  color: var(--pink-deep);
  font-size: 1.05rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.updated {
  margin: 6px 0 0;
  opacity: 0.75;
  font-family: ui-monospace, monospace;
}

a {
  color: var(--pink-deep);
  text-decoration-thickness: 2px;
}

a:focus-visible {
  outline: 3px dashed var(--ink);
  outline-offset: 3px;
}

.back {
  margin-top: 32px;
}

.legal-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 18px;
  margin-top: 32px;
  padding-top: 16px;
  border-top: 2px dotted rgba(59, 35, 70, 0.4);
}