/* Policy pages: same palette and type as the app */
:root { color-scheme: dark; --e-bg: #0B0B0D; --e-surface: #16161A; --e-primary: #FF4D2E; --e-gold: #FF8A00; --e-text: #FFFFFF; --e-muted: #A1A1AA; --e-line: #2A2A31; --e-serif: "Oswald", "Arial Narrow", Impact, system-ui, sans-serif; --e-sans: "Inter", system-ui, -apple-system, sans-serif; }
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--e-bg); color: var(--e-text); font: 400 15px/1.7 var(--e-sans); }
.l-top { position: sticky; top: 0; z-index: 2; background: rgba(11, 11, 13, .9); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border-bottom: 1px solid var(--e-line); }
.l-top div { max-width: 720px; margin: 0 auto; padding: 12px 20px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.l-brand { display: flex; align-items: center; gap: 10px; color: var(--e-primary); text-decoration: none; font: 600 17px/1 var(--e-serif); letter-spacing: .14em; text-transform: uppercase; }
.l-brand img { width: 26px; height: 26px; border-radius: 7px; }
.l-back { font: 500 13px/1 var(--e-sans); color: var(--e-primary); text-decoration: none; white-space: nowrap; }
main { max-width: 720px; margin: 0 auto; padding: 32px 20px 24px; }
article { background: var(--e-surface); border: 1px solid var(--e-line); border-radius: 18px; padding: 28px 24px; box-shadow: 0 1px 2px rgba(0,0,0,.04), 0 8px 24px rgba(255, 77, 46,.06); }
h1 { margin: 0 0 4px; font: 600 34px/1.15 var(--e-serif); }
h2 { margin: 28px 0 6px; font: 600 22px/1.25 var(--e-serif); color: var(--e-primary); }
p, li { color: var(--e-text); }
ul { padding-left: 20px; }
a { color: var(--e-primary); text-underline-offset: 3px; }
.l-meta { margin: 0 0 20px; font-size: 13px; color: var(--e-muted); }
.l-template { margin: 0 0 20px; padding: 12px 14px; border-radius: 12px; background: rgba(255, 77, 46, .12); border: 1px solid rgba(255, 77, 46, .4); font-size: 13px; }
.l-card { display: grid; gap: 4px; padding: 16px; border: 1px solid var(--e-line); border-radius: 14px; margin: 12px 0; }
.l-card b { font: 500 12px/1.4 var(--e-sans); letter-spacing: .14em; text-transform: uppercase; color: var(--e-muted); }
footer { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 18px; padding: 8px 20px 40px; }
footer a { font: 500 12px/1.6 var(--e-sans); letter-spacing: .06em; color: var(--e-muted); text-decoration: none; }
footer a:hover, footer a[aria-current] { color: var(--e-primary); text-decoration: underline; }