body { margin: 0; background: #f7f6f0; color: #153c33; font: 17px/1.6 system-ui, sans-serif; }
main { max-width: 760px; padding: 30px 20px 70px; margin: auto; }
.brand { font-weight: 800; text-decoration: none; color: inherit; }
h1 { font-size: clamp(2rem, 6vw, 3.4rem); line-height: 1.05; letter-spacing: -.04em; }
.eyebrow { text-transform: uppercase; letter-spacing: .12em; font-size: .78rem; margin-top: 44px; }
a { color: #146348; }
details { margin: 28px 0; padding: 20px; background: #fff; border-radius: 18px; border: 1px solid #cadbd3; }
summary { cursor: pointer; font-weight: 700; }
label { display: grid; gap: 6px; margin: 10px 0; }
input, textarea, select { font: inherit; padding: 9px; border: 1px solid #91ab9d; border-radius: 8px; background: #fff; color: #153c33; }
button { font: inherit; cursor: pointer; padding: 9px 12px; border: 1px solid #91ab9d; border-radius: 8px; background: #eef5f0; color: #153c33; }
button:focus-visible, input:focus-visible, textarea:focus-visible, summary:focus-visible { outline: 3px solid #b86a00; outline-offset: 3px; }
.markdown-label textarea { max-width: 100%; box-sizing: border-box; font-size: 12px; }