*{box-sizing:border-box}body{margin:0;color:#153148;background:#f6f8fa;font-family:Arial,"Noto Sans TC","Noto Sans Thai",sans-serif;line-height:1.85}header,footer{padding:24px max(5vw,20px);background:#102b40;color:white}header{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}header a{color:white}a{color:#17677a;text-underline-offset:4px}nav{display:flex;gap:22px;flex-wrap:wrap}.brand{font-size:23px;font-weight:bold;text-decoration:none}main{max-width:960px;margin:auto;padding:50px 24px}h1{font-size:clamp(30px,5vw,48px);line-height:1.3;margin:24px 0 32px}h2{font-size:25px;margin-top:40px}p{font-size:18px}aside{background:#e1eef1;border-radius:16px;padding:24px;margin:40px 0}aside h2{margin-top:0}.button{display:inline-block;background:#145c70;color:white;padding:12px 20px;border-radius:8px;overflow-wrap:anywhere}a:focus-visible{outline:3px solid #e9aa3b;outline-offset:4px}