/* PromXAI Theme 1.3.100 — unified semantic info cards for books, templates, bundles and articles. */
.px-library100-spec-system > div{
  position:relative;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 44px!important;
  grid-template-rows:auto auto!important;
  grid-template-areas:"label icon" "value icon"!important;
  column-gap:11px!important;
  row-gap:3px!important;
  align-items:center!important;
  min-width:0!important;
  min-height:72px;
  padding:12px 13px!important;
  overflow:hidden;
  direction:ltr!important;
}
.px-library100-spec-system > div > dt{grid-area:label!important;margin:0!important;min-width:0!important;line-height:1.35!important}
.px-library100-spec-system > div > dd{grid-area:value!important;margin:0!important;min-width:0!important;line-height:1.4!important;overflow-wrap:anywhere}
.px-library100-spec-system .px-library100-spec-icon{
  grid-area:icon!important;
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  justify-self:end;
  align-self:center;
  border-radius:12px;
  color:#fff;
  background:linear-gradient(135deg,#3b82f6,#22d3ee);
  box-shadow:0 8px 20px rgba(15,23,42,.18);
}
.px-library100-spec-system > div:nth-child(4n+2) .px-library100-spec-icon{background:linear-gradient(135deg,#8b5cf6,#d946ef)}
.px-library100-spec-system > div:nth-child(4n+3) .px-library100-spec-icon{background:linear-gradient(135deg,#f59e0b,#f97316)}
.px-library100-spec-system > div:nth-child(4n+4) .px-library100-spec-icon{background:linear-gradient(135deg,#10b981,#22c55e)}
.px-library100-spec-system .px-library100-spec-icon .px-icon{width:20px;height:20px;position:static!important;transform:none!important;padding:0!important;background:none!important;box-shadow:none!important;color:inherit!important}
html[data-ui-lang="ar"] .px-library100-spec-system > div > dt,
html[data-ui-lang="ar"] .px-library100-spec-system > div > dd{text-align:right;direction:rtl}
html[data-ui-lang="en"] .px-library100-spec-system > div > dt,
html[data-ui-lang="en"] .px-library100-spec-system > div > dd{text-align:left;direction:ltr}
@media(max-width:560px){
  .px-library100-spec-system > div{grid-template-columns:minmax(0,1fr) 39px!important;min-height:66px;padding:10px!important}
  .px-library100-spec-system .px-library100-spec-icon{width:36px;height:36px;border-radius:11px}
  .px-library100-spec-system .px-library100-spec-icon .px-icon{width:18px;height:18px}
}