.editorial-description__rating { display: inline-flex; gap: .08em; line-height: 1; }
.editorial-description__star { color: #c9c9c9; }
.editorial-description__star.is-full { color: #f5a623; }

/*
 * Tabbed auto editorial — STRUCTURAL only (no colors/fonts/spacing; the site stylesheet owns
 * visual design and overrides these low-specificity selectors). The tab strip + button styling
 * is reused from editorial-tabs.css via the shared editorial-tabs__* nav classes.
 */

/* Media + active panel side by side; the media keeps its width and stays visible for every tab. */
.editorial-description__row { display: flex; align-items: flex-start; }
.editorial-description__media { flex: 0 0 auto; }
.editorial-description__panels { flex: 1 1 auto; min-width: 0; }

/* Progressive enhancement: every panel is visible until editorial-tabs.js adds is-tabs-enhanced,
   after which only the active one shows. No JS => every section stays visible (with its <h3>).
   This intentionally differs from editorial-tabs.css (which hides panels unconditionally), so
   these panels use editorial-description__panel rather than the shared editorial-tabs__panel. */
.editorial-description--tabbed.is-tabs-enhanced .editorial-description__panel { display: none; }
.editorial-description--tabbed.is-tabs-enhanced .editorial-description__panel.is-active { display: block; }