/* Settings (ENG-1506). Tokens only: colour comes from tokens.css. */
.settings-page { display: grid; gap: var(--space-8); min-width: 0; }
.settings-page .dl-panel__head { flex-wrap: wrap; }
.settings-page .dl-panel__titles { flex-basis: 14rem; }
.settings-facts { display: grid; gap: var(--space-3); margin: 0; }
.settings-facts div { display: grid; grid-template-columns: minmax(6rem, 10rem) minmax(0, 1fr); gap: var(--space-4); }
.settings-facts dt { color: var(--text-secondary); }
.settings-facts dd { margin: 0; color: var(--navy-solid); font-weight: var(--fw-bold); overflow-wrap: anywhere; }
.settings-list { display: grid; gap: var(--space-2-5); margin: 0; padding-left: var(--space-5); color: var(--text-body); }
.settings-subhead { margin: var(--space-4) 0 var(--space-2); color: var(--text-secondary); font-weight: var(--fw-bold); }
.settings-list[data-qa="settings-coming"] { padding-left: 0; list-style: none; }
.settings-list[data-qa="settings-coming"] li { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-2) var(--space-4); }