.observation-panel{margin:30px 0;padding:24px;background:#142327;border:1px solid #34464b;border-top:3px solid #83caba;overflow-wrap:anywhere;scroll-margin-top:20px}.observation-panel h2{margin:0 0 12px}.observation-panel p{line-height:1.8}.observation-note{font-size:12px;color:#adbec3}.observation-controls{display:flex;gap:14px;flex-wrap:wrap;align-items:end;margin:18px 0}.observation-controls label{display:grid;gap:7px;font-size:13px;min-width:0}.observation-controls select,.observation-controls button{font:inherit;color:#e9e7dd;background:#1c3035;border:1px solid #456069;padding:10px;border-radius:4px;max-width:100%}.observation-controls button{cursor:pointer}.observation-card{margin:20px 0;padding:20px;border:1px solid #34464b;border-radius:8px;background:#192b30}.observation-card h3{margin:10px 0;font-size:20px}.observation-status{font-size:12px;color:#dfc29a}.observation-counts{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.observation-counts span{padding:7px 10px;background:#233a3e;font-size:13px}.observation-next{border-left:2px solid #83caba;padding-left:14px;color:#d3e9df;font-size:14px}.observation-panel a,.observation-card summary{color:#a2dfd3;text-underline-offset:4px}.observation-card summary{padding:12px 0;cursor:pointer;font-size:14px}.observation-evidence{padding-left:20px;font-size:13px}.observation-evidence li{padding:8px 0}.observation-evidence p{margin:5px 0;color:#adbec3;font-size:12px}.observation-panel :focus-visible{outline:2px solid #a2dfd3;outline-offset:3px}@media(max-width:650px){.observation-panel{padding:16px}.observation-card{padding:14px}.observation-controls label{width:100%}.observation-card h3{font-size:18px}}