body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #f7f5ee; color: #1a1f29; line-height: 1.55; }
main { max-width: 680px; margin: 0 auto; padding: 32px 16px 48px; }
h1 { color: #1c8573; margin-bottom: 4px; } h2 { margin-top: 32px; } a { color: #1c8573; }
.tiles span { display: inline-block; width: 44px; height: 44px; line-height: 44px; text-align: center; border-radius: 8px; color: #fff; font-weight: 800; font-size: 24px; margin-right: 6px; background: #1c8573; }
.tiles span.o { background: #ee8f21; } .tiles span.g { background: #75828f; }
@media (prefers-color-scheme: dark) { body { background: #141a24; color: #eef0f3; } h1, a { color: #3fc2a9; } }