:root { font-family: system-ui, sans-serif; color: #e7f7f4; background: #0a2427; }
body { margin: 0; }
main { max-width: 840px; margin: auto; padding: 40px 22px; line-height: 1.9; }
h1 { font-size: clamp(28px, 5vw, 42px); margin: 12px 0; }
h2 { font-size: 22px; }
a { color: #7ee6c8; overflow-wrap: anywhere; }
.eyebrow { color: #b7d4c9; }
section { margin-top: 24px; padding: 22px; border: 1px solid #46625e; border-radius: 18px; background: #123438; }
aside { border-right: 3px solid #d4b66f; padding: 10px 18px; color: #e5d5ad; }
button, .download { display: inline-block; border: 0; border-radius: 10px; padding: 12px 18px; margin: 7px 0 7px 12px; background: #ccefe2; color: #12352e; cursor: pointer; font: inherit; }
button:disabled { opacity: .5; cursor: wait; }
pre { white-space: pre-wrap; overflow-wrap: anywhere; border-radius: 10px; padding: 16px; background: #071c1e; font-family: inherit; }
footer { color: #b7d4c9; padding-top: 28px; }