:root { color-scheme: light; font: 16px/1.6 system-ui, sans-serif; color: #182521; background: #f6f7f1; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100svh; display: flex; flex-direction: column; }
main { width: min(640px, 100%); margin: auto; padding: 56px 28px; }
a { color: #225342; text-underline-offset: 4px; }
.brand { font: 700 24px/1.2 Georgia, serif; text-decoration: none; }
.label { margin-top: 52px; color: #587167; text-transform: uppercase; letter-spacing: .16em; font-size: 12px; }
h1 { margin: 14px 0 22px; font: 500 clamp(32px, 6vw, 48px)/1.15 Georgia, serif; }
.notice { padding: 14px 18px; border: 1px solid #b7c8b9; border-radius: 8px; background: #edf4ea; }
#status { margin: 26px 0; }
button { border: 0; border-radius: 6px; padding: 12px 20px; font: inherit; background: #225342; color: white; cursor: pointer; }
button:focus-visible, a:focus-visible { outline: 3px solid #a5712b; outline-offset: 4px; }
.support { margin-top: 36px; font-size: 14px; color: #53655d; }
footer { padding: 20px 28px; border-top: 1px solid #d8dfd3; display: flex; flex-wrap: wrap; gap: 14px 24px; font-size: 13px; color: #53655d; }