*{box-sizing:border-box}html{font-family:system-ui,-apple-system,'Noto Sans Thai',Tahoma,sans-serif;line-height:1.8;color:#17202b;background:#f5f7fa}body{margin:0}a{color:#0863ce;text-decoration:none}.wrap{width:min(1100px,calc(100% - 36px));margin:auto}header{background:#101827}.top{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:20px;font-weight:800;color:#fff}nav{display:flex;gap:16px;flex-wrap:wrap}nav a{color:#e8eef7;font-size:14px}.crumb{padding:24px 0;color:#667085;font-size:13px}.hero,.article{background:#fff;border:1px solid #e4e9ef;border-radius:22px}.hero{padding:48px;margin-bottom:24px}.article{max-width:850px;margin:auto;padding:50px}h1{font-size:clamp(34px,5vw,56px);line-height:1.15;margin:0 0 20px}h2{font-size:26px;line-height:1.3;margin-top:42px}.lead{font-size:19px;color:#485568}.related{border-top:1px solid #e4e9ef;margin-top:42px;padding-top:25px}.related ul{display:grid;grid-template-columns:1fr 1fr;gap:8px 28px}footer{margin-top:55px;background:#101827;color:#ccd5e2;padding:36px 0}@media(max-width:720px){.top{flex-direction:column;align-items:flex-start;padding:16px 0}.hero,.article{padding:26px}.related ul{grid-template-columns:1fr}}