:root{font-family:system-ui,'Noto Sans Khmer',sans-serif;color:#17333a;background:#f3f7f5;font-size:16px;line-height:1.6;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}.skip-link{position:absolute;left:12px;top:-60px;z-index:20;background:#fff;color:#071920;padding:10px 14px;border-radius:8px}.skip-link:focus{top:12px}header{background:#071920;color:#fff;padding:20px max(20px,calc((100vw - 1120px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{color:#fff;text-decoration:none;font-size:1.3rem;font-weight:750}.brand span{font-size:.85rem;color:#9ccec6;margin-left:10px;font-weight:400}main{max-width:1120px;margin:auto;padding:32px 24px}h1{font-size:clamp(1.9rem,3.6vw,2.9rem);line-height:1.2;letter-spacing:-.03em;max-width:800px}h2{font-size:1.3rem;margin-top:0}.intro>p:not(.eyebrow){max-width:680px;color:#4a6268}.eyebrow{color:#12675e;letter-spacing:.15em;font-size:.78rem;font-weight:700}.access{padding:16px 22px;background:#e1eeea;border:1px solid #c2d8cf;border-radius:14px;margin:24px 0}.access p{margin:0 0 10px}.access a{margin-right:20px}.workflow{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:28px 0;font-size:.86rem;color:#41625a}.workflow span{padding:8px 10px;border-bottom:3px solid #c8d8d2}.workflow span.active{background:#e1eeea;border-color:#12675e;color:#093d36;font-weight:700;border-radius:8px 8px 0 0}.workspace{padding:26px;border:1px solid #d3e2dc;border-radius:18px;background:#fff;margin-bottom:24px}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:30px}.mode-grid button{background:#f5f9f7;color:#294d47;border:1px solid #d2e0d8;text-align:left}.mode-grid [aria-pressed=true]{background:#093d36;color:#fff;border-color:#093d36}.mode-grid strong{display:block;font-size:1.2rem}.mode-grid span{display:block;font-size:.8rem;font-weight:400;margin-top:6px}.work-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:32px}label{display:block;font-size:.93rem;font-weight:600;margin-bottom:8px}textarea,input[type=file],select{font:inherit;border:1px solid #b7cdc4;border-radius:9px;background:#fff;color:#17333a;padding:12px;max-width:100%}textarea{display:block;width:100%;resize:vertical;line-height:1.6}textarea:focus,button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #61bca9;outline-offset:3px}button,.button{display:inline-block;background:#12675e;color:#fff;border:1px solid #12675e;border-radius:9px;font:inherit;font-weight:650;padding:11px 18px;cursor:pointer;text-decoration:none}button:disabled{background:#e5eeea;border-color:#cfdbd6;color:#5c716a;cursor:not-allowed}.quiet{background:white;color:#12675e}.actions{display:flex;flex-wrap:wrap;gap:10px}.small{font-size:.83rem;color:#506961;line-height:1.6}.byte-count{margin-top:4px;text-align:right}.byte-count.over{color:#8b2424;font-weight:700}.check{display:flex;gap:12px;align-items:flex-start;font-weight:400;margin:22px 0}.check input{width:20px;height:20px;flex-shrink:0;margin-top:3px;accent-color:#12675e}.verification{background:#fff5dd;padding:16px;border-left:4px solid #a77816;border-radius:4px;color:#674c14}.lang-label{margin:0;display:flex;gap:8px;align-items:center;font-size:.8rem}.lang-label select{padding:8px;font-size:.9rem}.table-wrap{overflow:auto;max-width:100%;margin:14px 0}table{border-collapse:collapse;width:100%;font-size:.8rem}th,td{padding:8px;border-bottom:1px solid #d8e4df;text-align:right;white-space:nowrap}th:first-child,td:first-child{text-align:left}caption{text-align:left;font-size:.9rem;font-weight:600;margin:8px 0}.member{border-bottom:1px solid #d8e4df;padding:14px 0;overflow-wrap:anywhere}.member button{font-size:.85rem}.member .check{margin:8px 0}.admin-panel summary{cursor:pointer;font-size:1.15rem;font-weight:700}.admin-body{margin-top:18px}footer{font-size:.88rem;color:#506961}footer a{color:#12675e;margin-right:24px}#notice{color:#674c14;font-size:.9rem}#budget{font-weight:600}svg{max-width:100%;height:auto}#result{font-size:1rem}
@media(max-width:760px){.work-grid{grid-template-columns:1fr}.workspace{padding:20px}.brand span{display:block;margin-left:0}.workflow{display:flex;overflow-x:auto;flex-wrap:nowrap;font-size:.78rem;gap:6px;padding-bottom:5px}.workflow span{min-width:max-content}main{padding:24px 16px}.mode-grid{gap:8px}.mode-grid button{padding:12px 9px;text-align:center}.mode-grid strong{font-size:1rem}.mode-grid span{display:none}.lang-label>span{display:none}header{padding:16px}.access{padding:16px}}
