*{box-sizing:border-box}:root{font-family:system-ui,-apple-system,"Yu Gothic",sans-serif;color:#233f50;background:white;line-height:1.9}body{margin:0}header,main,footer{width:min(760px,calc(100% - 40px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 0}a{color:#216b99;text-underline-offset:4px}header a{font-size:13px}main{padding:32px 0}h1{font-size:clamp(30px,5vw,46px);line-height:1.5;margin:8px 0 20px}h2{font-size:24px;line-height:1.6}h3{font-size:18px}p{margin:12px 0}.eyebrow{color:#587080;font-size:13px}.lead{font-size:17px}.contents{display:grid;gap:10px;background:#edf5fa;padding:24px;border-radius:16px;margin:32px 0}.contents a{font-size:14px}section{padding:28px 0;border-bottom:1px solid #d5e5ee;scroll-margin-top:20px}article{margin:24px 0}.example,.note{background:#f0f7fb;border-radius:10px;padding:16px}.note{font-size:14px}label{display:block;font-size:14px;margin:16px 0 6px}input{display:block;width:100%;padding:12px;font:inherit;border:1px solid #b7ccda;border-radius:8px}button{padding:12px 20px;margin:20px 0 8px;border:0;border-radius:10px;background:#cbe1ed;color:#233f50;font:inherit;font-weight:700;cursor:pointer}#result{font-weight:600}ol{padding-left:24px}li{margin:12px 0}.links,footer nav{display:flex;flex-wrap:wrap;gap:16px}footer{padding:24px 0 40px;font-size:13px}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #2476a8;outline-offset:3px}@media(max-width:360px){h2{font-size:21px}.contents{padding:18px}}