.cp-page{font-family:DragonThai,system-ui,sans-serif;color:#172132;background:#fff}.cp-wrap{width:min(1120px,calc(100% - 48px));margin-inline:auto}.cp-hero{padding:65px 0 60px;background:linear-gradient(125deg,#7d0019,#e60030 65%,#ff2143);color:#fff}.cp-hero h1{font-size:clamp(36px,4vw,58px);line-height:1.2;margin:0 0 14px;font-weight:800}.cp-hero p{font-size:20px;line-height:1.7;margin:0 0 16px}.cp-hero small{font-size:14px;color:#ffe2e8}.cp-document{padding-block:20px 60px}.cp-document>section{padding-block:28px;border-bottom:1px solid #e3e8f0;scroll-margin-top:100px}.cp-document h2{display:flex;gap:15px;align-items:baseline;font-size:25px;line-height:1.4;margin:0 0 18px}.cp-document h2>span{color:#ef1238;font-size:17px;flex:none}.cp-document p{font-size:17px;line-height:1.85;margin:12px 0;color:#414d61}.cp-document a{color:#bd0030;text-underline-offset:3px}.cp-table-scroll{overflow-x:auto;border:1px solid #dbe3ef;border-radius:16px;margin-top:20px}.cp-table-scroll:focus-visible{outline:3px solid #ff8ca5;outline-offset:3px}.cp-document table{border-collapse:collapse;width:100%;min-width:760px;font-size:15px;line-height:1.7;text-align:start}.cp-document caption{text-align:start;padding:16px 20px;font-size:17px;font-weight:700;background:#f7f9fc}.cp-document th,.cp-document td{padding:18px;vertical-align:top;border-top:1px solid #dbe3ef}.cp-document thead th{background:#111b2d;color:white;font-weight:600}.cp-document tbody th{min-width:225px;font-weight:500}.cp-document tbody th small{display:block;font-size:13px;color:#718097;margin-top:9px}.cp-document code{font-family:ui-monospace,monospace;font-size:14px;color:#bf0031;overflow-wrap:anywhere}.cp-settings{font-family:inherit;font-size:16px;line-height:1.4;font-weight:700;background:#ed1036;border:1px solid #ed1036;color:#fff;border-radius:12px;min-height:48px;padding:12px 24px;cursor:pointer}.cp-settings:hover{background:#c9002b}.cp-settings:focus-visible{outline:3px solid #ff91ab;outline-offset:4px}@media(max-width:760px){.cp-wrap{width:calc(100% - 36px)}.cp-hero{padding:38px 0}.cp-hero p{font-size:17px}.cp-document h2{font-size:22px;gap:10px}.cp-document p{font-size:16px}.cp-document>section{padding-block:23px}.cp-document th,.cp-document td{padding:14px}}
