/* Boardcall · © 2026 Ruben Vis. All rights reserved. */
:root { --ink: #1d1d1f; --soft: #48484d; --mute: #8a8a90; --line: rgba(0,0,0,.08); --bg: #f5f5f7; --card: #fff; --accent: #0071e3; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --ink: #f5f5f7; --soft: #c7c7cc; --mute: #8e8e93; --line: rgba(255,255,255,.1); --bg: #111113; --card: #1c1c1e; --accent: #2997ff; } }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--soft); font: 15.5px/1.65 -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Helvetica Neue", Arial, sans-serif; }
header { max-width: 780px; margin: 0 auto; padding: 28px 16px 0; display: flex; align-items: center; gap: 10px; }
header img { width: 30px; height: 30px; }
header a.brand { display: flex; align-items: center; gap: 10px; color: var(--ink); text-decoration: none; font-weight: 700; font-size: 17px; letter-spacing: -.02em; }
nav { margin-left: auto; display: flex; gap: 14px; flex-wrap: wrap; font-size: 13.5px; }
nav a { color: var(--mute); text-decoration: none; }
nav a[aria-current] { color: var(--ink); font-weight: 600; }
main { max-width: 780px; margin: 22px auto 40px; padding: 36px clamp(18px, 5vw, 48px); background: var(--card); border-radius: 22px; box-shadow: 0 1px 2px rgba(0,0,0,.04), 0 10px 30px -14px rgba(0,0,0,.15); }
@media (max-width: 600px) { main { margin: 16px 16px 32px; } }
h1 { color: var(--ink); font-size: clamp(28px, 4vw, 36px); letter-spacing: -.03em; line-height: 1.1; margin: 0 0 6px; }
.meta { color: var(--mute); font-size: 13.5px; margin: 0 0 26px; }
h2 { color: var(--ink); font-size: 18px; letter-spacing: -.015em; margin: 30px 0 6px; }
p, li { margin: 0 0 10px; }
ul { padding-left: 20px; }
a { color: var(--accent); }
.box { background: var(--bg); border-radius: 14px; padding: 14px 16px; margin: 0 0 20px; }
footer { max-width: 780px; margin: 0 auto 40px; padding: 0 16px; font-size: 12.5px; color: var(--mute); }