@font-face{font-family:Lexend;src:url('./fonts/lexend-variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
*{box-sizing:border-box}
body{margin:0;background:#e0f3ff;color:#071a53;font:17px/1.65 Lexend,Arial,sans-serif}
.information-page{width:100%;max-width:740px;width:min(740px,100%);margin:24px auto;padding:24px;padding:clamp(20px,5vw,40px);border-radius:24px;background:white}
header{text-align:center;margin-bottom:32px}header img{border-radius:16px}h1{font-size:30px;font-size:clamp(26px,5vw,34px);line-height:1.25;margin:16px 0 8px}header p{margin:0;color:#596173}
section{margin:24px 0}h2{font-size:20px;line-height:1.4;margin:0 0 8px}p{margin:0;color:#596173;overflow-wrap:anywhere}.updated{font-size:14px}.part-title{font-size:24px;margin-top:36px}
footer{display:flex;flex-wrap:wrap;gap:12px 24px;border-top:1px solid #83ceff;margin-top:32px;padding-top:20px}a{color:#0075ef;text-underline-offset:3px;min-height:44px;display:inline-flex;align-items:center}a:focus-visible{outline:3px solid #071a53;outline-offset:4px}
@media(max-width:620px){.information-page{margin:0;border-radius:0;min-height:100vh;min-height:100svh}}
section p{text-align:justify;text-align-last:left}

@supports not (width:min(100%,740px)){footer a{margin-right:24px;margin-bottom:12px}}