:root { color-scheme: dark; }
html, body { margin: 0; background: #000; color: #F5F1EA; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
  -webkit-font-smoothing: antialiased; line-height: 1.6; font-size: 16px;
}
main { max-width: 680px; margin: 0 auto; padding: 32px 16px 96px; box-sizing: border-box; }
header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; }
header img { display: block; width: 52px; height: auto; }
header nav a { color: #A9A298; text-decoration: none; font-size: 14px; margin-left: 16px; }
header nav a:hover, header nav a[aria-current] { color: #F5F1EA; }
h1 { font-size: 34px; line-height: 1.15; letter-spacing: -0.6px; margin: 0 0 8px; }
.meta { color: #7C766E; font-size: 14px; margin: 0 0 32px; }
h2 { font-size: 20px; margin: 40px 0 8px; letter-spacing: -0.2px; }
p, li { color: #D9D3C9; }
ul { padding-left: 20px; }
li { margin: 4px 0; }
a { color: #F5F1EA; }
strong { color: #F5F1EA; }
.box { background: #211F1C; border-radius: 20px; padding: 18px 20px; margin: 24px 0; }
footer { margin-top: 64px; color: #6F6A63; font-size: 13px; }
footer a { color: inherit; }
.lead { margin-top: 8px; }
.private { display: grid; gap: 10px; margin: 16px 0 40px; }
.private div { display: flex; gap: 14px; align-items: flex-start; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.08); border-radius: 20px; padding: 16px 18px; }
.private .ic { flex: none; width: 22px; height: 22px; margin-top: 2px; }
.private .ic svg { width: 22px; height: 22px; fill: none; stroke: #F5F1EA; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.private p { margin: 0; }