*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body { background: #090712; color: #ddd6f0; font-family: Arial, sans-serif; font-size: 15px; line-height: 1.75; -webkit-font-smoothing: antialiased; }
.w { max-width: 720px; margin: 0 auto; padding: 0 24px; }
.hdr { padding: 28px 0 24px; border-bottom: 1px solid rgba(201,172,106,0.15); text-align: center; }
.hdr-title { font-family: Georgia, serif; font-size: 20px; font-weight: normal; background: linear-gradient(135deg,#f0e4c0,#c9ac6a); -webkit-background-clip: text; background-clip: text; color: transparent; }
.hdr-sub { font-size: 11px; color: #7e778f; margin-top: 6px; letter-spacing: 1.5px; text-transform: uppercase; }
.hdr-back { font-size: 12px; color: #c9ac6a; text-decoration: none; display: inline-block; margin-bottom: 10px; }
main { padding: 48px 0 64px; }
h1 { font-family: Georgia, serif; font-size: 28px; font-weight: normal; color: #e8d9b0; margin-bottom: 8px; }
.updated { font-size: 12px; color: #7e778f; margin-bottom: 36px; display: block; }
h2 { font-family: Georgia, serif; font-size: 18px; font-weight: normal; color: #c9ac6a; margin: 36px 0 12px; }
h3 { font-size: 15px; font-weight: bold; color: #e8d9b0; margin: 24px 0 8px; }
p { color: #a89fbe; margin-bottom: 14px; }
ul, ol { color: #a89fbe; padding-left: 20px; margin-bottom: 14px; }
li { margin-bottom: 6px; }
a { color: #c9ac6a; }
.divider { height: 1px; background: rgba(201,172,106,0.12); margin: 32px 0; }
footer { padding: 28px 0; border-top: 1px solid rgba(201,172,106,0.12); text-align: center; font-size: 12px; color: #7e778f; }
footer a { color: #7e778f; text-decoration: underline; margin: 0 8px; }