:root{color:#2f342f;background:#f4efe4;font-family:Inter,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{width:min(1180px,100% - 40px);margin:0 auto;padding:44px 0 64px}header{color:#fffdf8;background:#355a50;border-radius:26px;padding:34px;box-shadow:0 18px 44px #355a5029}.eyebrow{color:#aebdb6;letter-spacing:.15em;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}h1{margin:8px 0;font-family:Georgia,Songti SC,serif;font-size:clamp(32px,5vw,48px)}h2{margin:0 0 8px;font-size:18px}header button{color:#355a50;background:#f7f1e5;margin-top:12px}nav{gap:8px;padding:20px 0;display:flex;overflow-x:auto}nav button{color:#4f554e;background:#e8e0d1;flex:none}nav button[aria-current=true]{color:#fff;background:#8b4c3c}.workspace,.operations-grid,form,article{gap:14px;display:grid}.operations-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}article,form,.reason,.result-card{background:#fffdf8;border:1px solid #5b4e391f;border-radius:18px;padding:20px;box-shadow:0 8px 24px #4a3d280d}.toolbar{grid-template-columns:1fr auto;align-items:end}label{color:#65675f;gap:6px;font-size:14px;display:grid}input,textarea,select,button{font:inherit}input,textarea,select{background:#fff;border:1px solid #c8bda9;border-radius:10px;width:100%;padding:11px 12px}textarea{resize:vertical;min-height:76px}button{color:#fff;cursor:pointer;background:#355a50;border:0;border-radius:10px;width:fit-content;padding:10px 15px;font-weight:700}button.secondary{color:#704638;background:#efe5d4}button:disabled{cursor:not-allowed;opacity:.5}.actions{flex-wrap:wrap;gap:8px;display:flex}.result-list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin-top:16px;display:grid}.result-card{margin:0}.result-card div{border-bottom:1px solid #eee6d8;grid-template-columns:minmax(90px,.7fr) 1fr;gap:10px;padding:7px 0;display:grid}.result-card div:last-child{border-bottom:0}dt{color:#77776e;text-transform:capitalize}dd{overflow-wrap:anywhere;margin:0}[role=alert]{color:#8b3f32;background:#f8e4de;border-radius:12px;padding:14px 18px;font-weight:700}aside{color:#67563d;background:#fff8e8;border-left:4px solid #9b7655;margin-top:20px;padding:16px 18px}@media (width<=640px){main{width:min(100% - 24px,1180px);padding-top:18px}header{padding:24px}.toolbar{grid-template-columns:1fr}}