:root{color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:#000;color:#e5e5e5;font:17px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans Thai",sans-serif}
main{max-width:720px;margin:0 auto;padding:32px 20px 64px}
a{color:#34d399}
h1{font-size:2rem;line-height:1.25;margin:.2em 0 .4em}
h2{font-size:1.35rem;margin:2em 0 .5em;line-height:1.3}
h3{font-size:1.08rem;margin:1.5em 0 .3em;color:#fff}
p,li{color:#c4c4c4}
li{margin:.3em 0}
strong{color:#fff}
nav.crumbs{font-size:.85rem;color:#8a8a8a;margin-bottom:8px}
nav.crumbs a{color:#8a8a8a;text-decoration:none}
.meta{color:#7a7a7a;font-size:.88rem;margin:0 0 1.5em}
.lede{font-size:1.1rem}
table{width:100%;border-collapse:collapse;margin:1em 0;font-size:.92rem}
th,td{text-align:left;padding:9px 10px;border-bottom:1px solid #1c1c1c;vertical-align:top}
th{color:#8a8a8a;font-weight:500;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}
.cards{display:grid;gap:12px;padding:0;list-style:none;margin:1.5em 0}
.cards a{display:block;padding:16px 18px;border:1px solid #1c1c1c;border-radius:10px;text-decoration:none}
.cards a:hover{border-color:#10b981}
.cards strong{display:block;font-size:1.05rem}
.cards span{color:#9a9a9a;font-size:.92rem}
.cta{display:inline-block;margin:1.5em 0 .5em;padding:12px 20px;background:#10b981;color:#000;font-weight:600;border-radius:8px;text-decoration:none}
.related{margin-top:2.5em;padding-top:1.2em;border-top:1px solid #1c1c1c}
footer{margin-top:48px;padding-top:20px;border-top:1px solid #1c1c1c;color:#7a7a7a;font-size:.85rem}
footer a{color:#7a7a7a;margin-right:12px}