*{box-sizing:border-box}body{margin:0;background:#f5f8f5;color:#172d24;font:14px/1.55 Arial,sans-serif}header{height:68px;background:white;border-bottom:1px solid #e1e9e3;padding:0 6vw;display:flex;align-items:center;justify-content:space-between}header a{color:#53645b;text-decoration:none;font-size:12px}.brand{font-size:17px;font-weight:800;color:#142a22}.brand b{color:#1e6b4d}.demo,.count{font-size:10px;font-weight:800;letter-spacing:.7px;color:#8a632e;background:#fff2df;padding:7px 10px;border-radius:20px}main{max-width:1050px;margin:auto;padding:42px 22px}.eyebrow{font-size:10px;letter-spacing:2px;color:#1e6b4d;font-weight:800}.intro h1{font-size:36px;margin:5px 0}.intro p:last-child,.heading p{color:#68776e}.tabs{display:flex;gap:8px;margin:28px 0 16px}.tabs button{border:1px solid #dce6df;background:white;padding:11px 17px;border-radius:8px;font-weight:700;color:#52645a;cursor:pointer}.tabs button.active{background:#1e6b4d;color:white;border-color:#1e6b4d}.panel{background:white;border:1px solid #e0e8e2;border-radius:14px;padding:22px}.hidden{display:none}.heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.heading h2{margin:0;font-size:20px}.heading p{margin:4px 0 18px;font-size:12px}.queue{display:grid;gap:12px}.item{border:1px solid #e3eae5;border-radius:10px;padding:16px}.item-top{display:flex;justify-content:space-between;gap:10px}.item h3{margin:0;font-size:15px}.muted{color:#6e7d74;font-size:11px}.tag{font-size:9px;background:#f2f4f2;padding:5px 8px;border-radius:20px;height:max-content}.desc{font-size:12px;line-height:1.7}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.actions button{border:1px solid #dce5de;background:white;color:#254d39;border-radius:7px;padding:9px 12px;font-size:11px;font-weight:700;cursor:pointer}.actions button:hover{background:#edf5ef}.feedback{font-size:11px;color:#1e6b4d;margin:10px 0 0}.notice{margin-top:18px;padding:16px 18px;background:#fff6e9;border:1px solid #f0dfc2;border-radius:10px;color:#76521f}.notice p{font-size:11px;margin:5px 0 0}@media(max-width:600px){header{padding:0 15px}.demo{font-size:8px}main{padding:28px 14px}.intro h1{font-size:30px}.panel{padding:15px}.heading{align-items:flex-start;flex-direction:column}}