/**
 * Section: Highlight panel
 *
 * THE PANEL IS `.pasia-panel` IN components.css AND IS NOT REDECLARED HERE.
 * Two consumers reach it: this section, and home.php's `.bl-standard`, which
 * renders no section stack at all, so pasia_preload_section_styles() would
 * never enqueue this file for it. Putting the panel here would ship the
 * homepage's editorial-standard block bare. Inventory §0, and the same worked
 * case as the FAQ accordion.
 *
 * So this file carries only what is genuinely one consumer's: the rhythm of the
 * rich text inside the panel body. `.pasia-panel` already sets the ground, the
 * border, the gold left rule, the radius, the elevation, the h2 scale, the
 * paragraph colour and size, and the margins on `.note` and `.ph-badge`.
 *
 * CONTRAST, MEASURED. The band is --paper and the panel is --paper, so both
 * grounds are #ffffff. The panel reads as a panel through its border, its 4px
 * gold rule and its --shadow-s lift rather than through a colour change, which
 * is exactly what aftersales.html does.
 *
 *   --ink        #14231f  on --paper   16.28:1   the h2
 *   --ink-soft   #45524d  on --paper    8.18:1   the body at --text-lg
 *   --gold-deep  #7e622e  on --paper    5.72:1   the eyebrow
 *   --pine       #16564b  on --paper    8.51:1   links in the body
 *   --gold-deep  on the .ph-badge stripe over --paper (#f9f3e9)  5.17:1
 *
 * All clear WCAG AA for normal text. --gold on the 4px left rule is 2.56:1 and
 * is a decorative edge, not text and not a control's only affordance.
 *
 * Tokens only, no literals.
 */

/* ---------------------------------------------------------------------------
 * The rich text inside the panel.
 *
 * tokens.css resets every margin to 0, so consecutive paragraphs would collide
 * without this. `.pasia-panel p` supplies their colour and size.
 * ------------------------------------------------------------------------ */
.highlight-panel-body > * + * {
  margin-top: var(--s-3);
}

.highlight-panel-body ul,
.highlight-panel-body ol {
  padding-inline-start: 1.4em;
}

.highlight-panel-body li + li {
  margin-top: .35em;
}

/* A long unbroken string in the body must not push the panel past the viewport
   at 320px. */
.highlight-panel-panel {
  overflow-wrap: break-word;
}