/* Headline bubbles reuse the pale-green surface of the reference version. */
:root {
  --headline-bubble-background: #f3ffdc;
  --headline-bubble-border: #dfedc8;
}
.locale-page .locale-hero h1 .locale-highlight {
  display: inline-block;
  max-width: 100%;
  padding: .04em .26em .08em;
  border: 1px solid var(--headline-bubble-border);
  border-radius: .65em;
  background: var(--headline-bubble-background);
  color: var(--carbon);
  line-height: 1.16;
  vertical-align: baseline;
  -webkit-text-stroke: 0;
  paint-order: normal;
  box-shadow: none;
}
/* Other approved selection-style highlights remain unchanged. */
.faq-page .faq-hero h1 span,
.compare-page .compare-title-vs,
.locale-page .locale-insight-grid em {
  color: var(--carbon);
  background: var(--accent);
  -webkit-text-stroke: 0;
  paint-order: normal;
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
/* Keep the open icon-and-type layout; spacing does the separating. */
.home-page .use-cases li,
.locale-page .use-cases li {
  border: 0;
  box-shadow: none;
}
