/* Mobile-friendly, readable paragraph style */
  #scalar-note {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue",
                 Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji",
                 "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 400 !important;          /* force not-bold */
    font-size: clamp(14px, 2.8vw, 18px);  /* scale nicely on mobile */
    line-height: 1.6;                      /* comfortable reading */
    letter-spacing: 0.01em;
    color: #111;                           /* good contrast on light bg */
    margin: 0.5rem 0;
    max-width: 65ch;                       /* optimal line length */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  /* Optional: better wrapping on tiny screens */
  @supports (overflow-wrap: anywhere) {
    #scalar-note { overflow-wrap: anywhere; }
  }

  /* Optional dark-mode tweak */
  @media (prefers-color-scheme: dark) {
    #scalar-note { color: #f2f2f2; }
  }