/* Keep natural Japanese phrases together where the browser supports it. */
:is(.column, .rail) :is(h2, h3, p, summary) {
  word-break: auto-phrase;
  overflow-wrap: anywhere;
}
.column :is(h2, h3, .promise-panel__gain) {
  text-wrap: balance;
}
.column :is(p, summary) {
  text-wrap: pretty;
}

/* These lines have editorial break points for narrow screens. */
.column :is(.promise-panel__heading h3, .promise-panel__gain, .promise-panel__body p,
    .voice__note, .vcard__body) {
  word-break: keep-all;
}
.promise-panel__heading h3 { min-width: 0; }
.promise-panel__number { flex-shrink: 0; }

.footer-legal a { white-space: nowrap; }

@media (max-width: 340px) {
  /* Let the analysis card grow with the tabs and chart labels. */
  #ea-analysis-demo.koma.k3.ha-demo { height: auto; }
  #ea-analysis-demo .ha-body { padding-bottom: 96px; }
  #ea-analysis-demo .ha-panel {
    width: 100%;
    height: auto;
    min-height: 172px;
  }
  #ea-analysis-demo .ha-title { font-size: 12px; }
  #ea-analysis-demo .ha-chart { height: 109px; }
  #ea-analysis-demo .ha-tab b { font-size: 12px !important; }
  #ea-analysis-demo .char { width: 27% !important; }
}