.wording-settings { min-width: 0; }
.wording-settings > p { max-width: 75ch; }
.wording-preview { padding: 1rem; border: 1px solid var(--line); border-radius: 12px; background: var(--bg); overflow-wrap: anywhere; }
.wording-preview-nav, .wording-preview-states { display: flex; flex-wrap: wrap; gap: .5rem; }
.wording-preview-nav > span, .wording-preview-states > span { padding: .4rem .7rem; border: 1px solid var(--line); border-radius: 8px; max-width: 100%; }
.wording-preview h3 { margin-block: 1rem .3rem; }
.wording-preview p, .workspace-intro { white-space: pre-line; }
.wording-group { border-block-end: 1px solid var(--line); padding-block: .5rem; }
.wording-group > summary { padding: .65rem .2rem; font-weight: 700; }
.wording-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; padding-block: .75rem; }
.wording-field { min-width: 0; display: flex; flex-direction: column; gap: .4rem; }
.wording-field label { margin: 0; }
.wording-field input, .wording-field textarea { width: 100%; min-width: 0; }
.wording-field small { color: var(--muted); overflow-wrap: anywhere; }
.wording-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-block: 1rem; }
.preview-rail a span, .section-views a { overflow-wrap: anywhere; }
.preview-rail a > span:not(.preview-unread) { min-width: 0; white-space: normal; }
@media (max-width: 600px) {
  .preview-rail a > span:not(.preview-unread) { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
  .wording-fields { grid-template-columns: minmax(0, 1fr); }
  .wording-actions { flex-direction: column; }
  .wording-actions button { width: 100%; }
}