/* Tabbed panels. Site: the tablist is one wrapping row of pill buttons and the panels follow it; only the active
   panel is shown. The active state is the ARIA state itself (aria-selected), so markup and styling cannot drift. */
.pb-tabs__list { display: flex; flex-wrap: wrap; gap: 1rem; }
.pb-tabs__tab { background: #f3f4f6; color: #000000; border: 0; cursor: pointer; font: inherit; line-height: 1.5; }
.pb-tabs__tab:hover { background: #e5e7eb; }
.pb-tabs__tab[aria-selected="true"] { background: #193798; color: #ffffff; }
.pb-tabs__tab:focus-visible { outline: 2px solid #193798; outline-offset: 2px; }
.pb-tabs__panel { margin-top: 1rem; }
.pb-tabs__panel:focus-visible { outline: 2px solid #193798; outline-offset: 2px; }
.pb-tabs__panel[hidden] { display: none; }
.pb-tabs__body p { margin: 0 0 1rem; color: rgba(0,0,0,0.6); line-height: 1.7; }
.pb-tabs__body ul { margin: 2rem 0 0; }
/* Editor: rows stack, each tab above its own panel, all visible, so every row is editable. */
.pb-tabs.pb-tabs--editing .pb-tabs__items { display: block; }
.pb-tabs.pb-tabs--editing .pb-tabs__item { display: block; margin-bottom: 2rem; }
.pb-tabs.pb-tabs--editing .pb-tabs__panel { margin-top: 1rem; }