:root { color-scheme: light; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", sans-serif; color: #202b36; background: #f3f6f8; }
* { box-sizing: border-box; }
body { margin: 0; }
main { max-width: 760px; margin: 0 auto; padding: 48px 20px 80px; }
header { margin-bottom: 32px; }
h1 { font-size: clamp(1.8rem, 5vw, 2.6rem); margin: 8px 0 12px; }
h2 { font-size: 1.2rem; margin: 0 0 18px; }
p { line-height: 1.7; }
.eyebrow { color: #17658a; font-size: .75rem; font-weight: 700; letter-spacing: .17em; }
.card { background: #fff; border: 1px solid #dce4e9; border-radius: 14px; padding: 26px; margin: 20px 0; box-shadow: 0 5px 22px #2030400a; }
.actions { display: flex; gap: 12px; }
button { appearance: none; border: 0; border-radius: 8px; padding: 12px 22px; min-height: 44px; background: #17658a; color: white; font: inherit; font-weight: 700; cursor: pointer; }
button:hover:not(:disabled) { background: #0f4f6d; }
button:focus-visible, a:focus-visible { outline: 3px solid #eea500; outline-offset: 3px; }
button:disabled { background: #a2afb7; cursor: not-allowed; }
button.secondary { background: #e7edf0; color: #263744; }
dl { border-top: 1px solid #dce4e9; margin: 22px 0 0; padding-top: 8px; }
dl div { display: grid; grid-template-columns: 100px 1fr; gap: 12px; padding: 9px 0; }
dt { color: #62717c; }
dd { margin: 0; overflow-wrap: anywhere; font-family: ui-monospace, SFMono-Regular, monospace; }
.help { color: #52616e; font-size: .9rem; }
a { color: #17658a; }