:root{--ink:#14231d;--green:#14634b;--mint:#dcebe2;--paper:#f4efe5;--card:#fffdf8;--line:#ddd4c5;--muted:#64706a;--gold:#e7ae45;--red:#a84d42;--purple:#7656a7;--blue:#3c6f8c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans Thai",sans-serif}.site-head{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;gap:1rem;padding:1rem max(4vw,20px);border-bottom:1px solid rgba(20,35,29,.14);background:rgba(244,239,229,.92);backdrop-filter:blur(12px);font-size:.72rem;font-weight:700;letter-spacing:.08em}.site-head a{color:var(--green);text-decoration:none}main{width:min(1180px,calc(100% - 36px));margin:auto}.hero{display:grid;grid-template-columns:1.4fr .7fr;gap:clamp(2rem,6vw,6rem);align-items:end;padding:clamp(5rem,10vw,9rem) 0 4rem}.kicker{margin:0 0 .7rem;color:var(--green);font-size:.66rem;font-weight:800;letter-spacing:.14em}.hero h1,.section-head h2{margin:0;font-family:"Noto Serif Thai",serif}.hero h1{font-size:clamp(4rem,9vw,8rem);line-height:.86;letter-spacing:-.065em}.hero h1 em{color:var(--green);font-style:normal}.lead{max-width:720px;color:var(--muted);font-size:1rem;line-height:1.85}.hero-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.5rem}.ethics{padding:2rem;border-left:1px solid var(--line)}.ethics small{color:var(--red);font-weight:800;letter-spacing:.12em}.ethics h2{font:700 2rem/1.08 "Noto Serif Thai",serif}.ethics p{color:var(--muted);font-size:.82rem;line-height:1.75}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.7rem 1.1rem;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--green);font:700 .76rem "Noto Sans Thai";text-decoration:none;cursor:pointer}.button:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(20,35,29,.08)}.button:active{transform:translateY(1px);box-shadow:none}.button.primary{border-color:var(--green);background:var(--green);color:white}.button.danger{border-color:#d99b91;color:#8a3028}.button.full{width:100%}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:var(--line)}.metrics article{display:grid;gap:.25rem;padding:1.5rem;background:var(--card)}.metrics small{color:var(--green);font-size:.6rem;font-weight:800;letter-spacing:.1em}.metrics strong{font:700 2.15rem "Noto Serif Thai",serif}.metrics span{color:var(--muted);font-size:.68rem}.section{padding:5.5rem 0}.section-head{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:1.5rem}.section-head h2{font-size:clamp(2.4rem,5vw,4.8rem);line-height:.95;letter-spacing:-.04em}.section-head>p{max-width:450px;margin:0;color:var(--muted);font-size:.78rem;line-height:1.75}.lab-grid,.learning-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:1rem}.panel{padding:1.5rem;border:1px solid var(--line);border-radius:22px;background:var(--card);box-shadow:0 10px 30px rgba(36,29,20,.035)}label{display:grid;gap:.4rem;margin-bottom:1rem;color:var(--green);font-size:.72rem;font-weight:700}input,select,textarea{width:100%;padding:.85rem 1rem;border:1px solid var(--line);border-radius:11px;background:white;color:var(--ink);font:500 .85rem/1.6 "Noto Sans Thai"}textarea{resize:vertical}.field-note,.two-fields{display:flex;justify-content:space-between;gap:.7rem}.field-note{margin:-.5rem 0 1rem;color:var(--muted);font-size:.62rem}.two-fields>label{width:50%}output{display:block;min-height:1.5rem;margin-top:.7rem;color:var(--red);font-size:.7rem}.result-panel{min-height:520px}.empty-state{display:grid;place-content:center;height:100%;text-align:center;color:var(--muted)}.empty-state span{color:var(--green);font:700 7rem/1 "Noto Serif Thai",serif}.result-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:1rem}.result-head small{color:var(--muted);font-size:.6rem}.result-head h3{margin:.2rem 0;color:var(--green);font:700 4.8rem/1 "Noto Serif Thai",serif}.abstain{padding:.35rem .55rem;border-radius:999px;background:#f4dfdc;color:#8a3028;font-size:.62rem;font-weight:800}.confident{background:var(--mint);color:var(--green)}.top-types{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:1rem 0}.type-tag{padding:.8rem;border-radius:14px;background:#f0eadf}.type-tag:first-child{background:var(--green);color:#fff}.type-tag b{display:block;font:700 1.35rem "Noto Serif Thai",serif}.type-tag span{font-size:.68rem}.axis-list{display:grid;gap:1rem;margin-top:1.5rem}.axis-label{display:flex;justify-content:space-between;font-size:.72rem;font-weight:700}.axis-track{display:flex;height:12px;overflow:hidden;border-radius:99px;background:#e6dfd3}.axis-track i{background:var(--purple)}.axis-track i+ i{background:var(--gold)}.architecture{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,5vw,4rem);background:var(--ink);color:white}.architecture>small{color:#b8df68;font-weight:800;letter-spacing:.12em}.architecture h3{font:700 3rem "Noto Serif Thai",serif}.architecture p{color:#bdc9c3;line-height:1.8}.stack{display:grid;gap:.6rem}.stack span{padding:1rem;border:1px solid #4d635a;border-radius:14px}.stack small{display:block;color:#aebbb5}.stack i{text-align:center;color:var(--gold);font-style:normal}.check{display:flex;grid-template-columns:auto 1fr;align-items:center}.check input{width:auto}.data-toolbar{display:flex;justify-content:flex-end;gap:.7rem;align-items:end;margin-bottom:1rem}.data-toolbar label{margin:0;min-width:260px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px;background:var(--card)}table{width:100%;border-collapse:collapse;font-size:.72rem}th,td{padding:.9rem;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--green);font-size:.62rem;letter-spacing:.06em}.status{display:inline-flex;padding:.25rem .45rem;border-radius:999px;background:var(--mint);color:var(--green);font-weight:700}.status.off{background:#ece7de;color:#777}.disagree{color:var(--red);font-weight:700}.operations{display:flex;gap:.35rem;min-width:260px}.operations select{padding:.45rem;width:92px}.operations button{min-height:36px;padding:.4rem .6rem}.events{display:grid;gap:.6rem;padding:0;list-style:none}.events li{display:grid;grid-template-columns:5rem 1fr auto;gap:1rem;padding:1rem;border-bottom:1px solid var(--line);font-size:.72rem}.events b{color:var(--green)}.events time{color:var(--muted)}.teaching-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.teaching-grid article{padding:1.4rem;border-top:4px solid var(--green);background:var(--card);border-radius:0 0 16px 16px}.teaching-grid span{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:var(--green);color:white;font-size:.68rem}.teaching-grid h3{font:700 1.1rem "Noto Serif Thai",serif}.teaching-grid p{color:var(--muted);font-size:.72rem;line-height:1.75}.certificate{margin-top:1rem;padding:1rem;border:2px solid #d6b45f;border-radius:15px;background:#fff9e8}.certificate h4{margin:.25rem 0}.certificate-tags{display:flex;gap:.4rem;flex-wrap:wrap}.certificate-tags span{padding:.3rem .5rem;border-radius:999px;background:var(--mint);font-size:.65rem}footer{display:flex;justify-content:space-between;padding:2rem max(4vw,20px);background:var(--ink);color:white;font-size:.7rem}@media(max-width:850px){.hero,.lab-grid,.learning-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.section-head{display:block}.section-head>p{margin-top:1rem}.teaching-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){main{width:min(100% - 22px,1180px)}.site-head span{display:none}.hero{padding-top:4rem}.hero h1{font-size:3.8rem}.metrics,.teaching-grid{grid-template-columns:1fr}.top-types{grid-template-columns:1fr}.two-fields{display:block}.two-fields>label{width:100%}.data-toolbar{align-items:stretch;flex-direction:column}.events li{grid-template-columns:1fr}.section{padding:3.5rem 0}}