/* 42 Drawn in Light · The privacy policy. One page for the whole site, beside the imprint: its dark
   room, mark, title and way back come from imprint.css; this adds the date and a column to read. */

.privacy { justify-content: flex-start; }

.updated {
  margin-top: clamp(10px, 1.6svh, 22px);
  font: italic 500 clamp(17px, min(1vw, 2.1svh), 24px)/1.3 var(--serif);
  font-variant-numeric: lining-nums; color: rgba(245, 240, 230, .62);
}

/* the policy: upright, left-aligned, one reading size; the headings in the title's italic */
.policy {
  width: min(100%, 36em); margin-top: clamp(36px, 6svh, 84px); text-align: left;
  font: normal 500 clamp(19px, calc(.55vw + 12px), 26px)/1.6 var(--serif);
  font-variant-numeric: lining-nums;               /* Cormorant's own figures hang below the line */
  color: rgba(245, 240, 230, .86);
}
.policy p { text-wrap: pretty; }
.policy p + p { margin-top: .8em; }
.policy .intro { font-style: italic; color: var(--ink); }
.policy section { margin-top: 2.2em; }
.policy h2 {
  margin: 0 0 .35em;
  font: italic 600 1.35em/1.2 var(--serif); color: var(--ink); text-wrap: balance;
}
.policy a { color: inherit; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .22em; text-decoration-color: rgba(245, 240, 230, .4); transition: text-decoration-color .3s ease, color .3s ease; }
.policy a:is(:hover, :focus-visible) { color: #fff; text-decoration-color: currentColor; }
.policy a:focus-visible { outline: 2px solid currentColor; outline-offset: .3em; }
.policy a:focus:not(:focus-visible) { outline: none; }