/* Brand: rules/brand.md section 1 (colours) and section 5 (fonts). Placed artwork only, never redrawn. */
:root { --bliolet: #5619db; --ink: #333333; --off: #f9f9f9; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--off); color: var(--ink); font-family: "Lexend", sans-serif; font-weight: 300; line-height: 1.6; }
h1, h2, h3 { font-family: "Anek Latin", sans-serif; font-weight: 700; line-height: 1.2; }
a { color: var(--bliolet); }
.top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; padding: 16px; max-width: 1100px; margin: 0 auto; }
.mark img { display: block; height: 40px; width: auto; }
nav { display: flex; flex-wrap: wrap; gap: 16px; }
nav a { text-decoration: none; font-weight: 400; }
main { max-width: 1100px; margin: 0 auto; padding: 16px; }
footer { max-width: 1100px; margin: 48px auto 0; padding: 16px; border-top: 1px solid #ddd; font-size: 0.9rem; }
footer .out { font-weight: 500; }
.draft { border-left: 4px solid var(--bliolet); padding: 8px 16px; background: #fff; }