/* The hub's public pages (about, privacy): readable without signing in, for Google's app verification */
:root { --allium: #6B207D; --palatyn: #380843; --amber: #F68C4E; --pearl: #F1ECE7; --ink: #1B1220; --muted: #5E5465; --bg: #fff; color-scheme: light; }
@media (prefers-color-scheme: dark) { :root { --ink: #F1ECE7; --muted: #c9bcc9; --bg: #1c1420; --pearl: #261b2b; color-scheme: dark; } }
* { box-sizing: border-box; }
body { margin: 0; font-family: "Quicksand", Helvetica, Arial, sans-serif; color: var(--ink); background: var(--bg); line-height: 1.6; }
header { background-color: var(--allium); background-image: repeating-linear-gradient(70deg, #753685 0 2px, transparent 2px 14px); border-bottom: 3px solid var(--amber); padding: 28px 16px; }
header .in, main, footer { max-width: 760px; margin: 0 auto; }
header img { display: block; width: 190px; height: auto; }
header p { margin: 10px 0 0; color: #fff; font-size: 12px; font-weight: 600; letter-spacing: .3em; text-transform: uppercase; }
main { padding: 28px 16px 8px; }
h1 { margin: 0 0 12px; font-size: 26px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: var(--allium); }
@media (prefers-color-scheme: dark) { h1, h2 { color: #d9a5e6 !important; } }
h2 { margin: 28px 0 8px; font-size: 15px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--allium); }
p, li { font-size: 16px; }
.lead { font-size: 18px; }
a { color: var(--allium); }
@media (prefers-color-scheme: dark) { a { color: #d9a5e6; } }
.box { background: var(--pearl); padding: 14px 18px; border-left: 4px solid var(--amber); }
footer { padding: 24px 16px 40px; font-size: 13px; color: var(--muted); border-top: 1px solid #E2D9E3; margin-top: 28px; }