* { box-sizing: border-box; }
body { margin: 0; font: 16px/1.65 system-ui, sans-serif; color: #25262b; background: #f7f8fa; word-break: keep-all; }
main { max-width: 760px; margin: auto; padding: 56px 24px; }
h1 { font-size: clamp(26px, 4vw, 40px); margin: 32px 0; }
a { color: #49bdf7; }
form, .steps { margin: 0; padding: clamp(20px, 5vw, 40px); border: 1px solid #e5e6e9; border-radius: 18px; background: white; }
fieldset { min-width: 0; border: 0; padding: 0; margin: 24px 0; }
legend { font-weight: 700; font-size: 20px; }
label { display: block; padding: 8px 0; }
[hidden] { display: none !important; }
input[type=number] { display: block; width: 100%; max-width: 320px; font: inherit; padding: 8px; }
button { color: white; background: #49bdf7; border: 0; border-radius: 8px; padding: 10px 20px; font: inherit; cursor: pointer; }
button.light { color: #303138; background: #eee; }
.checker-result a { display: block; margin-top: 16px; }
.steps { list-style: none; }
.steps li + li { border-top: 1px solid #e5e6e9; margin-top: 20px; padding-top: 20px; }
.steps span, .eyebrow { color: #49bdf7; font-weight: bold; }
.steps h3, .steps p { margin: 4px 0; }