/* Imprint and Privacy pages: plain, readable text on the deep blue background. */
.legal { background: var(--deep); padding-top: clamp(3rem, 7vw, 6rem); padding-bottom: clamp(4rem, 8vw, 7rem); min-height: 70vh; }
.legal > * { max-width: 44rem; }
.legal h1 { font-family: var(--serif); font-weight: 400; font-size: clamp(2.2rem, 5vw, 3.6rem); letter-spacing: -.015em; margin: 0 0 1rem; }
.legal h2 { font-family: var(--serif); font-weight: 400; font-size: 1.35rem; margin: 2.25rem 0 .5rem; }
.legal p { color: #c9d6dd; margin: 0 0 1rem; }
.legal a { color: var(--paper); text-underline-offset: .3em; }
.legal a:hover { color: var(--rose); }
.legal strong { color: var(--paper); font-weight: 600; }
.legal .updated { color: var(--muted); font-size: .95rem; margin-bottom: 2rem; }

/* Small shared bits */
.lt { font-size: .68rem; letter-spacing: .1em; color: var(--muted); border: 1px solid rgba(255,255,255,.25); padding: 0 .35rem; margin-left: .35rem; vertical-align: middle; }
.flinks a { color: var(--paper); text-underline-offset: .3em; }