/* Édition37 — titres de dialogues unifiés. La palette suit le thème actif. */
:root {
  --rules32-fill: #174e3c;
  --rules32-ink: #fff;
  --rules32-edge: #174e3c;
  --rules32-shadow: #163d31;
}
html[data-appearance="dark"] {
  --rules32-fill: #81c784;
  --rules32-ink: #0d0d0d;
  --rules32-edge: #0d0d0d;
  --rules32-shadow: #000;
}
html[data-appearance="glass"] {
  --rules32-fill: #c4ffe5;
  --rules32-ink: #154c80;
  --rules32-edge: #041853;
  --rules32-shadow: #041853;
}
html[data-appearance="brutal"] {
  --rules32-fill: #ffd000;
  --rules32-ink: #111;
  --rules32-edge: #111;
  --rules32-shadow: #111;
}
.appui-dialog > .appui-title {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 4px 0 23px;
  padding: 10px 12px;
  border: 2px solid var(--rules32-edge);
  border-radius: 3px;
  box-shadow: 4px 5px 0 var(--rules32-shadow);
  color: var(--rules32-ink);
  background: var(--rules32-fill);
  font-size: clamp(18px, 4.6vw, 22px);
  font-weight: 850;
  line-height: 1.15;
  letter-spacing: -.035em;
  text-align: center;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
  transform: rotate(-1.5deg);
  transform-origin: center;
}
.appui-mode-rules32 .appui-rule-title-label32 {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
}
.appui-mode-rules32 .appui-rules-content > details {
  min-width: 0;
  margin: 0;
}
.appui-mode-rules32 .appui-rules-content > details > summary {
  min-height: 44px;
  padding: 10px 0;
  color: var(--ux-ink);
  font-weight: 750;
  line-height: 1.45;
  cursor: pointer;
  overflow-wrap: anywhere;
}
.appui-mode-rules32 .appui-rules-content > details > summary:focus-visible {
  outline: 3px solid var(--rules32-fill);
  outline-offset: 4px;
}