/* Privacy policy and terms pages. Colors and fonts come from css/theme.css (loaded after this file). */
* { box-sizing: border-box; }
body { margin: 0; font-size: 17px; line-height: 1.65; }
header { padding: 12px 16px; }
header .in { max-width: 860px; margin: 0 auto; display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
header a.brand { display: block; }
header nav { margin-left: auto; display: flex; gap: 18px; }
header nav a { font-family: var(--sf-font-hud); letter-spacing: 2px; text-transform: uppercase; font-size: 14px; }
main { max-width: 860px; margin: 0 auto; padding: 28px 16px 60px; }
article { background: rgba(12, 24, 62, .88); border: 1px solid rgba(79, 209, 255, .25); padding: 30px 36px;
  clip-path: polygon(18px 0, 100% 0, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%, 0 18px); }
@media (max-width: 600px) { article { padding: 22px 18px; } }
h1 { margin: 0 0 4px; font-size: clamp(28px, 6vw, 38px); letter-spacing: 2px; text-transform: uppercase; }
.date { font-family: var(--sf-font-hud); letter-spacing: 2px; text-transform: uppercase; font-size: 13px; color: var(--sf-cyan); margin: 0 0 20px; }
h2 { font-size: 22px; letter-spacing: 1px; color: var(--sf-gold); margin: 32px 0 8px; padding-top: 14px; border-top: 1px solid rgba(79, 209, 255, .2); }
h3 { font-family: var(--sf-font-body); font-weight: 800; font-size: 18px; letter-spacing: 0; color: var(--sf-text); margin: 18px 0 4px; }
p, li { margin: 6px 0; color: var(--sf-text-2); }
b { color: var(--sf-text); }
ul { padding-left: 22px; }
.short { background: rgba(255, 198, 39, .08); border: 1px solid rgba(255, 198, 39, .4); padding: 16px 20px; margin: 10px 0 6px; }
.short h2 { border: 0; margin: 0 0 6px; padding: 0; }
.short ul { margin: 0; }
table { width: 100%; border-collapse: collapse; margin: 8px 0; font-size: 15px; }
th, td { text-align: left; padding: 8px 10px; border-bottom: 1px solid rgba(79, 209, 255, .15); vertical-align: top; }
td { color: var(--sf-text-2); }
.toc { columns: 2; font-size: 15px; margin: 6px 0 0; }
@media (max-width: 600px) { .toc { columns: 1; } }
footer { text-align: center; color: var(--sf-muted); font-size: 14px; margin-top: 18px; }