@font-face{font-family:Manrope;src:url('/assets/fonts/Manrope.woff2') format('woff2');font-display:swap}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;background:#f5f6f8;color:#24272d;font:16px/1.6 Manrope,system-ui,sans-serif;padding:48px 24px}
main{max-width:640px;margin:0 auto}
.brand{display:inline-flex;min-height:64px;margin-bottom:32px}
.brand img{display:block;max-width:100%;height:auto}
h1{font-size:clamp(24px,5vw,32px);line-height:1.25;letter-spacing:-.025em;margin:0 0 32px;text-wrap:balance}
dl{margin:0}
dl>div{padding:20px 0;border-top:1px solid #dce0e6}
dt{color:#5c626d;font-size:14px;margin:0 0 6px}
dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.test-note{color:#5c626d;font-size:14px;margin:28px 0 12px;max-width:48ch}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}
a:hover{color:#3650a1}
a:focus-visible{outline:3px solid #365cff;outline-offset:5px;border-radius:2px}
.back-link{display:inline-flex;align-items:center;min-height:44px;padding:10px 0}
::selection{background:#dce3f3;color:#191c20}
@media(max-width:480px){body{padding:28px 20px}.brand{margin-bottom:28px}h1{margin-bottom:24px}}