.lci-pmpro-levels-cards {
  display: grid;
  grid-template-columns: repeat(var(--lci-pmpro-columns, 3), minmax(0, 1fr));
  gap: 1.5rem;
  margin-block: 1.5rem;
}

.lci-pmpro-columns-2 { --lci-pmpro-columns: 2; }
.lci-pmpro-columns-3 { --lci-pmpro-columns: 3; }
.lci-pmpro-columns-4 { --lci-pmpro-columns: 4; }

.lci-pmpro-level {
  display: flex;
  flex-direction: column;
  gap: .75rem;
  padding: 1.5rem;
  border: 1px solid var(--wp--preset--color--ti-bg-alt);
  border-radius: var(--neve-button-border-radius, 5px);
  background: var(--wp--preset--color--ti-bg);
  color: inherit;
}

.lci-pmpro-level h3,
.lci-pmpro-level p { margin: 0; }

.lci-pmpro-level-price { font-size: var(--wp--preset--font-size--medium); font-weight: 700; }
.lci-pmpro-level-description { font-size: .95rem; }
.lci-pmpro-level-description > :first-child { margin-top: 0; }
.lci-pmpro-level-description > :last-child { margin-bottom: 0; }
.lci-pmpro-level-expiration { font-size: .9rem; opacity: .75; }
.lci-pmpro-featured { border-color: var(--wp--preset--color--ti-accent); background: var(--wp--preset--color--ti-bg-alt); }
.lci-pmpro-badge { align-self: flex-start; padding: .15rem .5rem; border-radius: var(--neve-button-border-radius, 5px); background: var(--wp--preset--color--ti-accent); color: var(--wp--preset--color--ti-fg-alt); font-size: .8rem; }

.lci-pmpro-level-action { width: 100%; margin-top: auto; }

.lci-pmpro-level-action .lci-pmpro-level-button {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 16px 40px;
  border: 2px solid var(--wp--preset--color--ti-accent);
  border-radius: var(--neve-button-border-radius, 5px);
  background: var(--wp--preset--color--ti-accent);
  color: var(--wp--preset--color--ti-fg-alt);
  font-family: inherit;
  font-size: var(--wp--preset--font-size--normal);
  font-weight: 600;
  text-align: center;
  text-decoration: none;
}

.lci-pmpro-level-action .lci-pmpro-level-button:hover,
.lci-pmpro-level-action .lci-pmpro-level-button:focus-visible {
  border-color: var(--wp--preset--color--ti-accent-secondary);
  background: var(--wp--preset--color--ti-accent-secondary);
  color: var(--wp--preset--color--ti-fg-alt);
}

.lci-pmpro-level-unavailable { display: inline-block; opacity: .75; }

.lci-pmpro-table-scroll { overflow-x: auto; margin-block: 1.5rem; }
.lci-pmpro-levels-table { width: 100%; min-width: 540px; border-collapse: collapse; }
.lci-pmpro-levels-table th,
.lci-pmpro-levels-table td { padding: .85rem; border: 1px solid var(--wp--preset--color--ti-bg-alt); vertical-align: top; text-align: left; }
.lci-pmpro-levels-table thead th { background: var(--wp--preset--color--ti-bg-alt); }
.lci-pmpro-levels-table .lci-pmpro-level-price { margin: 0; }
.lci-pmpro-compare td { min-width: 8rem; }

@media (max-width: 800px) {
  .lci-pmpro-levels-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
  .lci-pmpro-levels-cards { grid-template-columns: 1fr; }
}