/* Small, reused marks for text-heavy utility screens. No global icon changes. */
:is(.settings-console, .help-screen, .adventurer-profile-settings) .utility-section-icon {
  display: block;
  width: 32px;
  height: 32px;
  object-fit: contain;
}
.help-screen .help-section-tabs > button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.help-screen .utility-tab-icon {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  object-fit: contain;
}
.help-screen .help-section-tabs > button > span { min-width: 0; overflow-wrap: anywhere; }
.conversation-book .utility-illustrated-intro {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
}
.conversation-book .utility-intro-icon {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  object-fit: contain;
}
.conversation-book .utility-illustrated-intro .conversation-intro { margin-top: 0; min-width: 0; }
:is(.conversation-book, .floor-event-inbox) .utility-illustrated-empty {
  display: grid;
  justify-items: center;
  gap: 12px;
  padding: 24px 12px;
  text-align: center;
}
:is(.conversation-book, .floor-event-inbox) .utility-empty-art {
  display: block;
  width: 96px;
  height: 96px;
  object-fit: contain;
}
:is(.conversation-book, .floor-event-inbox) .utility-illustrated-empty > p { margin: 0; }