:root { color-scheme: light; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #183126; background: #f4f7f2; }
* { box-sizing: border-box; }
body { margin: 0; }
.page { max-width: 780px; margin: 7vh auto; padding: clamp(28px, 5vw, 60px); background: #fff; border: 1px solid #dce6db; border-radius: 18px; box-shadow: 0 12px 40px #193a1c0d; }
.eyebrow { color: #55745a; font-size: .88rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
h1 { margin: .5rem 0 1.4rem; font-size: clamp(2rem, 6vw, 3rem); line-height: 1.1; }
h2 { margin: 2rem 0 .5rem; font-size: 1.2rem; }
p { line-height: 1.65; }
.lead { font-size: 1.2rem; color: #35593f; }
.small { color: #5e6e61; font-size: .93rem; }
a { color: #1d7443; }
a:hover { color: #10532d; }
.button { display: inline-block; margin-top: .5rem; padding: .8rem 1.1rem; background: #1f7546; border-radius: 8px; color: #fff; text-decoration: none; font-weight: 600; }
.button:hover { background: #145c34; color: #fff; }
code { padding: .12rem .35rem; background: #edf3ed; border-radius: 4px; }
hr { border: 0; border-top: 1px solid #dce6db; margin-top: 2.3rem; }
@media (max-width: 800px) { .page { margin: 0; border-radius: 0; min-height: 100vh; } }