:root{color:#263449;font-synthesis:none;background:#f6f8fb;font-family:system-ui,Noto Sans Thai,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;color:#25416b;background:#fff;border:1px solid #bbc8d8;border-radius:8px;padding:.56rem .86rem}button:hover{background:#eaf1fb}button.primary{color:#fff;background:#1a5797;border-color:#1a5797}button.primary:hover{background:#134679}input,select,textarea{color:#18283f;background:#fff;border:1px solid #bac8d9;border-radius:8px;padding:.6rem .75rem}textarea{resize:vertical;width:100%;line-height:1.55}.topbar{color:#fff;background:#173960;justify-content:space-between;align-items:center;gap:1rem;padding:1rem max(1rem,50vw - 680px);display:flex}.brand{flex-direction:column;display:flex}.brand strong{font-size:1.22rem}.brand small{opacity:.82}.project-picker{min-width:200px}.tabs{background:#e7eef7;gap:.35rem;padding:.65rem max(1rem,50vw - 680px);display:flex;overflow-x:auto}.tab{white-space:nowrap;background:0 0;border:0}.tab.active{color:#143f72;background:#fff;box-shadow:0 2px 5px #0002}.content{max-width:1360px;margin:0 auto;padding:1.2rem 1rem 3rem}.section-heading h2{margin:.2rem 0}.section-heading p{margin-top:0}.card{background:#fff;border:1px solid #dae2ed;border-radius:12px;margin:1rem 0;padding:1.1rem;box-shadow:0 2px 8px #1739600c}.card h3{margin-top:0}.flex,.actions{flex-wrap:wrap;align-items:end;gap:.75rem;display:flex}.field{flex-direction:column;gap:.35rem;margin-bottom:.85rem;display:flex}.field span{font-size:.92rem;font-weight:600}.two-column{grid-template-columns:minmax(240px,1fr) minmax(0,2.4fr);align-items:start;gap:1rem;display:grid}.two-column>.card{margin-top:0}.list-row{border-top:1px solid #eef1f6;padding:.55rem 0}.list-choice{text-align:left;width:100%;margin:.35rem 0;display:block}.list-choice.selected{background:#eaf2fc;border-color:#1a5797}.prompt{min-height:18rem;font-family:ui-monospace,monospace;font-size:.87rem}.response{min-height:14rem;font-family:ui-monospace,monospace;font-size:.9rem}.reader-editor{min-height:35rem}.story{white-space:pre-wrap;overflow-wrap:anywhere;max-height:80vh;line-height:1.7;overflow:auto}.review{border-top:1px solid #e4ebf3;margin:1rem 0}.review .error{color:#a0192d}.review .warning{color:#9b6300}.card>.warning{background:#fff8e8;border-left:3px solid #d89b20;padding:.65rem .8rem}.form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;gap:.75rem;display:grid}.scroll-table{max-height:60vh;margin-top:1rem;overflow:auto}.glossary-row{border-top:1px solid #eef1f6;grid-template-columns:minmax(180px,1fr) minmax(150px,1fr) auto;align-items:center;gap:.75rem;padding:.55rem 0;display:grid}.paragraph-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem;display:grid}.paragraph-pair .reader-editor{min-height:8rem}.paragraph-pair .story{max-height:40vh}.paragraph-pair-grid[hidden]{display:none}.notice{max-width:1360px;min-height:1.5rem;margin:.7rem auto 0;padding:0 1rem}.notice.error{color:#a0192d}.muted,.empty{color:#66778d}.footer{text-align:center;color:#62748a;padding:1.3rem;font-size:.85rem}@media (width<=760px){.topbar{flex-direction:column;align-items:stretch}.two-column,.paragraph-pair{grid-template-columns:1fr}}