/*
 * Add-on launch presentation: Document Explorer page, hub cards and comparison
 * table, homepage band, Features problem map, Pricing add-on rows.
 *
 * NO NEW TOKEN, COLOUR OR FONT. Everything is a var(--wpbr-*) from tokens.css;
 * buttons, chips, action links and the kicker/eyebrow come from the existing
 * components. Namespaced wpbr-al-* so it overrides nothing. Enqueued after
 * addons.css. Mobile first; the breakpoints are
 * the theme's 600px and 900px.
 */

.wpbr-al-wrap { width: 100%; max-width: var(--wpbr-page-max-wide); margin: 0 auto; padding: 0 var(--wpbr-gutter); box-sizing: border-box; }
.wpbr-al-stack { display: flex; flex-direction: column; gap: var(--wpbr-space-6); }
.wpbr-al-sec { padding: var(--wpbr-act-y) 0 0; }
.wpbr-al-sec:last-of-type { padding-bottom: var(--wpbr-act-y); }
.wpbr-al-eyebrow { margin: 0; font-size: var(--wpbr-text-eyebrow); font-weight: var(--wpbr-weight-bold); letter-spacing: .08em; text-transform: uppercase; color: var(--wpbr-blue-type); }
.wpbr-al-head { display: flex; flex-direction: column; gap: var(--wpbr-space-2); max-width: var(--wpbr-measure); }
.wpbr-al-head h2, .wpbr-al-h2, .wpbr-al-panelcard h2, .wpbr-al-stack > h2 { margin: 0; font-size: var(--wpbr-text-act); font-weight: var(--wpbr-weight-display); letter-spacing: -.04em; line-height: 1.08; text-wrap: balance; }
.wpbr-al-head p { margin: 0; font-size: var(--wpbr-text-md); line-height: var(--wpbr-leading-tight); color: var(--wpbr-muted-type); }
.wpbr-al-grid { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--wpbr-space-4); grid-template-columns: minmax(0, 1fr); }
.wpbr-al-pill { display: inline-block; white-space: nowrap; background: var(--wpbr-navy); color: var(--wpbr-white); border-radius: var(--wpbr-radius-pill); padding: 4px 14px; font-size: var(--wpbr-text-sm); font-weight: var(--wpbr-weight-bold); }
.wpbr-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* hero */
.wpbr-al-hero { padding: var(--wpbr-act-y) 0; background: radial-gradient(ellipse at 85% 15%, var(--wpbr-mist) 0%, var(--wpbr-white) 62%); }
.wpbr-al-hero__grid { display: grid; gap: var(--wpbr-space-8); align-items: center; grid-template-columns: minmax(0, 1fr); }
.wpbr-al-hero__copy { display: flex; flex-direction: column; gap: var(--wpbr-space-4); }
.wpbr-al-hero h1 { margin: 0; font-size: var(--wpbr-text-hero-narrow); font-weight: var(--wpbr-weight-display); line-height: 1.03; letter-spacing: -.05em; text-wrap: balance; }
.wpbr-al-lede { margin: 0; max-width: 54ch; font-size: var(--wpbr-text-lede); line-height: var(--wpbr-leading-body); color: var(--wpbr-muted-type); text-wrap: pretty; }
.wpbr-al-hero__actions { display: flex; flex-wrap: wrap; gap: var(--wpbr-space-3) var(--wpbr-space-5); align-items: center; margin: 0; }
.wpbr-al-hero__price { display: flex; flex-wrap: wrap; gap: var(--wpbr-space-2); align-items: center; margin: 0; }
.wpbr-al-ticks { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--wpbr-space-1) var(--wpbr-space-5); font-weight: var(--wpbr-weight-semi); color: var(--wpbr-ok); }
.wpbr-al-ticks li::before { content: "\2713\00a0"; }

/* strip, scenarios, cards */
.wpbr-al-strip { padding: var(--wpbr-space-5) 0; background: var(--wpbr-ground-mid); }
.wpbr-al-strip li { display: flex; flex-direction: column; gap: 2px; }
.wpbr-al-strip span, .wpbr-al-benefits span { color: var(--wpbr-muted-type); line-height: var(--wpbr-leading-tight); }
.wpbr-al-benefits li { display: flex; flex-direction: column; gap: 2px; }
.wpbr-al-scenario, .wpbr-al-op, .wpbr-al-panelcard, .wpbr-al-card, .wpbr-al-tile { border: 1px solid var(--wpbr-rule); border-radius: var(--wpbr-radius-lg); background: var(--wpbr-white); padding: var(--wpbr-space-5); display: flex; flex-direction: column; gap: var(--wpbr-space-3); }
.wpbr-al-scenario h3, .wpbr-al-op h3, .wpbr-al-tile h3 { margin: 0; line-height: 1.25; letter-spacing: -.02em; text-wrap: balance; }
.wpbr-al-scenario h3 { font-size: 21px; }
.wpbr-al-op h3 { font-size: 17px; }
.wpbr-al-scenario p, .wpbr-al-op p, .wpbr-al-tile p, .wpbr-al-panelcard p { margin: 0; line-height: var(--wpbr-leading-tight); color: var(--wpbr-muted-type); }
.wpbr-al-scenario__n { font-size: var(--wpbr-text-sm); font-weight: var(--wpbr-weight-bold); color: var(--wpbr-blue-type) !important; }
.wpbr-al-outcome { margin-top: auto !important; border-radius: var(--wpbr-radius-md); background: color-mix(in srgb, var(--wpbr-ok) 12%, var(--wpbr-white)); color: var(--wpbr-ok) !important; font-weight: var(--wpbr-weight-semi); padding: var(--wpbr-space-3); }
.wpbr-al-panelcard { background: var(--wpbr-ground-mid); border-color: transparent; padding: var(--wpbr-space-6); }
.wpbr-al-chips { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--wpbr-space-2); }
.wpbr-al-chips li { border: 1px solid var(--wpbr-ice); border-radius: var(--wpbr-radius-pill); padding: 2px 12px; font-size: var(--wpbr-text-sm); font-weight: var(--wpbr-weight-semi); background: var(--wpbr-white); }
.wpbr-al-note { margin: 0; border-radius: var(--wpbr-radius-md); background: var(--wpbr-ground-mid); padding: var(--wpbr-space-3) var(--wpbr-space-4); line-height: var(--wpbr-leading-tight); }
.wpbr-al-note--warn { background: color-mix(in srgb, var(--wpbr-error) 10%, var(--wpbr-white)); color: var(--wpbr-error); }
.wpbr-al-limits li { background: var(--wpbr-ground-mid); border-radius: var(--wpbr-radius-md); padding: var(--wpbr-space-3) var(--wpbr-space-4); color: var(--wpbr-muted-type); line-height: var(--wpbr-leading-tight); }
.wpbr-al-fine { margin: 0; max-width: 80ch; color: var(--wpbr-muted-type); }

/* price card */
.wpbr-al-buy { background: var(--wpbr-mist); border-radius: 20px; padding: var(--wpbr-space-6); display: flex; flex-direction: column; gap: var(--wpbr-space-5); }
.wpbr-al-tiers li { background: var(--wpbr-white); border-radius: var(--wpbr-radius-md); padding: var(--wpbr-space-4); display: flex; flex-direction: column; gap: 2px; }
.wpbr-al-tiers__sites { font-weight: var(--wpbr-weight-semi); color: var(--wpbr-muted-type); }
.wpbr-al-tiers__price { font-size: var(--wpbr-text-price); font-weight: var(--wpbr-weight-display); letter-spacing: -.04em; line-height: 1.1; }
.wpbr-al-tiers__price small { font-size: 15px; font-weight: var(--wpbr-weight-semi); color: var(--wpbr-muted-type); }
.wpbr-al-tiers__who { font-size: var(--wpbr-text-base); color: var(--wpbr-muted-type); }
.wpbr-al-details { border: 1px solid var(--wpbr-rule); border-radius: var(--wpbr-radius-md); padding: var(--wpbr-space-3) var(--wpbr-space-4); }
.wpbr-al-details summary { cursor: pointer; font-weight: var(--wpbr-weight-semi); min-height: var(--wpbr-target); display: flex; align-items: center; }
.wpbr-al-details ul { margin: var(--wpbr-space-2) 0 0; padding-left: 20px; display: flex; flex-direction: column; gap: var(--wpbr-space-2); color: var(--wpbr-muted-type); line-height: var(--wpbr-leading-tight); }
.wpbr-al-faq details { border: 1px solid var(--wpbr-rule); border-radius: var(--wpbr-radius-md); padding: 0 var(--wpbr-space-4); }
.wpbr-al-faq summary { cursor: pointer; font-weight: var(--wpbr-weight-semi); min-height: var(--wpbr-target); display: flex; align-items: center; }
.wpbr-al-faq p { margin: 0 0 var(--wpbr-space-4); color: var(--wpbr-muted-type); line-height: var(--wpbr-leading-tight); }
.wpbr-al-links { display: flex; flex-wrap: wrap; gap: var(--wpbr-space-4) var(--wpbr-space-6); margin: 0; }

/* walkthrough: stacked list without script, tabs with it */
.wpbr-al-walk { display: flex; flex-direction: column; gap: var(--wpbr-space-6); }
.wpbr-al-tabs { display: none; flex-wrap: wrap; gap: var(--wpbr-space-2); }
.wpbr-al-js .wpbr-al-tabs { display: flex; }
.wpbr-al-tabs button { min-height: var(--wpbr-target); border: 1px solid var(--wpbr-muted); border-radius: var(--wpbr-radius-pill); padding: 0 var(--wpbr-space-4); background: var(--wpbr-white); color: var(--wpbr-navy); font: inherit; font-weight: var(--wpbr-weight-semi); cursor: pointer; }
.wpbr-al-tabs button[aria-selected="true"] { background: var(--wpbr-navy); border-color: var(--wpbr-navy); color: var(--wpbr-white); }
.wpbr-al-tabs__n { opacity: .7; }
.wpbr-al-panel { display: grid; gap: var(--wpbr-space-6); grid-template-columns: minmax(0, 1fr); align-items: start; }
.wpbr-al-panel[hidden] { display: none; }
.wpbr-al-panel__copy { display: flex; flex-direction: column; gap: var(--wpbr-space-3); }
.wpbr-al-panel__copy h3 { margin: 0; font-size: 25px; letter-spacing: -.025em; line-height: 1.2; text-wrap: balance; }
.wpbr-al-panel__copy p { margin: 0; line-height: var(--wpbr-leading-tight); color: var(--wpbr-muted-type); }
.wpbr-al-good { background: var(--wpbr-mist); border-radius: var(--wpbr-radius-md); padding: var(--wpbr-space-3) var(--wpbr-space-4); color: var(--wpbr-navy) !important; }

/* homepage band */
.wpbr-al-lead { display: grid; grid-template-columns: minmax(0, 1fr); background: var(--wpbr-navy); color: var(--wpbr-on-navy); border-radius: 20px; overflow: hidden; }
.wpbr-al-lead__copy { padding: var(--wpbr-space-6); display: flex; flex-direction: column; gap: var(--wpbr-space-3); justify-content: center; }
.wpbr-al-lead__copy h3 { margin: 0; font-size: 27px; letter-spacing: -.03em; line-height: 1.15; color: var(--wpbr-white); text-wrap: balance; }
.wpbr-al-lead__copy p { margin: 0; line-height: var(--wpbr-leading-tight); color: var(--wpbr-on-navy); }
.wpbr-al-lead__copy .wpbr-al-lead__kicker { color: var(--wpbr-on-navy-soft); }
.wpbr-al-lead__kicker { font-size: var(--wpbr-text-base); font-weight: var(--wpbr-weight-bold); color: var(--wpbr-on-navy-soft); }
.wpbr-al-lead__link { color: var(--wpbr-white); font-weight: var(--wpbr-weight-semi); text-decoration: underline; min-height: var(--wpbr-target); display: inline-flex; align-items: center; gap: .4em; }
.wpbr-al-lead__link:hover { color: var(--wpbr-ice); }
.wpbr-al-lead__shot { padding: var(--wpbr-space-5); display: flex; align-items: center; background: color-mix(in srgb, var(--wpbr-navy) 80%, black); }
.wpbr-al-lead__shot .wpbr-shot { margin: 0; width: 100%; }
.wpbr-al-tiles { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--wpbr-space-4); grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); }
.wpbr-al-tile h3 { font-size: 16.5px; }
.wpbr-al-tile__name { font-size: var(--wpbr-text-xs) !important; font-weight: var(--wpbr-weight-bold); letter-spacing: .06em; text-transform: uppercase; }

/* Features problem map */
.wpbr-al-pgroup { display: flex; flex-direction: column; gap: var(--wpbr-space-3); }
.wpbr-al-pgroup h3 { margin: 0; font-size: var(--wpbr-text-h2); letter-spacing: -.02em; line-height: 1.2; }
.wpbr-al-pgroup__blurb { margin: 0; color: var(--wpbr-muted-type); }
.wpbr-al-plist { list-style: none; margin: 0; padding: 0; border: 1px solid var(--wpbr-rule); border-radius: var(--wpbr-radius-lg); background: var(--wpbr-white); overflow: hidden; }
.wpbr-al-plist li { display: flex; flex-wrap: wrap; align-items: center; gap: var(--wpbr-space-3) var(--wpbr-space-5); padding: var(--wpbr-space-3) var(--wpbr-space-5); border-top: 1px solid var(--wpbr-rule-soft); }
.wpbr-al-plist li:first-child { border-top: 0; }
.wpbr-al-plist li > div { flex: 1 1 260px; min-width: 0; }
.wpbr-al-plist__job { margin: 0; font-weight: var(--wpbr-weight-bold); line-height: 1.35; }
.wpbr-al-plist__note { margin: 2px 0 0; color: var(--wpbr-muted-type); line-height: var(--wpbr-leading-tight); }
.wpbr-al-prod { white-space: nowrap; display: inline-flex; align-items: center; min-height: var(--wpbr-target-secondary); border-radius: var(--wpbr-radius-pill); padding: 4px 14px; font-size: var(--wpbr-text-sm); font-weight: var(--wpbr-weight-bold); text-decoration: none; }
.wpbr-al-prod--free { background: color-mix(in srgb, var(--wpbr-ok) 12%, var(--wpbr-white)); color: var(--wpbr-ok); }
.wpbr-al-prod--pro { background: var(--wpbr-navy); color: var(--wpbr-white); }
.wpbr-al-prod--addon { background: var(--wpbr-mist); color: var(--wpbr-blue-type); border: 1px solid var(--wpbr-ice); }

/* hub */
.wpbr-al-filter { display: flex; flex-wrap: wrap; gap: var(--wpbr-space-2); }
.wpbr-al-filter[hidden] { display: none; }
.wpbr-al-filter button { min-height: var(--wpbr-target); border: 1px solid var(--wpbr-muted); border-radius: var(--wpbr-radius-pill); padding: 0 var(--wpbr-space-4); background: var(--wpbr-white); color: var(--wpbr-navy); font: inherit; font-weight: var(--wpbr-weight-semi); cursor: pointer; }
.wpbr-al-filter button[aria-pressed="true"] { background: var(--wpbr-navy); border-color: var(--wpbr-navy); color: var(--wpbr-white); }
.wpbr-al-cards { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--wpbr-space-4); grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); }
.wpbr-al-card[hidden] { display: none; }
.wpbr-al-card h3 { margin: 0; font-size: 20px; letter-spacing: -.02em; }
.wpbr-al-card p { margin: 0; }
.wpbr-al-card__top { display: flex; justify-content: space-between; align-items: center; gap: var(--wpbr-space-2); flex-wrap: wrap; }
.wpbr-al-card__group { font-size: var(--wpbr-text-xs); font-weight: var(--wpbr-weight-bold); letter-spacing: .06em; text-transform: uppercase; color: var(--wpbr-muted-type); }
.wpbr-al-card__problem { font-style: italic; color: var(--wpbr-muted-type); line-height: 1.45; }
.wpbr-al-card__title { font-weight: var(--wpbr-weight-semi); line-height: 1.5; }
.wpbr-al-card__bullets { margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 3px; color: var(--wpbr-muted-type); line-height: 1.55; }
.wpbr-al-card__best { border-top: 1px solid var(--wpbr-rule-soft); padding-top: var(--wpbr-space-3); color: var(--wpbr-muted-type); line-height: 1.5; font-size: var(--wpbr-text-base); }
.wpbr-al-card__best span { color: var(--wpbr-muted); }
.wpbr-al-card__foot { margin-top: auto !important; display: flex; justify-content: space-between; align-items: center; gap: var(--wpbr-space-3); flex-wrap: wrap; color: var(--wpbr-muted-type); }
.wpbr-al-compare { display: none; }
.wpbr-al-table { width: 100%; border-collapse: collapse; border: 1px solid var(--wpbr-rule); border-radius: var(--wpbr-radius-lg); overflow: hidden; font-size: var(--wpbr-text-base); }
.wpbr-al-table caption { text-align: left; padding-bottom: var(--wpbr-space-2); color: var(--wpbr-muted-type); }
.wpbr-al-table th, .wpbr-al-table td { text-align: left; padding: var(--wpbr-space-3) var(--wpbr-space-4); border-top: 1px solid var(--wpbr-rule-soft); vertical-align: middle; }
.wpbr-al-table thead th { background: var(--wpbr-ground-mid); border-top: 0; font-size: var(--wpbr-text-xs); letter-spacing: .05em; text-transform: uppercase; color: var(--wpbr-muted-type); }

/* Pricing add-on cards: Region and Scope toggles above, one equal-height card per add-on, ONE price per card.
   Native radios in fieldsets (arrow keys and focus are the browser's); tokens only. */
.wpbr-ap-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--wpbr-space-5); align-items: end; }
.wpbr-ap { display: contents; }
.wpbr-ap-layout .wpbr-act__head { min-width: 0; }
@media (min-width: 1100px) {
  .wpbr-ap-layout { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: var(--wpbr-space-6); row-gap: var(--wpbr-space-5); }
  .wpbr-ap__controls { grid-column: 2; grid-row: 1; justify-content: flex-end; align-self: end; }
  .wpbr-ap-layout .wpbr-act__head { grid-column: 1; grid-row: 1; }
}
.wpbr-ap__cards, .wpbr-ap__note, .wpbr-ap-layout > .wpbr-sr { grid-column: 1 / -1; }
.wpbr-ap__prereq { margin: 0; font-size: var(--wpbr-text-sm); color: var(--wpbr-muted-type); }
.wpbr-ap__controls { display: flex; flex-wrap: wrap; gap: var(--wpbr-space-3); align-items: end; }
.wpbr-ap__controls[hidden] { display: none; }
.wpbr-ap__group { border: 0; margin: 0; padding: 0; min-width: 0; }
.wpbr-ap__group legend { padding: 0; }
.wpbr-ap__seg { display: inline-flex; flex-wrap: wrap; gap: var(--wpbr-space-1); padding: var(--wpbr-space-1); border: 1px solid var(--wpbr-rule); border-radius: var(--wpbr-radius-pill); background: var(--wpbr-white); }
.wpbr-ap__seg label { position: relative; display: block; margin: 0; }
.wpbr-ap__seg input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.wpbr-ap__seg span { display: flex; align-items: center; justify-content: center; min-height: var(--wpbr-target); padding: 0 var(--wpbr-space-4); border-radius: var(--wpbr-radius-pill); font-size: var(--wpbr-text-base); font-weight: var(--wpbr-weight-semi); color: var(--wpbr-navy); white-space: nowrap; transition: background var(--wpbr-dur) var(--wpbr-ease), color var(--wpbr-dur) var(--wpbr-ease); }
.wpbr-ap__seg input:checked + span { background: var(--wpbr-navy); color: var(--wpbr-white); }
.wpbr-ap__seg input:not(:checked):hover + span { background: var(--wpbr-mist); }
.wpbr-ap__seg input:focus-visible + span { outline: var(--wpbr-focus-width) solid var(--wpbr-focus-color); outline-offset: 2px; }
.wpbr-ap__note { margin: 0; font-size: var(--wpbr-text-sm); color: var(--wpbr-muted-type); line-height: var(--wpbr-leading-tight); }

.wpbr-ap__cards { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--wpbr-space-4); grid-template-columns: minmax(0, 1fr); }
.wpbr-ap-card { display: flex; flex-direction: column; gap: var(--wpbr-space-2); min-width: 0; padding: var(--wpbr-space-5); border: 1px solid var(--wpbr-rule); border-radius: var(--wpbr-radius-lg); background: var(--wpbr-white); }
.wpbr-ap-card p { margin: 0; }
.wpbr-ap-card__name { margin: 0; font-size: var(--wpbr-text-h3); line-height: 1.25; color: var(--wpbr-navy); }
.wpbr-ap-card__name a { color: inherit; text-decoration: none; }
.wpbr-ap-card__name a:hover { text-decoration: underline; }
.wpbr-ap-card__text { color: var(--wpbr-muted-type); line-height: var(--wpbr-leading-tight); }
.wpbr-ap-price { padding-top: var(--wpbr-space-3); border-top: 1px solid var(--wpbr-rule-soft); min-height: 116px; }
.wpbr-ap-price__context { margin: 0 0 3px !important; font-size: var(--wpbr-text-xs); color: var(--wpbr-muted-type); }
.wpbr-ap-price__amt { display: flex; align-items: baseline; gap: 4px; min-height: 1.25em; font-size: clamp(28px, 3vw, 34px); line-height: 1.15; font-weight: var(--wpbr-weight-bold); color: var(--wpbr-navy); font-variant-numeric: tabular-nums; white-space: nowrap; }
.wpbr-ap-price__amt small { font-size: var(--wpbr-text-sm); font-weight: var(--wpbr-weight-semi); color: var(--wpbr-muted-type); }
.wpbr-ap-price__amt .wpbr-ap-price__tbc, .wpbr-ap-price__amt--soon { font-size: var(--wpbr-text-base); font-weight: var(--wpbr-weight-semi); white-space: normal; line-height: 1.3; color: var(--wpbr-muted-type); }
.wpbr-ap-price__scope { font-size: var(--wpbr-text-sm); color: var(--wpbr-muted-type); }
.wpbr-ap-price__sub { min-height: 1.4em; font-size: var(--wpbr-text-sm); font-weight: var(--wpbr-weight-bold); color: var(--wpbr-ok); }
.wpbr-ap-card__buy { margin-top: auto; }
.wpbr-ap-card__buy .wpbr-btn { width: 100%; justify-content: center; text-align: center; }

@media (min-width: 560px) { .wpbr-ap__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 900px) and (max-width: 1179px) { .wpbr-ap__cards[style*="--wpbr-ap-n:3"], .wpbr-ap__cards[style*="--wpbr-ap-n:5"] { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1180px) { .wpbr-ap__cards { grid-template-columns: repeat(var(--wpbr-ap-n, 4), minmax(0, 1fr)); } }
@media (max-width: 559px) { .wpbr-ap__group, .wpbr-ap__seg { width: 100%; } .wpbr-ap__seg label { flex: 1 1 0; } .wpbr-ap__seg span { padding: 0 var(--wpbr-space-2); } }
@media (prefers-reduced-motion: reduce) { .wpbr-ap__seg span { transition: none; } }

@media (min-width: 600px) {
	.wpbr-al-grid--2, .wpbr-al-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.wpbr-al-grid--3 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); }
}
@media (min-width: 900px) {
	.wpbr-al-hero__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); }
	.wpbr-al-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.wpbr-al-grid--split { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; }
	.wpbr-al-panel { grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); }
	.wpbr-al-lead { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
	.wpbr-al-compare { display: block; }
	.wpbr-al-buy { padding: var(--wpbr-space-8); }
}
@media (prefers-reduced-motion: reduce) { .wpbr-al-tabs button, .wpbr-al-filter button { transition: none; } }

/* Pro menu group labels (header.php patch). */
.wpbr-submenu__group { list-style: none; margin: var(--wpbr-space-3) 0 0; padding: var(--wpbr-space-1) var(--wpbr-space-4); font-size: var(--wpbr-text-xs); font-weight: var(--wpbr-weight-bold); letter-spacing: .08em; text-transform: uppercase; color: var(--wpbr-blue-type); }
.wpbr-submenu__group:first-child { margin-top: 0; }

/* A list or div that is both the wrap and the grid keeps the page gutter and centring over the grid reset. */
.wpbr-al-wrap.wpbr-al-grid { margin-left: auto; margin-right: auto; padding-left: var(--wpbr-gutter); padding-right: var(--wpbr-gutter); }

/* Contrast: the action link's blue is 4.2-4.4:1 on the tinted grounds used here, so use the text blue. */
.wpbr-al-sec .wpbr-actionlink, .wpbr-rd-cards .wpbr-actionlink { color: var(--wpbr-blue-type); }
/* The product chips are links: keep their own colours over the surrounding link rule. */
#wpbr-problems a.wpbr-al-prod--pro, a.wpbr-al-prod--pro { background: var(--wpbr-navy); color: var(--wpbr-white); }
#wpbr-problems a.wpbr-al-prod--free, a.wpbr-al-prod--free { color: var(--wpbr-ok); }
#wpbr-problems a.wpbr-al-prod--addon, a.wpbr-al-prod--addon { color: var(--wpbr-blue-type); }

/* Five narrow columns: two-line button labels ("Get Document Explorer") must not push one card's price out of line with its neighbours. */
@media (min-width: 1180px) { .wpbr-ap-card__buy .wpbr-btn { min-height: 48px; } }