@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600&display=swap");
*{box-sizing:border-box}body{margin:0;background:#fff;color:#202020;font-family:Tahoma,Arial,sans-serif;line-height:1.8}a{color:inherit}header,main,footer{max-width:980px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;border-bottom:1px solid #eee;gap:20px}.brand{font-size:20px;letter-spacing:4px;text-decoration:none}nav{display:flex;gap:20px;font-size:14px}.eyebrow{letter-spacing:3px;font-size:12px;color:#777;margin-top:35px}h1{font-size:clamp(30px,6vw,48px);line-height:1.4;font-weight:500;margin:12px 0}h2{font-size:23px;font-weight:500}h3{font-size:18px}p{color:#555}.lead{max-width:680px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0}.card{padding:24px;border:1px solid #e5e5e5;border-radius:12px}.card h2,.card h3{margin-top:0}.note{padding:20px 24px;background:#f5f5f5;border-left:3px solid #222;margin:28px 0}.button{display:inline-block;background:#181818;color:white;text-decoration:none;padding:12px 24px;border-radius:30px;margin:8px 10px 8px 0}details{border-bottom:1px solid #ddd;padding:16px 0}summary{cursor:pointer;font-size:18px}details img{display:block;max-width:100%;height:auto;margin:20px auto}footer{border-top:1px solid #eee;color:#777;font-size:13px;margin-top:40px}li{margin:10px 0}.step{font-size:12px;letter-spacing:2px;color:#777}@media(max-width:600px){header,main,footer{padding:20px}nav{gap:12px;font-size:12px}.grid{grid-template-columns:1fr}.card{padding:20px}}
/* Shared typography for the customer guides. */
body{font-family:"Noto Sans Thai","Thonburi",sans-serif;font-size:16px;font-weight:400;line-height:1.95;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,summary{font-family:inherit;letter-spacing:0;font-weight:500}
h1{font-size:clamp(30px,4.6vw,44px);line-height:1.5;margin:14px 0 20px;text-wrap:balance}
h2{font-size:22px;line-height:1.6;margin:30px 0 12px}
h3,summary{font-size:18px;line-height:1.7}
p{margin:0 0 16px}.lead{font-size:18px;line-height:1.95;color:#626262;max-width:720px}
strong{font-weight:600}.brand{font-family:Arial,sans-serif;font-weight:500;font-size:19px;letter-spacing:3px}
nav{align-items:center;font-size:14px;line-height:1.6}nav a{text-decoration:none}
.eyebrow,.step{font-family:Arial,sans-serif;font-size:11px;letter-spacing:2px;font-weight:500;line-height:1.5}
.card h2{font-size:21px;margin:10px 0 14px}.card p:last-child{margin-bottom:0}
.button{font-size:15px;font-weight:500;line-height:1.6;padding:14px 24px}
.note{line-height:1.95}.note h2{margin-top:0}footer{font-size:12px}
a:focus-visible,summary:focus-visible{outline:2px solid #555;outline-offset:5px}
@media(max-width:600px){body{font-size:16px}h1{font-size:30px}.lead{font-size:17px}h2,.card h2{font-size:20px}nav{font-size:13px}.brand{font-size:17px;letter-spacing:2px}.card{padding:24px}.button{font-size:15px}}

/* Preserve the original catalogue wordmark. */
header .brand{font-family:Arial,sans-serif;font-size:30px;letter-spacing:-1.5px;font-weight:700;line-height:1;text-decoration:none}header .brand span{display:block;font-size:8px;letter-spacing:6px;text-align:center;margin-top:7px;font-weight:400}header{align-items:center}