* { box-sizing: border-box; }
body { margin: 0; background: #f8fbfd; color: #193f59; font: 16px/1.65 system-ui, sans-serif; }
header, main, footer { max-width: 860px; margin: auto; padding: 24px; }
header, footer { font-size: 14px; }
a { color: #126693; text-underline-offset: 3px; overflow-wrap: anywhere; }
h1 { line-height: 1.2; font-size: clamp(26px, 5vw, 38px); }
h2 { line-height: 1.3; font-size: 22px; }
section { margin-block: 36px; }
label { display: block; font-weight: 600; }
input { width: 100%; max-width: 480px; padding: 12px; font: inherit; border: 1px solid #95aebd; border-radius: 8px; }
summary { cursor: pointer; padding: 12px 0; font-weight: 600; border-top: 1px solid #d8e4eb; }
li { margin-block: 10px; overflow-wrap: anywhere; }
li span { color: #425d6d; }
[hidden] { display: none !important; }

.page-brand { display: inline-flex; align-items: center; gap: 10px; color: #193f59; font-size: 20px; font-weight: 750; text-decoration: none; }
.page-brand .brand-mark { display: block; width: 32px; height: 32px; flex-shrink: 0; }