/* Brand colours from the Answer Round AI logo. Light only: the logo artwork has a white background. */
:root{--bg:#fff;--text:#1a2744;--muted:#56637a;--line:#e3e8f1;--accent:#2a5cf5;--teal:#2ecfbf;--fill:#fff3bf;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 'Segoe UI',system-ui,sans-serif}
header,main,footer{max-width:760px;margin:0 auto;padding:0 16px}
header{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;padding-top:20px;padding-bottom:14px;border-bottom:3px solid;border-image:linear-gradient(90deg,var(--teal),#7a55e0,var(--accent)) 1}
.brand{margin-right:auto;line-height:0}.brand img{height:40px;width:auto}
nav{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:14px}
a{color:var(--accent)}
h1{font-size:28px;line-height:1.25;margin:32px 0 4px}
h2{font-size:19px;margin:30px 0 6px}
.updated{color:var(--muted);font-size:14px;margin:0 0 20px}
table{width:100%;border-collapse:collapse;font-size:15px}
td,th{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
th{background:#f4f7fc}
mark{background:var(--fill);color:inherit;padding:0 3px;border-radius:3px}
footer{margin-top:40px;padding-top:16px;padding-bottom:30px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}