/* Generated by Website/scripts/generate-community.mjs from Website/content/community.mjs. Do not edit; change the config and run the build. */
:root { color-scheme: light; font-family: Lato, "Segoe UI", system-ui, -apple-system, Arial, sans-serif; color: #1c443b; background: #f8f7ef; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100svh; display: grid; place-items: center; padding: 24px 16px; background: #f8f7ef; }
main { width: min(100%, 560px); padding: clamp(24px, 5vw, 44px); background: #fff; border: 1px solid #dcded1; border-radius: 20px; }
.eyebrow { margin: 0; font-size: .8rem; font-weight: 800; letter-spacing: .1em; color: #5d6c61; }
h1 { margin: 10px 0 14px; font-size: clamp(1.75rem, 6vw, 2.4rem); line-height: 1.1; font-weight: 900; }
p { line-height: 1.6; }
.button { display: inline-block; margin-top: 6px; padding: 14px 20px; border-radius: 999px; font-weight: 800; color: #1c443b; background: #ffd266; text-decoration: none; }
.button:hover { background: #ffe08f; }
.button:focus-visible { outline: 3px solid #d76b3d; outline-offset: 4px; }
.footnote { margin: 18px 0 0; font-size: .875rem; color: #5d6c61; }