:root{font-family:Arial,sans-serif;color:#103247;background:#f3f5f5}*{box-sizing:border-box}body{margin:0}main{max-width:900px;margin:auto;padding:48px 24px}a{color:inherit;text-underline-offset:4px}.eyebrow{letter-spacing:.12em;text-transform:uppercase;font-size:12px;margin-top:70px}h1{font-size:clamp(34px,6vw,58px);line-height:1.08;max-width:700px;font-weight:500}h1 span{color:#c83b3f}p{font-size:17px;line-height:1.65}section{background:white;padding:28px;margin:28px 0;border:1px solid #dce3e5}h2{font-size:23px;font-weight:500}label{display:block;font-size:14px;margin-bottom:14px}input{max-width:100%;font-size:16px}#result{font-weight:bold;overflow-wrap:anywhere}.document{padding:20px 0;border-top:1px solid #e4e8e9}.document a{font-weight:bold}.document code{display:block;overflow-wrap:anywhere;font-size:12px;margin-top:12px;line-height:1.5;color:#566772}.note{font-size:14px;color:#5b6b73}footer{padding:28px 0;font-size:14px}@media(max-width:500px){main{padding:28px 18px}section{padding:20px}.eyebrow{margin-top:45px}}