:root{--ink:#172f36;--teal:#0d6f73;--blue:#315c9b;--gold:#dfa63a;--paper:#edf4f4;--line:#d5e3e4;--muted:#60777b}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 "Segoe UI","Noto Sans Thai",sans-serif}header{background:#102f38;color:#fff;padding:18px 5vw}header a{color:#fff}main{max-width:1160px;margin:auto;padding:36px 22px}.hero{padding:36px 0}.hero h1{font-size:clamp(2.7rem,7vw,5.4rem);line-height:1;margin:.15em 0}.hero p,.lead{max-width:900px;font-size:1.08rem}.muted,.hero p{color:var(--muted)}section{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;margin:20px 0;overflow:hidden}h2{margin:0 0 12px}.grid,.cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cards{grid-template-columns:repeat(3,1fr)}.card{border:1px solid var(--line);background:#f8fbfb;border-radius:16px;padding:18px}.card b{color:var(--teal)}.lineage{border-left:5px solid var(--teal);padding-left:18px}.scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.83rem}th,td{border:1px solid #9eb2b5;padding:7px;text-align:center}th:first-child,td:first-child{text-align:left;white-space:nowrap}.hi{background:#dff1ee}textarea{width:100%;min-height:185px;border:1px solid #9eb2b5;border-radius:10px;padding:13px;font:13px/1.5 monospace}button{background:var(--gold);border:0;border-radius:10px;padding:12px 18px;font-weight:800;cursor:pointer}.donut{width:220px;aspect-ratio:1;border-radius:50%;margin:auto;background:#d5e3e4;position:relative}.bars{display:flex;height:18px;border-radius:9px;overflow:hidden;margin:14px 0}.bars i{height:100%}.metric{font-size:2rem;font-weight:800;color:var(--teal)}footer{text-align:center;color:var(--muted);padding:24px}@media(max-width:800px){.grid,.cards{grid-template-columns:1fr}}