:root{--ink:#142943;--muted:#647083;--paper:#f2eee5;--line:#d0d0cd;--navy:#0c1c32;--blue:#294a71;--silver:#d3dce6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);background-image:radial-gradient(#263b5310 .6px,transparent .6px);background-size:5px 5px;color:var(--ink);font-family:Thai,'Leelawadee UI',sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-underline-offset:5px}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #7fa0c5;outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-80px;left:15px;z-index:50;background:white;padding:10px}.skip:focus{top:10px}.topbar{height:84px;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:0 5vw;background:var(--navy);color:#e6e7e7;border-bottom:1px solid #8796a34d;position:sticky;top:0;z-index:20}.brand{display:flex;gap:14px;align-items:center;text-decoration:none;font-size:25px;font-weight:700;line-height:1.2}.brand-mark{font-size:36px;font-weight:400;color:#bccada}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:1px;color:#abb8c7;margin-top:7px}.topbar nav{display:flex;gap:32px;font-size:13px;color:#bec9d5}.topbar nav a{text-decoration:none;padding:10px 0}.topbar nav a:hover{color:white;border-bottom:1px solid #b5c6da}.read-link{font-size:12px;border:1px solid #8292a56b;padding:9px 16px;text-decoration:none}.read-link span{margin-left:16px}.hero{background:var(--navy);color:#f5f2ec}.hero-banner{background:#e9e3d6;overflow:hidden}.hero-banner img{display:block;width:100%;height:auto;max-height:660px;object-fit:cover;object-position:center}.hero-inner{max-width:1400px;margin:auto;padding:40px 6vw 42px;display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;border-top:1px solid #91a1b6}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#7f94b0}.hero h1{font-size:clamp(26px,2.65vw,40px);font-weight:700;line-height:1.4;letter-spacing:-.6px;margin:16px 0}.hero h1 em{font-style:normal;color:#adc3dd;display:block}.hero p{font-size:14px;color:#aebdce;line-height:1.9;margin:0}.hero-side{border-left:1px solid #64758d55;padding-left:42px}.hero-meta{font-size:10px;letter-spacing:1.4px;display:flex;gap:17px;align-items:center;color:#c2cdda}.hero-meta i{width:3px;height:3px;background:#91a9c3;transform:rotate(45deg)}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:22px;flex-wrap:wrap}.button{display:inline-flex;gap:32px;align-items:center;justify-content:center;background:var(--ink);color:white;border:1px solid transparent;padding:12px 22px;text-decoration:none;font-size:14px;font-weight:700}.silver{background:#e1e5e9;color:#10243f;border:1px solid #f1f3f6;box-shadow:inset 0 0 0 3px #b5c3d133}.button:hover{filter:brightness(1.1)}.text-link{font-size:12px;text-decoration:none;color:#c4d1df}.hero-note{display:block;font-size:10px;color:#889bb3;margin-top:22px}.draft-strip{display:flex;justify-content:center;gap:18px;align-items:center;padding:14px 24px;background:#e4e5e5;border-bottom:1px solid #c1c9d0;color:#526477;font-size:12px}.draft-label{border:1px solid #879bae;padding:2px 12px;white-space:nowrap;font-size:10px;letter-spacing:.5px}.draft-strip p{margin:0}.draft-strip a{margin-left:15px;color:#274765}.section{max-width:1290px;margin:auto;padding:70px 5vw}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.section .eyebrow{color:#6b7d94}.section h2{font-size:32px;line-height:1.45;letter-spacing:-.5px;margin:13px 0 0}.section-heading>p{font-size:12px;color:var(--muted);line-height:1.9;margin:0}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:44px}.quick{display:grid;grid-template-columns:48px 1fr;column-gap:18px;padding:26px 0;border-top:1px solid #a6b1bd;text-decoration:none;position:relative}.quick:nth-last-child(-n+2){border-bottom:1px solid #a6b1bd}.num{font-size:26px;font-family:Georgia,serif;color:#8397af;line-height:1.8;grid-row:1/4}.quick h3{font-size:21px;line-height:1.6;margin:0 0 10px;font-weight:700}.quick h3 br{display:none}.quick p{font-size:13px;color:#647083;margin:0 0 17px;line-height:1.85}.quick p br{display:none}.quick-link{font-size:11px;color:#39597e;font-weight:700}.quick:hover h3{color:#3b658f}.quick:hover .quick-link{transform:translateX(3px)}.principle{display:flex;gap:25px;align-items:center;background:#172f4c;color:#dbe2eb;margin-top:40px;padding:28px 34px;border-top:2px solid #8fabc6;border-bottom:1px solid #617e9c;position:relative}.principle:after{content:'✧';font-size:75px;line-height:1;color:#6b89aa55;position:absolute;right:30px;top:26px}.principle>span{font-size:65px;font-family:Georgia,serif;color:#9cb2cb;height:45px;line-height:1}.principle p{font-size:19px;margin:0;position:relative;z-index:1}.principle strong{color:#f2f0ea}.principle small{font-size:10px;color:#b5c7db;margin-left:auto;position:relative;z-index:1;padding-right:25px}.rulebook{padding-top:15px}.download-text{font-size:12px;color:#3b5778}.search-bar{display:flex;align-items:center;gap:16px;background:#fbfaf6;border:1px solid #8298b0;padding:12px 20px;border-left:4px solid #294a71}.search-bar>span{font-size:30px;line-height:1}.search-bar input{min-width:0;flex:1;background:transparent;border:0;color:var(--ink);font-size:15px;padding:6px 0;outline-offset:0}input::-webkit-search-cancel-button{display:none}.search-bar button{border:1px solid #c2cbd4;background:#edf0f3;color:#274765;font-size:12px;padding:2px 10px}.search-bar kbd{font-size:12px;border:1px solid #c2cbd4;padding:1px 8px;color:#7b8b9e}.search-meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);margin:12px 0 28px}.search-meta button{background:transparent;color:#294a71;border:0;font-size:12px}.reading-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:32px}.reading-layout aside{align-self:start;position:sticky;top:110px;background:#132a45;color:#c0ccda;padding:24px 16px;border-top:3px solid #8aa6c3}.aside-label{font-size:10px;letter-spacing:1px;color:#93aac4;padding:0 10px;margin:0 0 14px}#chapter-nav{display:flex;flex-direction:column;gap:4px}#chapter-nav a{text-decoration:none;font-size:12px;padding:9px 11px;border-left:2px solid transparent;color:#bccbdc}#chapter-nav a:hover,#chapter-nav a.active{background:#254462;border-left-color:#b2c8e0;color:white}.aside-note{font-size:11px;color:#a1b5cd;margin:24px 10px 0;border-top:1px solid #7890ad55;padding-top:18px}.aside-note span{font-weight:700;color:#c7d3df}.aside-note p{line-height:1.9;margin:9px 0 0}.chapter{border:1px solid #c9cdd1;background:#fcfaf5;margin-bottom:12px;scroll-margin-top:105px}.chapter summary{display:flex;gap:17px;align-items:center;padding:23px 24px;list-style:none;cursor:pointer}.chapter summary::-webkit-details-marker{display:none}.chapter-number{color:#758ba6;font-family:Georgia,serif;font-size:18px}.chapter-title{flex:1}.chapter-title h3{font-size:17px;line-height:1.6;margin:0}.chapter-title p{font-size:11px;color:#6e7f92;margin:5px 0 0}.plus{font-size:22px;color:#748ba5;transition:transform .15s}.chapter[open]{border-color:#879db4}.chapter[open] summary{background:#e6ebef;border-bottom:1px solid #b3c1cf}.chapter[open] .plus{transform:rotate(45deg)}.chapter-body{padding:25px 30px 27px;font-size:15px;line-height:1.95;overflow-wrap:anywhere;color:#263b53}.chapter-body h2{font-size:20px;line-height:1.6;letter-spacing:0;border-left:3px solid #587fa7;padding-left:12px;margin:24px 0 15px}.chapter-body h2:first-child{margin-top:0}.chapter-body h3{font-size:16px;margin:24px 0 10px;color:#1d426b}.chapter-body p{margin:0 0 16px}.chapter-body ul,.chapter-body ol{padding-left:24px;margin:12px 0 20px}.chapter-body li{padding-left:3px;margin-bottom:10px}.chapter-body blockquote,.example{background:#e9edf2;border-left:2px solid #738eae;color:#284868;padding:16px 20px;margin:22px 0}.notice{background:#e5e9ec;border:1px solid #c0ccd6;color:#385470;padding:16px 20px;font-size:14px;margin:18px 0}.chapter-actions{border-top:1px solid #c7cfd7;margin-top:24px;padding-top:15px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px;color:#6c7d90}.chapter-actions button{background:none;border:0;color:#294e77;padding:5px;font-size:12px}.chapter-body mark{background:#cadcf0;color:#112e4c;padding:0 2px}#empty{text-align:center;padding:40px;background:#e1e7ec;border:1px solid #bbc9d6}#empty p{font-size:14px;color:#667c91}[hidden]{display:none!important}.next-section{background:#10243d;color:#e4e7eb;padding:60px max(7vw,24px);display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:3px double #8aa1ba}.next-section .eyebrow{color:#9cb2cc}.next-section h2{font-size:38px;line-height:1.45;margin:16px 0}.next-section p{font-size:14px;color:#a4b5c9}.next-card{background:#19334f;border:1px solid #7890a955;padding:30px;max-width:480px;width:100%;justify-self:end}.status-pill{font-size:10px;letter-spacing:.5px;color:#b8cbdf;border:1px solid #8098b455;padding:4px 11px}.next-card h3{font-size:24px;margin:16px 0 7px;color:#e3e9f1}.next-card button{width:100%;border:1px solid #7287a055;background:#29415b;color:#a9b9cb;padding:12px;font-size:13px;cursor:not-allowed;margin:12px 0}.next-card small{display:block;text-align:center;color:#92a6be;font-size:10px}.footer{background:#09182b;color:#c7d3e0;border-top:1px solid #56708d44;padding:35px 5vw;display:flex;justify-content:space-between;align-items:center;gap:30px}.footer .brand{font-size:21px}.footer p,.footer>a:last-child{font-size:11px;color:#9caec5}.footer>a:last-child{text-decoration:none}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:30;background:#152f4e;color:#e8eef6;padding:10px 18px;border:1px solid #748ba5;font-size:13px;display:none;max-width:90vw;box-shadow:0 8px 30px #0003}#toast.visible{display:block}
@media(min-width:1600px){.hero-banner img{object-fit:contain;background:#e9e3d6}.hero-inner{padding-left:80px;padding-right:80px}}
@media(max-width:1000px){.topbar nav{gap:17px}.hero-inner{gap:25px;padding:32px 5vw}.hero-side{padding-left:25px}.hero-actions{gap:18px}.section-heading>p{max-width:260px}.section-heading>p br{display:none}.reading-layout{grid-template-columns:200px minmax(0,1fr);gap:22px}.quick-grid{column-gap:28px}.quick{grid-template-columns:34px 1fr;column-gap:13px}.principle small{display:none}.next-section{gap:35px}.brand{font-size:22px}}
@media(max-width:760px){html{scroll-padding-top:80px}.topbar{height:72px;padding:0 20px}.topbar nav{display:none}.brand{font-size:21px;gap:10px}.brand small{font-size:9px}.brand-mark{font-size:29px}.read-link{font-size:10px;padding:7px 10px}.read-link span{margin-left:4px}.hero-banner img{width:100%;height:auto;object-fit:contain}.hero-inner{display:block;padding:25px 24px 30px}.hero .eyebrow{font-size:8px;letter-spacing:1.1px}.hero h1{font-size:29px;margin:14px 0 12px;letter-spacing:-.5px}.hero p{font-size:13px}.hero-side{border:0;padding:0;margin-top:23px}.hero-meta{font-size:9px;gap:13px}.hero-actions{margin-top:18px;gap:20px}.button{font-size:13px;padding:11px 16px;gap:20px}.text-link{font-size:11px}.hero-note{display:none}.draft-strip{display:block;padding:13px 24px}.draft-label{display:inline-block;font-size:9px}.draft-strip p{font-size:11px;margin-top:6px;line-height:1.9}.draft-strip a{display:block;margin-left:0}.section{padding:40px 22px}.section-heading{display:block;margin-bottom:25px}.section h2{font-size:26px}.section-heading>p{max-width:none;margin-top:12px;font-size:12px}.section .eyebrow{font-size:9px}.quick-grid{grid-template-columns:1fr;gap:0}.quick{padding:22px 0;grid-template-columns:38px 1fr;column-gap:14px}.quick:nth-last-child(2){border-bottom:0}.quick h3{font-size:19px;margin-bottom:8px}.quick p{font-size:13px;margin-bottom:10px}.num{font-size:23px}.quick-link{font-size:11px}.principle{gap:12px;padding:23px 18px;margin-top:28px}.principle>span{font-size:50px}.principle p{font-size:15px}.principle:after{font-size:50px;right:12px;top:25px}.rulebook{padding-top:10px}.download-text{display:inline-block;margin-top:13px;font-size:11px}.search-bar{padding:8px 12px;gap:10px}.search-bar input{font-size:13px}.search-bar kbd{display:none}.search-meta{font-size:11px;margin-bottom:17px}.reading-layout{display:block}.reading-layout aside{position:static;padding:0;background:none;border:0}.aside-label,.aside-note{display:none}#chapter-nav{flex-direction:row;overflow-x:auto;gap:7px;margin-bottom:20px;padding-bottom:8px}#chapter-nav a{font-size:11px;color:#2f4f72;border:1px solid #acbccc;white-space:nowrap;padding:6px 12px;background:#e6ebef}#chapter-nav a.active,#chapter-nav a:hover{background:#193752;color:white;border-color:#193752}.chapter{scroll-margin-top:85px}.chapter summary{padding:17px 15px;gap:12px}.chapter-title h3{font-size:16px}.chapter-title p{font-size:10px}.chapter-number{font-size:15px}.chapter-body{font-size:15px;padding:20px 18px}.chapter-body h2{font-size:18px}.chapter-body .notice{font-size:13px;padding:14px}.chapter-actions{flex-wrap:wrap}.next-section{display:block;padding:38px 24px}.next-section h2{font-size:31px}.next-section p{font-size:13px}.next-card{margin-top:28px;padding:24px;max-width:none}.footer{display:block;padding:32px 24px}.footer p{margin:22px 0}.footer .brand{font-size:20px}}
.web-only-note{font-size:12px;color:#516a84}.rule-number{font-size:12px;color:#476f97;white-space:nowrap;text-decoration:none;display:inline-block;border:1px solid #bccbd9;padding:1px 7px;margin-right:5px;vertical-align:middle}.rule-number:hover{background:#e2ebf3}.chapter-body h2{scroll-margin-top:110px}@media(max-width:760px){.chapter-body h2{scroll-margin-top:90px}.web-only-note{margin-top:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}