/* Shared styles for legal pages (readable, printable). Tokens mirror the main site. */
@font-face { font-family: "Halvar Breitschrift"; src: url("../fonts/halvar-black.otf") format("opentype"); font-weight: 900; font-display: swap; }
@font-face { font-family: "Halvar Breitschrift"; src: url("../fonts/halvar-regular.otf") format("opentype"); font-weight: 400; font-display: swap; }
:root { --ink: #1B1530; --ink-soft: rgba(27, 21, 48, .7); --cloud: #F0EEE9; --lilac: #C9B6FF; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--cloud); color: var(--ink); font: 400 1rem/1.6 "Halvar Breitschrift", system-ui, sans-serif; }
.doc { max-width: 820px; margin: 0 auto; padding: 32px 16px 80px; }
.doc__back { display: inline-block; margin-bottom: 24px; font-weight: 900; text-decoration: none; color: var(--ink); }
.doc__paper { background: #fff; border-radius: 28px; padding: clamp(20px, 5vw, 56px); }
h1 { font-weight: 900; font-size: clamp(1.6rem, 1.2rem + 2vw, 2.4rem); line-height: 1.1; margin: 0 0 .4em; }
h2 { font-weight: 900; font-size: 1.15rem; margin: 2em 0 .6em; }
.meta { color: var(--ink-soft); margin: 0 0 2em; }
p, li { margin: .5em 0; }
ol, ul { padding-left: 1.4em; }
table { width: 100%; border-collapse: collapse; margin: 1em 0; }
td { padding: 8px 10px; border-bottom: 1px solid rgba(27, 21, 48, .12); vertical-align: top; }
td:first-child { width: 38%; color: var(--ink-soft); }
.line { display: inline-block; min-width: 14em; border-bottom: 1px solid var(--ink); }
.line--wide { display: block; min-width: 100%; height: 1.8em; }
.print { display: inline-block; margin: 0 0 24px 12px; padding: 10px 20px; border-radius: 999px; border: 0; background: var(--ink); color: var(--cloud); font: 900 .95rem "Halvar Breitschrift", system-ui, sans-serif; cursor: pointer; }
.hint { display: block; margin-top: 2px; font-size: .8em; color: var(--ink-soft); text-align: center; }
.print--ghost { background: transparent; color: var(--ink); border: 1.5px solid var(--ink); text-decoration: none; }
.note { padding: 12px 16px; border-radius: 16px; background: var(--lilac); }
@media print {
  body { background: #fff; font-size: 11pt; }
  .doc { padding: 0; }
  .doc__back, .print, .no-print { display: none !important; }
  .doc__paper { padding: 0; border-radius: 0; }
}
