:root{--nav:#142e2d;--green:#245b4e;--gold:#c59a57;--paper:#f6f5f0;--ink:#243b38;--muted:#76817b;--line:#e3e7df}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font:14px Noto Sans Thai,sans-serif}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}aside{background:var(--nav);color:#dbe4dc;flex-direction:column;width:240px;padding:32px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;margin:0 12px 35px;font:26px/1.2 Playfair Display,serif}.brand small{letter-spacing:3px;color:#b4c6ba;font:10px Noto Sans Thai}.navlabel{letter-spacing:2px;color:#93aaa0;margin:20px 0 12px;padding:0 14px;font-size:10px}nav button{text-align:left;color:#afc2b9;background:0 0;border:0;border-radius:8px;width:100%;margin:4px 0;padding:13px 14px;display:block}nav button.active{color:#fff;background:#2b4841}nav button span{width:29px;font-size:18px;display:inline-block}aside footer{color:#a2b9ac;border-top:1px solid #39504a;margin-top:auto;padding:22px 10px 0;font-size:12px}.avatar{color:#243b38;background:#cba66a;border-radius:50%;margin-right:8px;padding:8px}main{max-width:1700px;margin-left:240px;padding:0 44px 50px}.top{border-bottom:1px solid var(--line);height:79px;color:var(--muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.top b{color:var(--ink)}.badge,.tag{color:var(--green);background:#e8eee7;border-radius:5px;padding:5px 10px;font-size:11px;display:inline-block}.badge{background:0 0;border:1px solid #d7e1d5}.heading{justify-content:space-between;align-items:center;gap:15px;margin:32px 0 23px;display:flex}.eyebrow{color:#927445;letter-spacing:2px;font-size:10px;font-weight:700}h1{letter-spacing:-.6px;margin:5px 0;font-size:28px;line-height:1.5}h2{margin:0 0 10px;font-size:18px}h3{margin:8px 0;font-size:15px}p{color:#6b7971;margin:7px 0;line-height:1.85}.btn{background:var(--green);color:#fff;white-space:nowrap;border:0;border-radius:6px;padding:11px 17px}.btn.light{color:var(--green);border:1px solid var(--line);background:#fff}.hero{background:var(--nav);color:#fff;border-radius:12px;grid-template-columns:1fr 230px;gap:30px;padding:32px 36px;display:grid;position:relative;overflow:hidden}.hero h2{max-width:640px;font-size:25px;line-height:1.7}.hero p{color:#b1c6b8;max-width:590px}.hero .btn{color:#1c3830;background:#d7b47b;margin-top:17px}.hero-art{border-left:1px solid #3e5850;justify-content:center;align-items:center;display:flex}.orbit{outline-offset:17px;border:1px solid #728a6b;border-radius:50%;outline:1px solid #3c5549;place-items:center;width:150px;height:150px;display:grid;position:relative}.orbit:after{content:"RESEARCH • INTEGRITY • IMPACT";letter-spacing:2px;color:#bca779;white-space:nowrap;font-size:8px;position:absolute;bottom:-38px}.orbit svg{stroke:#d0b47d;fill:none;stroke-width:1.3px;width:86px}.stats{grid-template-columns:repeat(4,1fr);gap:16px;margin:23px 0;display:grid}.stat,.card{border:1px solid var(--line);background:#fff;border-radius:9px;padding:22px}.stat b{margin:8px 0;font-size:28px;font-weight:500;display:block}.stat small{color:var(--muted);font-size:11px}.stat .icon{float:right;color:var(--green);font-size:19px}.grid{grid-template-columns:1.6fr 1fr;gap:22px;display:grid}.sectionline{justify-content:space-between;align-items:center;margin:10px 0 15px;display:flex}.linkbtn{color:var(--green);background:0 0;border:0;font-size:12px}.project{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:20px 0;display:flex}.project:last-child{border:0;padding-bottom:0}.project small{color:var(--muted);margin-top:6px;display:block}.bar{background:#edf0e9;border-radius:20px;height:5px;margin-top:12px;overflow:hidden}.bar i{background:#7b9e82;height:100%;display:block}.num{color:#bba77d;margin-right:15px;font:22px Playfair Display}.tip{background:#eee9dc;border:1px solid #e4dcc9;border-radius:8px;margin-top:20px;padding:20px}.tip p{color:#7a725f;font-size:12px}.flow{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.step{border:1px solid var(--line);background:#fff;border-radius:9px;padding:23px}.step strong{color:#c1a26e;font:28px Playfair Display}.step p{font-size:12px}.catalog{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.catalog .card{flex-direction:column;display:flex}.catalog p{flex:1;font-size:12px}.catalog a{color:var(--green);margin-top:12px;font-size:12px}a{color:var(--green)}.filters{flex-wrap:wrap;gap:9px;margin-bottom:22px;display:flex}.filters button{color:#6c7d71;background:#fff;border:1px solid #dfe5db;border-radius:6px;padding:8px 14px}.filters button.active{background:var(--green);color:#fff}input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #dce2d9;border-radius:6px;padding:11px}textarea{resize:vertical;min-height:105px}input:focus,textarea:focus,select:focus{outline:2px solid #99b5a0}label{margin:15px 0 7px;font-size:12px;font-weight:600;display:block}.formgrid{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.wide{grid-column:1/-1}.notice{border-left:3px solid var(--gold);color:#756a4e;background:#f0eee4;margin:20px 0;padding:12px 16px;font-size:12px;line-height:1.8}.output{white-space:pre-wrap;font-size:13px;line-height:1.9}.check{border-bottom:1px solid var(--line);align-items:flex-start;gap:12px;padding:14px 0;line-height:1.8;display:flex}.check input{flex:none;width:18px;height:18px;margin-top:4px}.check label{margin:0;font-size:13px;font-weight:400}table{border-collapse:collapse;width:100%;font-size:12px}td,th{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:14px 10px}th{color:var(--muted);font-weight:500}.scroll{overflow:auto}.empty{text-align:center;color:var(--muted);padding:35px}.toast{background:var(--nav);color:#fff;z-index:20;border-radius:8px;padding:13px 20px;position:fixed;bottom:25px;right:25px}.mobile-logo{display:none}.search{max-width:350px;margin-bottom:16px}.reading-results{margin-top:20px}.small{color:var(--muted);font-size:12px}.bottomnote{color:#91998e;letter-spacing:.5px;margin-top:30px;font-size:10px}dialog{width:min(600px,94vw);color:var(--ink);border:0;border-radius:12px;padding:28px}dialog::backdrop{background:#142e2d88}@media (width>=1450px){main{padding-left:65px;padding-right:65px}}@media (width<=1050px){aside{width:200px}main{margin-left:200px;padding:0 24px 40px}.catalog{grid-template-columns:1fr 1fr}.hero{grid-template-columns:1fr}.hero-art{display:none}.grid{grid-template-columns:1fr}.stats{gap:10px}.stat{padding:15px}}@media (width<=700px){aside{z-index:10;width:100%;padding:12px;position:sticky;top:0}.brand,.navlabel,aside footer{display:none}nav{gap:5px;display:flex;overflow:auto}nav button{flex:none;width:auto;margin:0;padding:8px;font-size:11px}nav button span{width:auto;margin-right:5px;font-size:14px}main{margin:0;padding:0 18px 30px}.top{height:55px;font-size:10px}.heading{align-items:flex-start;margin:24px 0 18px}h1{font-size:23px}.heading>.btn{padding:9px;font-size:11px}.hero{padding:24px}.hero h2{font-size:21px}.stats{grid-template-columns:1fr 1fr}.catalog,.flow,.formgrid{grid-template-columns:1fr}.card{padding:18px}.wide{grid-column:auto}.project{align-items:flex-start}.stat b{font-size:25px}}@media print{aside,.top,.heading>.btn,.btn,.filters,.bottomnote{display:none}main{margin:0;padding:0}.card{break-inside:avoid}.hero{color:#000;background:#fff}.hero p{color:#000}}.actions{flex-wrap:wrap;gap:8px;display:flex}.sidebar-footer{margin-top:auto}.error{color:#873e32;background:#fbe8e4;border-radius:6px;padding:12px}.success{background:#e6efe6;border-radius:6px;padding:12px}.form-buttons{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.delete{color:#9e5548}.sync{flex-wrap:wrap;gap:8px;margin:15px 0;display:flex}.help{color:#76817b;font-size:12px}.table-input{min-width:140px}.card+.card{margin-top:20px}.tag{margin-right:5px}.hero-art{color:#d0b47d;font-size:80px}.sectionline h2{margin:0}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #c59a57}input[type=checkbox],input[type=radio]{accent-color:#245b4e}.diff-conflict-card{background:#fdfcf9;border:1px solid #ebd9b8;border-radius:8px;margin-top:14px;padding:16px}.diff-conflict-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.diff-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=800px){.diff-grid{grid-template-columns:1fr}}.diff-pane{border:1.5px solid var(--line);cursor:pointer;background:#fff;border-radius:7px;padding:14px;transition:all .2s}.diff-pane:hover{border-color:#a4bcad}.diff-pane.selected{border-color:var(--green);box-shadow:0 0 0 1px var(--green);background:#f7faf7}.diff-pane-title{color:var(--ink);align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.diff-pane-title input{width:auto;margin:0}.diff-single-card{border:1px solid var(--line);background:#fff;border-radius:7px;margin-top:10px;padding:14px}.diff-single-card input[type=checkbox]{width:18px;height:18px}