@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&family=Source+Serif+4:opsz,wght@8..60,600;8..60,700&display=swap');
:root{--ink:#172936;--navy:#071827;--paper:#f1f0e9;--card:#f9f8f2;--line:#ccd2cf;--teal:#087e83;--orange:#c96d31;--muted:#52636a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:75px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans Thai',sans-serif;line-height:1.72}.sitebar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;padding:15px max(5vw,20px);background:rgba(7,24,39,.97);border-bottom:1px solid #294052}.sitebar a{color:#e8f1f0;text-decoration:none;font-size:12px}main{max-width:1240px;margin:auto}.hero{margin:32px 20px 0;padding:70px clamp(25px,6vw,80px);background:linear-gradient(135deg,#071827,#12354a 65%,#294d4c);color:white;display:grid;grid-template-columns:1fr 220px;gap:50px;align-items:end}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:700;color:#62d7cf}.hero h1,.summary h2{font-family:'Source Serif 4','Noto Sans Thai',serif;font-size:clamp(34px,5vw,65px);line-height:1.06;margin:16px 0}.hero p{max-width:820px;color:#ccdadc}.hero aside{border-left:1px solid #527080;padding-left:28px}.hero aside b{font:700 74px/1 'Source Serif 4',serif;color:#f1b36f}.hero aside span,.hero aside small{display:block}.hero aside span{font-size:11px;letter-spacing:.15em}.hero aside small{color:#9bb0b7}.domain-nav{display:grid;grid-template-columns:repeat(4,1fr);margin:24px 20px;gap:1px;background:var(--line);border:1px solid var(--line)}.domain-nav a{display:flex;gap:12px;align-items:center;background:var(--card);padding:16px;color:var(--ink);text-decoration:none;font-size:12px}.domain-nav b{color:var(--orange)}.domain-nav a:hover{background:#dfebe8}.reading-rule{margin:70px 20px;display:grid;grid-template-columns:repeat(9,auto);align-items:center;justify-content:center;gap:18px}.reading-rule div{text-align:center}.reading-rule b,.reading-rule span{display:block}.reading-rule b{color:var(--teal)}.reading-rule span{font-size:11px}.reading-rule i{color:var(--orange)}.domain{margin:0 20px 90px;border-top:7px solid var(--teal)}.domain:nth-of-type(even){border-color:var(--orange)}.domain>header{display:grid;grid-template-columns:90px 1fr auto;gap:20px;padding:28px 0;align-items:center;border-bottom:1px solid var(--line)}.domain-no{font:700 54px/1 'Source Serif 4',serif;color:#9ba7a6}.domain header p{margin:0;color:var(--teal);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.domain h2{font-family:'Source Serif 4','Noto Sans Thai',serif;font-size:clamp(29px,4vw,45px);margin:4px 0;line-height:1.1}.domain header span{font-size:13px;color:var(--muted)}.domain header>a{color:var(--teal);text-decoration:none;font-size:25px}.features>h3{font-size:14px;margin:26px 0 14px}.feature-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.feature-grid>div{background:var(--card);border:1px solid var(--line);padding:20px;min-width:0}.feature-grid b{color:var(--orange);font-size:9px}.feature-grid h4{font-size:15px;margin:7px 0}.feature-grid code{display:block;background:#e4e8e4;padding:7px;font-size:10px;white-space:normal}.feature-grid p{font-size:11px;color:var(--muted);margin-bottom:0}.worked{display:grid;grid-template-columns:1fr 1fr 1.15fr;margin-top:12px;border:1px solid var(--line)}.worked>div{padding:24px;background:#e5ebe7;border-right:1px solid var(--line);min-width:0}.worked>div:last-child{border:0}.worked span,.interpret b{font-size:9px;letter-spacing:.12em;color:var(--teal);font-weight:700}.worked h3{font-size:15px;margin:5px 0 12px}.worked code{font-size:11px;white-space:normal}.worked p{font-size:11px;margin:0;color:var(--muted)}.interpret{display:grid;grid-template-columns:180px 1fr;gap:20px;padding:18px 24px;background:#172f3f;color:white}.interpret b{color:#f1b36f}.interpret p{font-size:12px;margin:0;color:#d3dfe0}.summary{margin:20px;padding:60px;background:#dbe5e2}.summary h2{font-size:clamp(30px,4vw,50px);max-width:900px}.summary>div{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#bdcac6}.summary article{background:var(--card);padding:22px}.summary article b{color:var(--teal)}.summary article p{font-size:11px;color:var(--muted)}footer{background:var(--navy);color:#b8c8cb;display:flex;justify-content:space-between;padding:32px max(calc((100vw - 1200px)/2),20px);font-size:11px}footer a{color:white;text-decoration:none}@media(max-width:950px){.domain-nav{grid-template-columns:repeat(3,1fr)}.feature-grid{grid-template-columns:repeat(2,1fr)}.worked{grid-template-columns:1fr}.worked>div{border-right:0;border-bottom:1px solid var(--line)}.summary>div{grid-template-columns:1fr 1fr}}@media(max-width:650px){.hero{grid-template-columns:1fr;padding:42px 24px}.hero aside{border-left:0;border-top:1px solid #527080;padding:18px 0 0}.domain-nav{grid-template-columns:1fr 1fr}.reading-rule{display:none}.domain{margin-top:60px}.domain>header{grid-template-columns:55px 1fr}.domain header>a{display:none}.domain-no{font-size:36px}.feature-grid{grid-template-columns:1fr}.interpret{grid-template-columns:1fr}.summary{padding:35px 22px}.summary>div{grid-template-columns:1fr}footer{flex-direction:column;gap:12px}}
.feature-grid{grid-template-columns:1fr 1fr;gap:15px}.feature-card{background:var(--card);border:1px solid var(--line);min-width:0}.feature-card>header{display:grid;grid-template-columns:38px 1fr;gap:11px;padding:21px;border-bottom:1px solid var(--line);align-items:start}.feature-card>header h4{font:700 21px/1.2 'Source Serif 4','Noto Sans Thai',serif;margin:0 0 8px}.feature-purpose{padding:16px 21px;background:#e3ebe7}.feature-purpose span,.feature-card dt{display:block;font-size:9px;letter-spacing:.1em;color:var(--teal);font-weight:700}.feature-purpose p{margin:4px 0 0;color:var(--ink);font-size:12px}.feature-card dl{margin:0}.feature-card dl>div{display:grid;grid-template-columns:145px 1fr;gap:15px;padding:14px 21px;border-top:1px solid #dde1de}.feature-card dt{margin:0}.feature-card dd{margin:0;color:var(--muted);font-size:11px}.feature-card dd strong{color:var(--ink)}.feature-card dd code{display:inline;padding:2px 5px}.feature-card dd small{display:block;margin-top:6px;color:#718086}.feature-card dd ol{margin:0;padding-left:17px}.feature-card dd li{margin-bottom:5px}.feature-card .caution{background:#f2e5d8}.feature-card .caution dt{color:#9b5128}.feature-card .caution dd{color:#654332}@media(max-width:950px){.feature-grid{grid-template-columns:1fr}}@media(max-width:540px){.feature-card dl>div{grid-template-columns:1fr;gap:4px}.feature-card>header{grid-template-columns:28px 1fr}}
.features-head{display:grid;grid-template-columns:1fr minmax(280px,480px);gap:30px;align-items:end;margin:28px 0 14px}.features-head h3{margin:0;font-size:16px}.features-head p{margin:0;color:var(--muted);font-size:11px}.feature-grid{grid-template-columns:1fr 1fr!important;align-items:start}.feature-card{overflow:hidden}.feature-card summary{display:grid;grid-template-columns:38px 1fr 28px;gap:11px;padding:20px;align-items:start;cursor:pointer;list-style:none}.feature-card summary::-webkit-details-marker{display:none}.feature-card summary>b{color:var(--orange);font-size:10px}.feature-card summary h4{font:700 21px/1.2 'Source Serif 4','Noto Sans Thai',serif;margin:0 0 7px}.feature-card summary code{display:block;background:#e4e8e4;padding:7px;font-size:10px;white-space:normal}.feature-card summary span{display:block;margin-top:8px;color:var(--muted);font-size:11px}.feature-card summary>i{font-style:normal;color:var(--teal);font-size:21px;transition:transform .2s}.feature-card[open]{grid-column:1/-1}.feature-card[open] summary{background:#e1ebe7;border-bottom:1px solid var(--line)}.feature-card[open] summary>i{transform:rotate(45deg)}.feature-card[open] summary span{font-size:12px;color:var(--ink)}@media(max-width:950px){.features-head{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr!important}}@media(max-width:540px){.feature-card summary{grid-template-columns:28px 1fr 24px;padding:16px}.feature-card summary h4{font-size:18px}}