/* legal.css - about and legal pages (same design language as the article, plain prose) */

.doc-head {
  padding-top: clamp(24px, 4vw, 40px);
  text-align: center;
}

.back {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin-top: 6px;
  padding: 0 6px;
  color: var(--green-d);
  font: 400 19px/1.2 var(--display);
  letter-spacing: 0.03em;
  text-decoration: none;
}

.back:hover {
  text-decoration: underline;
}

.doc {
  padding: clamp(28px, 5vw, 56px) 0 clamp(52px, 8vw, 96px);
}

.doc h1 {
  max-width: 780px;
  margin: 0 auto;
  padding-inline: var(--pad);
  text-align: center;
  font: 700 clamp(30px, 6vw, 48px)/1.12 var(--display);
  letter-spacing: 0.012em;
  text-wrap: balance;
}

.rule {
  display: block;
  width: 88px;
  height: 3px;
  margin: clamp(20px, 3vw, 30px) auto;
  background: var(--green-d);
}

.upd {
  margin: 0 0 clamp(28px, 4vw, 44px);
  text-align: center;
  font: 400 14px/1.4 var(--display);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--muted);
}

.doc-body {
  width: 100%;
  max-width: 700px;
  margin-inline: auto;
  padding-inline: var(--pad);
}

.doc-body h2 {
  margin: 1.9em 0 0.5em;
  font: 700 clamp(24px, 3.6vw, 30px)/1.15 var(--display);
  letter-spacing: 0.01em;
}

.doc-body h2:first-child {
  margin-top: 0;
}

.doc-body p {
  margin: 0 0 1.1em;
}

.doc-body ul {
  margin: 0 0 1.2em;
  padding-left: 1.3em;
}

.doc-body li {
  margin-bottom: 0.5em;
}

.doc-body a {
  text-underline-offset: 3px;
}

.doc-body a:hover {
  color: var(--green-dd);
}

.addr {
  margin: 0 0 1.2em;
  padding: 16px 18px;
  background: var(--row);
  border-radius: var(--r);
  font-size: 0.92em;
  line-height: 1.6;
}