@import url('../dynamic/dynamic.css');
.scenario-task details{margin-top:12px;color:#667a6b;font-size:13px;line-height:1.8}.scenario-task summary{cursor:pointer;color:#315b46;font-weight:700}.scenario-task details p{margin-top:8px}
.demo-panel{background:#fff;border:1px solid #e6ece3;border-radius:12px;padding:24px}.demo-panel .section-head{align-items:center}.demo-panel h2{font-size:22px}.status-text{font-size:13px;color:#718477;line-height:1.7;margin:8px 0}.book-table{width:100%;border-collapse:collapse;text-align:left}.book-table th,.book-table td{padding:13px 10px;border-bottom:1px solid #edf1eb;font-size:14px}.book-table th{font-size:12px;color:#718477}.book-table td{color:#304b39}.comment-box{height:260px;overflow-y:auto;overscroll-behavior:contain;border:1px solid #d9e5d8;border-radius:8px;padding:12px;background:#f9fbf7}.comment-box:focus-visible{outline:3px solid #b47b25;outline-offset:3px}.comment-card{background:#fff;border:1px solid #e6ece3;border-radius:8px;padding:16px;margin-bottom:10px}.comment-name{font-weight:700;font-size:14px;color:#294b3b;margin:0 0 6px}.comment-text{color:#667b6d;font-size:13px;line-height:1.7;margin:0}.comment-box>.status-text{text-align:center;margin:12px 0}
@media(max-width:580px){.demo-panel{padding:18px}.demo-panel .section-head{align-items:start}.book-table th,.book-table td{font-size:13px;padding:12px 8px}}