/* Money-style sample. Scoped to this page. No new text colors. */
body[data-sample="style"] .style-questions {
  display: grid;
  gap: var(--s-4);
  margin-block-start: var(--s-5);
}
body[data-sample="style"] fieldset {
  border: 1px solid color-mix(in srgb, canvastext 22%, transparent);
  margin: 0;
  padding: var(--s-3);
}
body[data-sample="style"] .style-choice {
  display: inline-flex;
  gap: var(--s-2);
  margin-inline-end: var(--s-4);
}
body[data-sample="style"] .style-views {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s-2);
}
body[data-sample="style"] .style-canvas {
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  display: block;
  background: #05080A;
}
body[data-sample="style"] .style-canvas[hidden] { display: none; }
body[data-sample="style"] .style-math {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}