:root{
  --cit-pi-accent: var(--ast-global-color-0, var(--ast-global-color-1, #1e73be));
  --cit-pi-accent-strong: var(--ast-global-color-1, var(--ast-global-color-0, #0f5e9c));
  --cit-pi-accent-soft: color-mix(in srgb, var(--cit-pi-accent) 10%, #ffffff);
  --cit-pi-border: color-mix(in srgb, var(--cit-pi-accent) 18%, #d7dce2);
  --cit-pi-shadow: 0 12px 30px rgba(15,23,42,.06);
}

.cit-pi-filters{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:18px 0 20px;
}

.cit-pi-filter-tab{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 16px;
  border-radius:999px;
  border:1px solid var(--cit-pi-border);
  background:#fff;
  color:var(--cit-pi-accent-strong);
  font-weight:700;
  line-height:1;
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, background-color .18s ease, color .18s ease, border-color .18s ease;
}

.cit-pi-filter-tab .dashicons{width:16px;height:16px;font-size:16px;}
.cit-pi-filter-tab:hover,
.cit-pi-filter-tab.is-active{
  background:var(--cit-pi-accent);
  color:#fff;
  border-color:var(--cit-pi-accent);
  box-shadow:0 8px 20px rgba(15,23,42,.10);
  transform:translateY(-1px);
}

.cit-pi-row.is-hidden,.cit-pi-no-results.is-hidden{display:none !important;}

.cit-pi-rows{
  display:flex;
  flex-direction:column;
  gap:18px;
  margin:0;
}

.cit-pi-row{
  display:grid;
  grid-template-columns:minmax(220px,290px) minmax(0,1fr);
  gap:24px;
  align-items:start;
  padding:22px;
  background:#fff;
  border:1px solid rgba(17,24,39,.08);
  border-radius:22px;
  box-shadow:var(--cit-pi-shadow);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.cit-pi-row:hover{
  transform:translateY(-4px);
  box-shadow:0 20px 40px rgba(15,23,42,.10);
  border-color:var(--cit-pi-border);
}

.cit-pi-row-media{width:100%;}
.cit-pi-row-image{display:block;width:100%;height:240px;object-fit:cover;border-radius:18px;}
.cit-pi-row-placeholder{display:flex;align-items:center;justify-content:center;background:#f3f4f6;color:#6b7280;}
.cit-pi-row-placeholder .dashicons{font-size:42px;width:42px;height:42px;}
.cit-pi-row-content{min-width:0;padding-top:2px;}
.cit-pi-row-top{margin-bottom:10px;}

.cit-pi-badge{
  display:inline-block;
  background:var(--cit-pi-accent-soft);
  color:var(--cit-pi-accent-strong);
  border:1px solid var(--cit-pi-border);
  padding:7px 12px;
  font-size:12px;
  font-weight:700;
  border-radius:999px;
  letter-spacing:.02em;
}

.cit-pi-title-row{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:clamp(18px,1.3vw,22px);line-height:1.25;font-weight:800;color:#1f2937;}
.cit-pi-inline-icon{color:var(--cit-pi-accent);font-size:22px;width:22px;height:22px;flex:0 0 auto;}

.cit-pi-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px;}
.cit-pi-tag{display:inline-flex;align-items:center;gap:8px;background:var(--cit-pi-accent-soft);color:var(--cit-pi-accent-strong);border:1px solid var(--cit-pi-border);padding:6px 11px;border-radius:999px;font-size:13px;font-weight:700;}
.cit-pi-tag .dashicons{width:16px;height:16px;font-size:16px;}

.cit-pi-lead{font-size:16px;line-height:1.65;color:#111827;margin-bottom:10px;font-weight:800;}
.cit-pi-text{color:#374151;line-height:1.75;font-size:15px;}
.cit-pi-text > *:first-child{margin-top:0}.cit-pi-text > *:last-child{margin-bottom:0}
.cit-pi-actions{margin-top:16px;}

.cit-pi-pdf-button{
  display:inline-flex;align-items:center;gap:10px;padding:11px 18px;border-radius:999px;background:var(--cit-pi-accent);color:#fff !important;text-decoration:none !important;font-weight:700;transition:transform .15s ease, opacity .15s ease, box-shadow .15s ease;box-shadow:0 10px 22px rgba(15,23,42,.10);
}
.cit-pi-pdf-button:hover{transform:translateY(-2px);opacity:.96;box-shadow:0 14px 28px rgba(15,23,42,.13);}
.cit-pi-pdf-button .dashicons{width:18px;height:18px;font-size:18px;}

.cit-pi-empty,.cit-pi-no-results{padding:18px 20px;background:#f8fafc;border-radius:16px;border:1px solid rgba(17,24,39,.06);}

@media (max-width: 900px){
  .cit-pi-row{grid-template-columns:1fr;gap:16px;}
  .cit-pi-row-image{height:220px;}
}

@media (max-width: 640px){
  .cit-pi-filters{gap:8px;margin:12px 0 16px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;}
  .cit-pi-filter-tab{padding:8px 12px;font-size:13px;white-space:nowrap;}
  .cit-pi-rows{gap:12px;}
  .cit-pi-row{padding:12px;gap:12px;border-radius:14px;grid-template-columns:96px minmax(0,1fr);align-items:start;}
  .cit-pi-row:hover{transform:none;box-shadow:var(--cit-pi-shadow);}
  .cit-pi-row-image{height:96px;border-radius:10px;}
  .cit-pi-row-content{padding-top:0;}
  .cit-pi-title-row{font-size:17px;gap:8px;margin-bottom:8px;}
  .cit-pi-inline-icon{font-size:18px;width:18px;height:18px;}
  .cit-pi-tags{gap:6px;margin-bottom:8px;}
  .cit-pi-tag{padding:4px 8px;font-size:11px;gap:6px;}
  .cit-pi-tag .dashicons{width:13px;height:13px;font-size:13px;}
  .cit-pi-badge{padding:5px 9px;font-size:10px;}
  .cit-pi-lead{font-size:14px;line-height:1.45;margin-bottom:6px;}
  .cit-pi-text{font-size:13px;line-height:1.55;}
  .cit-pi-actions{margin-top:10px;}
  .cit-pi-pdf-button{width:100%;justify-content:center;padding:10px 14px;font-size:13px;}
}