:root { font-family: system-ui, sans-serif; color: #202426; background: #f5f7f8; line-height: 1.6; }
* { box-sizing: border-box; }
body { margin: 0; }
main { width: min(100% - 40px, 720px); margin: 64px auto; }
.eyebrow { color: #535d64; font-size: 14px; }
h1 { font-size: 32px; line-height: 1.2; margin: 16px 0; }
h2 { font-size: 19px; line-height: 1.4; margin: 0 0 12px; }
.lead { font-size: 18px; }
section { border-top: 1px solid #cbd2d6; padding-top: 24px; margin-top: 28px; }
p { overflow-wrap: anywhere; }
a { color: #08615a; text-underline-offset: 3px; }
.actions { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; margin-top: 28px; }
button { font: inherit; min-height: 48px; padding: 10px 18px; color: #fff; background: #155e56; border: 1px solid #155e56; border-radius: 6px; cursor: pointer; }
button:disabled { background: #e2e6e8; color: #667077; border-color: #cbd2d6; cursor: not-allowed; }
:focus-visible { outline: 3px solid #b15b00; outline-offset: 4px; }
#wait { color: #535d64; font-size: 14px; min-height: 48px; }
ol { padding-left: 24px; }
li { padding-left: 4px; margin-bottom: 22px; }
li img { display: block; width: auto; max-width: 100%; height: auto; margin-top: 12px; border: 1px solid #cbd2d6; }
@media (max-width: 480px) { main { margin: 28px auto; } h1 { font-size: 28px; } .actions { align-items: stretch; } button { width: 100%; } .leave { padding: 10px 0; } }