:root{
  --wpcpl-brand:#1f4b99;           /* Wroffy brand */
  --wpcpl-text:#0f172a;
  --wpcpl-sub:#475569;
  --wpcpl-border:#e5ecf6;
  --wpcpl-bg:#fff;
  --wpcpl-pill-bg:#fff;
  --wpcpl-pill-text:#0f172a;
  --wpcpl-pill-hover-bg:#f0f5ff;
}
:where(.wp-legacy) .wpcpl-pcbox{border:1px solid var(--wpcpl-border); border-radius:12px; background:var(--wpcpl-bg); padding:18px 20px; margin:16px 0}
:where(.wp-legacy) .wpcpl-pcbox.noborder{border:0; padding-left:0; padding-right:0; background:transparent}
:where(.wp-legacy) .wpcpl-pcbox .pc-head{display:flex; align-items:center; gap:10px; font-weight:800; color:var(--wpcpl-text); font-size:20px}
:where(.wp-legacy) .wpcpl-pcbox .pc-head .ico{width:18px; height:18px; color:var(--wpcpl-brand); display:inline-flex}
:where(.wp-legacy) .wpcpl-pcbox .pc-head .ttl{margin-right:4px}
:where(.wp-legacy) .wpcpl-divider{height:1px; background:var(--wpcpl-border); margin:10px 0 12px}
:where(.wp-legacy) .wpcpl-pills{display:flex; flex-wrap:wrap; gap:10px; margin-top:4px}
:where(.wp-legacy) .wpcpl-pill{display:inline-flex; align-items:center; padding:10px 14px; background:var(--wpcpl-pill-bg); color:var(--wpcpl-pill-text); border:1px solid var(--wpcpl-border); border-radius:999px; text-decoration:none; font-weight:700}
:where(.wp-legacy) .wpcpl-pill:hover{background:var(--wpcpl-pill-hover-bg); color:var(--wpcpl-brand); border-color:var(--wpcpl-brand)}
:where(.wp-legacy) .wpcpl-empty{opacity:.6; font-style:italic; margin-top:6px}

/* WPCPL Product Comparisons – tighten vertical space */
:where(.wp-legacy) .wpcpl-pcbox{
  padding:12px 20px;     /* was 18px 20px */
  margin:0 0 12px;       /* no top margin */
}
:where(.wp-legacy) .wpcpl-pcbox.noborder{
  padding-left:0;
  padding-right:0;
  padding-top:5px;      /* keep small top padding when border=off */
  padding-bottom:5px;   /* keep small bottom padding */
}

:where(.wp-legacy) .wpcpl-pcbox .pc-head{ margin:0; }   /* no extra gap above/below the heading */
:where(.wp-legacy) .wpcpl-divider{ margin:12px 0; }      /* thin line closer to heading & pills */
:where(.wp-legacy) .wpcpl-pills{ margin:0; }            /* remove extra space above pills */
:where(.wp-legacy) .wpcpl-pill{ margin-bottom:0; }      /* no bottom gap after last pill */

/*# sourceURL=wpcpl-pc-list-inline-css */