/* ============================================================
   legal.css — page set C (privacy / terms / refunds)
   The official documents: typed sheets pinned to the dorm wall.
   Extends wall.css — tokens, rail, tape, pins, paper live there.
   ============================================================ */

/* short hand-written framing line above the stack */
.wall-note {
  font-size: 1.6rem;
  color: rgba(247, 240, 221, 0.88);
  text-align: center;
  max-width: 42ch;
  margin: 0 auto 46px;
  transform: rotate(-1.2deg);
}

/* the stack of typed sheets */
.legal-stack {
  max-width: 880px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 64px;
}

/* a typed sheet — whiter and more formal than the default paper */
.doc {
  background: var(--paper-white);
  padding: 46px 54px;
}

.doc h1.anton {
  font-size: clamp(2rem, 4.5vw, 2.9rem);
  color: var(--ink);
}

.doc h2.type {
  font-weight: 700;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  color: var(--ink);
  margin: 1.7em 0 0.55em;
  padding-bottom: 5px;
  border-bottom: 2px solid rgba(36, 28, 18, 0.22);
}

.doc .doc-intro {
  font-size: 1.08rem;
}

.doc ul {
  margin: 0.5em 0 1em;
  padding-left: 1.35em;
}
.doc li { margin-bottom: 0.45em; }
.doc li::marker { color: var(--red-ink); }
.doc strong { color: var(--ink); }

.doc a {
  color: var(--marker-blue);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.doc a:hover { background: var(--highlighter); color: var(--ink); }

/* "the short version" callout at the end of the privacy sheet */
.shortver {
  margin-top: 2.2em;
  background: rgba(242, 225, 76, 0.3);
  border: 2px dashed rgba(36, 28, 18, 0.45);
  border-radius: 6px;
  padding: 16px 22px;
}

/* cross-links to the other filed documents */
.doc-links {
  margin-top: 2.2em;
  padding-top: 14px;
  border-top: 2px dashed rgba(36, 28, 18, 0.3);
  font-family: var(--f-type);
  font-size: 0.85rem;
  letter-spacing: 0.03em;
  color: var(--ink-soft);
  display: flex;
  flex-wrap: wrap;
  gap: 4px 14px;
}

/* footer fine print legibility on kraft (kept on-paper dark for my pages) */
.footstrip .fineline { color: var(--ink); }
.footstrip .fineline .hand { font-size: 1.15rem; }

/* ---------- mobile: sheets flatten, padding breathes at 390px ---------- */
@media (max-width: 720px) {
  .legal-stack { gap: 40px; }
  .doc { padding: 30px 20px; transform: none; }
  .doc:hover { transform: none; }
  .wall-note { font-size: 1.35rem; margin-bottom: 34px; }
}