/* Shared look of the legal pages (privacy, terms, legal notice). */
:root { color-scheme: dark; }
body { max-width: 780px; margin: 0 auto; padding: 24px 16px 48px; font: 16px/1.6 Georgia, serif; background: #15110e; color: #e2d6ba; }
header { margin: 18px 0 8px; }
header img { height: 44px; width: auto; display: block; }
h1, h2 { font-weight: 400; letter-spacing: 0.03em; }
h1 { font-size: 30px; margin: 10px 0 0; }
h2 { font-size: 21px; margin-top: 30px; border-bottom: 1px dashed rgba(226, 214, 186, 0.25); padding-bottom: 4px; }
.meta { color: #a89a7e; margin-top: 4px; }
.draft { border: 2px dashed #b8302f; padding: 10px 14px; color: #f0c0b0; font-size: 15px; }
a { color: #f0c040; }
table { width: 100%; border-collapse: collapse; font-size: 15px; }
th, td { text-align: left; vertical-align: top; padding: 8px; border-bottom: 1px dashed rgba(226, 214, 186, 0.2); }
th { color: #a89a7e; font-weight: 400; }
footer { margin-top: 40px; color: #a89a7e; font-size: 14px; }
@media (max-width: 600px) {
  table, tr, td, th { display: block; }
  tr { border-bottom: 1px dashed rgba(226, 214, 186, 0.3); padding: 6px 0; }
  th { display: none; }
  td { border: none; padding: 2px 0; }
}