:root { color-scheme: light; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #142f3b; background: #f4f7f8; font-size: 16px; }
* { box-sizing: border-box; }
body { margin: 0; border-top: 6px solid #087f73; }
main { width: min(100% - 2.5rem, 38rem); margin: 0 auto; padding: 2.5rem 0; }
header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 2.75rem; flex-wrap: wrap; }
.brand { font-size: 1.7rem; font-weight: 800; letter-spacing: -.07em; }
.brand-dot { color: #087f73; }
.label, .eyebrow { font-size: .8rem; font-weight: 700; letter-spacing: .12em; }
.label { color: #48616d; }
.card { background: #fff; border: 1px solid #d4e1e4; border-radius: 1.5rem; padding: clamp(1.4rem, 5vw, 2.75rem); box-shadow: 0 12px 32px #142f3b08; }
.status-mark { width: 3.25rem; height: 3.25rem; display: grid; place-items: center; border: 1px solid #087f7333; border-radius: 1rem; background: #e8f6f3; color: #087368; font-weight: 800; font-size: 1.65rem; margin-bottom: 1.75rem; }
.eyebrow { color: #087368; margin: 0 0 .9rem; }
h1 { font-size: clamp(1.8rem, 6vw, 2.5rem); line-height: 1.13; letter-spacing: -.04em; margin: 0 0 1rem; }
h2 { font-size: 1.25rem; line-height: 1.3; margin: 0 0 .5rem; }
p { font-size: 1rem; line-height: 1.65; color: #48616d; margin: 0; overflow-wrap: anywhere; }
.translation { margin-top: 1.7rem; border-top: 1px solid #e0e9ec; padding-top: 1.4rem; }
.next-step { display: flex; gap: .9rem; background: #f0f6f7; padding: 1.25rem; border-radius: .85rem; margin-top: 2rem; }
.next-step strong { display: block; margin-bottom: .35rem; }
.next-step p + p { margin-top: .45rem; }
.step-number { color: #087368; font-size: 1.5rem; line-height: 1.1; }
footer { padding: 1.5rem .75rem 0; }
footer p { font-size: .875rem; line-height: 1.6; }
footer p + p { margin-top: .35rem; }
noscript p { margin-top: 1rem; }
:root[data-status="expired"] .status-mark, :root[data-status="unavailable"] .status-mark { background: #fff2dc; color: #82590f; border-color: #dec395; }
@media (max-width: 400px) { main { width: calc(100% - 1.5rem); padding-top: 1.5rem; } header { margin-bottom: 1.75rem; } }