/* 公開2事例だけの間隔と操作領域。色・入力欄は共通スタイルを使う。 */
.example-tool { overflow-wrap: anywhere; }
.example-tool .form, .example-tool .example-manual { margin-top: var(--s7); }
.example-tool .form h2 { margin-bottom: var(--s5); }
.example-tool .fld__l { flex-wrap: wrap; }
.example-tool .steps-list { padding-left: 1.5em; margin: var(--s6) 0; }
.example-tool .example-manual { padding: var(--s5); border: 1px solid var(--line); border-radius: var(--r2); background: var(--surface); }
.example-tool summary { min-height: 44px; cursor: pointer; padding: 8px 0; }
.example-tool textarea { display: block; max-width: 100%; }
.example-tool [role="alert"]:not(:empty) { margin-bottom: var(--s4); color: #614000; }
.example-tool [role="status"] { margin-top: var(--s4); }