/* ══════════════════════════════════════════════════════════════
   Greek Casino Premium — Frontend Styles v1.1
   Light + Dark mode, no background (inherits from site)
   ══════════════════════════════════════════════════════════════ */

/* ── CSS Variables ───────────────────────────────────────────── */
.gcp-toplist,
.gcp-review {
  /* Light mode defaults */
  --gcp-text:         #111827;
  --gcp-text2:        #374151;
  --gcp-text3:        #6b7280;
  --gcp-border:       #e5e7eb;
  --gcp-border2:      #f3f4f6;
  --gcp-surface:      rgba(0,0,0,.03);
  --gcp-surface2:     rgba(0,0,0,.06);
  --gcp-gold:         #b45309;
  --gcp-gold-bg:      rgba(180,83,9,.08);
  --gcp-gold-border:  rgba(180,83,9,.25);
  --gcp-green:        #15803d;
  --gcp-green-bg:     rgba(21,128,61,.1);
  --gcp-green-border: rgba(21,128,61,.25);
  --gcp-red:          #dc2626;
  --gcp-red-bg:       rgba(220,38,38,.08);
  --gcp-red-border:   rgba(220,38,38,.2);
  --gcp-blue:         #1d4ed8;
  --gcp-btn-text:     #ffffff;
  --gcp-star-empty:   #d1d5db;
  --gcp-r:            10px;
  --gcp-font:         inherit;
}

/* Dark mode — triggered by .dark-mode class on parent OR prefers-color-scheme */
@media (prefers-color-scheme: dark) {
  .gcp-toplist:not(.gcp-light),
  .gcp-review:not(.gcp-light) {
    --gcp-text:         #f9fafb;
    --gcp-text2:        #e5e7eb;
    --gcp-text3:        #9ca3af;
    --gcp-border:       #374151;
    --gcp-border2:      #1f2937;
    --gcp-surface:      rgba(255,255,255,.05);
    --gcp-surface2:     rgba(255,255,255,.09);
    --gcp-gold:         #fbbf24;
    --gcp-gold-bg:      rgba(251,191,36,.1);
    --gcp-gold-border:  rgba(251,191,36,.3);
    --gcp-green:        #34d399;
    --gcp-green-bg:     rgba(52,211,153,.12);
    --gcp-green-border: rgba(52,211,153,.3);
    --gcp-red:          #f87171;
    --gcp-red-bg:       rgba(248,113,113,.1);
    --gcp-red-border:   rgba(248,113,113,.25);
    --gcp-blue:         #60a5fa;
    --gcp-star-empty:   #4b5563;
  }
}

/* Force dark — add class="gcp-dark" on page/wrapper */
.gcp-dark .gcp-toplist,
.gcp-dark .gcp-review,
.gcp-toplist.gcp-dark,
.gcp-review.gcp-dark {
    --gcp-text:         #f9fafb;
    --gcp-text2:        #e5e7eb;
    --gcp-text3:        #9ca3af;
    --gcp-border:       #374151;
    --gcp-border2:      #1f2937;
    --gcp-surface:      rgba(255,255,255,.05);
    --gcp-surface2:     rgba(255,255,255,.09);
    --gcp-gold:         #fbbf24;
    --gcp-gold-bg:      rgba(251,191,36,.1);
    --gcp-gold-border:  rgba(251,191,36,.3);
    --gcp-green:        #34d399;
    --gcp-green-bg:     rgba(52,211,153,.12);
    --gcp-green-border: rgba(52,211,153,.3);
    --gcp-red:          #f87171;
    --gcp-red-bg:       rgba(248,113,113,.1);
    --gcp-red-border:   rgba(248,113,113,.25);
    --gcp-blue:         #60a5fa;
    --gcp-star-empty:   #4b5563;
}


/* ── Base ─────────────────────────────────────────────────────── */
.gcp-toplist,
.gcp-review {
  font-family: var(--gcp-font);
  color: var(--gcp-text);
  font-size: 15px;
  line-height: 1.6;
  width: 100%;
  box-sizing: border-box;
}
.gcp-toplist *,
.gcp-review * { box-sizing: border-box; }

.gcp-error { color: var(--gcp-red); font-style: italic; padding: 12px 0; }

/* ── Buttons ──────────────────────────────────────────────────── */
.gcp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 22px;
  background: var(--gcp-gold);
  color: var(--gcp-btn-text) !important;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none !important;
  border: none;
  cursor: pointer;
  transition: opacity .15s, transform .15s;
  white-space: nowrap;
  line-height: 1.2;
}
.gcp-btn:hover { opacity: .88; transform: translateY(-1px); }
.gcp-btn--head  { padding: 8px 18px; font-size: 13px; flex-shrink: 0; }
.gcp-btn--inline{ margin-left: 12px; padding: 6px 15px; font-size: 13px; vertical-align: middle; }
.gcp-btn--large { padding: 14px 44px; font-size: 16px; }

/* ── Pills ────────────────────────────────────────────────────── */
.gcp-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin: 14px 0;
}
.gcp-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 13px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  background: var(--gcp-surface);
  border: 1px solid var(--gcp-border);
  color: var(--gcp-text2);
  text-decoration: none;
  transition: border-color .15s, color .15s;
}
.gcp-pill:hover { border-color: var(--gcp-gold); color: var(--gcp-gold); text-decoration: none; }
.gcp-pill--gr      { border-color: var(--gcp-gold-border); color: var(--gcp-gold); background: var(--gcp-gold-bg); }
.gcp-pill--visit   { border-color: var(--gcp-blue); color: var(--gcp-blue); }
.gcp-pills--review { margin: 16px 0; }

/* ── Stars ────────────────────────────────────────────────────── */
.gcp-stars { display: flex; align-items: center; gap: 2px; margin-bottom: 6px; }
.gcp-star-full, .gcp-star-half, .gcp-star-empty { font-size: 17px; line-height: 1; }
.gcp-star-full  { color: var(--gcp-gold); }
.gcp-star-half  { color: var(--gcp-gold); opacity: .6; }
.gcp-star-empty { color: var(--gcp-star-empty); }
.gcp-rating-num { font-size: 13px; font-weight: 700; color: var(--gcp-text3); margin-left: 5px; }

/* ── Yes / No badges ──────────────────────────────────────────── */
.gcp-yes, .gcp-no {
  display: inline-block;
  padding: 2px 9px;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}
.gcp-yes { background: var(--gcp-green-bg); color: var(--gcp-green); border: 1px solid var(--gcp-green-border); }
.gcp-no  { background: var(--gcp-red-bg);   color: var(--gcp-red);   border: 1px solid var(--gcp-red-border); }

/* ── Section heading ──────────────────────────────────────────── */
.gcp-section { margin: 24px 0; }
.gcp-section__title {
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--gcp-gold);
  margin: 0 0 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.gcp-section__title::after {
  content: '';
  flex: 1;
  height: 1px;
  background: var(--gcp-border);
}

/* ── Info grid (company/license) ──────────────────────────────── */
.gcp-info-grid {
  border: 1px solid var(--gcp-border);
  border-radius: var(--gcp-r);
  overflow: hidden;
}
.gcp-info-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 16px;
  border-bottom: 1px solid var(--gcp-border2);
  font-size: 14px;
  gap: 12px;
}
.gcp-info-row:last-child { border-bottom: none; }
.gcp-info-row:nth-child(odd)  { background: var(--gcp-surface); }
.gcp-info-row:nth-child(even) { background: transparent; }
.gcp-info-label { color: var(--gcp-text3); flex-shrink: 0; font-weight: 500; }
.gcp-info-val   { font-weight: 600; text-align: right; color: var(--gcp-text); }
.gcp-license {
  font-family: monospace;
  font-size: 12px;
  color: var(--gcp-blue);
  background: var(--gcp-surface2);
  padding: 2px 8px;
  border-radius: 4px;
}

/* ── Stats grid ───────────────────────────────────────────────── */
.gcp-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.gcp-stat {
  flex: 1;
  min-width: 90px;
  border: 1px solid var(--gcp-border);
  border-radius: 8px;
  padding: 12px 10px;
  text-align: center;
  background: var(--gcp-surface);
}
.gcp-stat__num {
  display: block;
  font-size: 22px;
  font-weight: 800;
  color: var(--gcp-gold);
  line-height: 1;
  margin-bottom: 4px;
}
.gcp-stat__label {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--gcp-text3);
}

/* ── Meta row (toplist company) ───────────────────────────────── */
.gcp-meta-row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 12px 0 4px;
  border-top: 1px solid var(--gcp-border2);
  margin-top: 10px;
}
.gcp-meta-item { display: flex; flex-direction: column; gap: 2px; }
.gcp-meta-label { font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--gcp-text3); }
.gcp-meta-val   { font-size: 13px; font-weight: 600; color: var(--gcp-text2); }

/* ── Table ────────────────────────────────────────────────────── */
.gcp-table-wrap {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid var(--gcp-border);
  border-radius: var(--gcp-r);
}
.gcp-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  min-width: 600px;
}
.gcp-table th {
  background: var(--gcp-surface2);
  padding: 10px 13px;
  text-align: left;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--gcp-text3);
  border-bottom: 1px solid var(--gcp-border);
  white-space: nowrap;
}
.gcp-table td {
  padding: 10px 13px;
  border-bottom: 1px solid var(--gcp-border2);
  vertical-align: middle;
  color: var(--gcp-text);
}
.gcp-table tr:last-child td { border-bottom: none; }
.gcp-table tr:nth-child(even) td { background: var(--gcp-surface); }
.gcp-table td strong { color: var(--gcp-text); font-weight: 600; }
.gcp-table td small  { color: var(--gcp-text3); font-size: 11px; }

/* ── Game grid ────────────────────────────────────────────────── */
.gcp-game-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(165px, 1fr));
  gap: 8px;
}
.gcp-game-card {
  border: 1px solid var(--gcp-border);
  border-radius: 8px;
  padding: 11px 14px;
  background: var(--gcp-surface);
  transition: border-color .18s;
}
.gcp-game-card:hover { border-color: var(--gcp-gold); }
.gcp-game-name { display: block; font-size: 13px; font-weight: 600; margin-bottom: 3px; color: var(--gcp-text); line-height: 1.3; }
.gcp-game-prov { display: block; font-size: 11px; color: var(--gcp-text3); }
.gcp-game-cat  { display: inline-block; margin-top: 5px; font-size: 10px; font-weight: 700; padding: 1px 6px; border-radius: 4px; background: var(--gcp-surface2); color: var(--gcp-text3); }

/* ── Provider chips ───────────────────────────────────────────── */
.gcp-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.gcp-chip  { padding: 4px 11px; border-radius: 6px; font-size: 12px; font-weight: 500; background: var(--gcp-surface); border: 1px solid var(--gcp-border); color: var(--gcp-text2); transition: border-color .15s, color .15s; }
.gcp-chip:hover { border-color: var(--gcp-gold); color: var(--gcp-gold); }

/* ── Mini lists (toplist) ─────────────────────────────────────── */
.gcp-mini-lists {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  padding-top: 12px;
  border-top: 1px solid var(--gcp-border2);
  margin-top: 12px;
}
.gcp-mini-list { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.gcp-mini-title { font-size: 11px; font-weight: 700; color: var(--gcp-text3); white-space: nowrap; }
.gcp-mini-item  { font-size: 11px; background: var(--gcp-surface); color: var(--gcp-text2); padding: 2px 8px; border-radius: 4px; border: 1px solid var(--gcp-border); white-space: nowrap; }

/* ════════════════════════════════════════════════════════════════
   TOPLIST CARD
   ════════════════════════════════════════════════════════════════ */
.gcp-toplist { display: flex; flex-direction: column; gap: 16px; }

.gcp-card--toplist {
  border: 1px solid var(--gcp-border);
  border-radius: var(--gcp-r);
  padding: 20px;
  background: transparent;
  transition: border-color .2s, box-shadow .2s;
}
.gcp-card--toplist:hover {
  border-color: var(--gcp-gold);
  box-shadow: 0 2px 16px rgba(0,0,0,.08);
}

.gcp-card__head {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 14px;
  flex-wrap: wrap;
}
.gcp-card__logo-wrap {
  flex-shrink: 0;
  width: 76px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid var(--gcp-border);
  padding: 5px;
  background: var(--gcp-surface);
}
.gcp-card__logo { max-width: 66px; max-height: 48px; object-fit: contain; display: block; }
.gcp-logo-ph    { font-size: 28px; }
.gcp-card__title-wrap { flex: 1; min-width: 0; }
.gcp-card__name  { font-size: 18px; font-weight: 700; margin: 0 0 4px; color: var(--gcp-text); line-height: 1.2; }
.gcp-card__desc  { font-size: 13px; color: var(--gcp-text2); margin: 5px 0 0; line-height: 1.5; }

/* ════════════════════════════════════════════════════════════════
   REVIEW PAGE
   ════════════════════════════════════════════════════════════════ */
.gcp-review { width: 100%; max-width: 100%; }

/* Hero */
.gcp-review__hero {
  border: 1px solid var(--gcp-border);
  border-radius: var(--gcp-r);
  padding: 24px;
  margin-bottom: 20px;
  background: var(--gcp-surface);
}
.gcp-review__hero-top {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  flex-wrap: wrap;
}
.gcp-review__logo-wrap {
  flex-shrink: 0;
  width: 100px;
  height: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  border: 1px solid var(--gcp-border);
  padding: 8px;
  background: transparent;
}
.gcp-review__logo { max-width: 84px; max-height: 60px; object-fit: contain; display: block; }
.gcp-logo-ph-lg   { font-size: 36px; }
.gcp-review__title-area { flex: 1; min-width: 200px; }
.gcp-review__name {
  font-size: clamp(20px, 3vw, 30px);
  font-weight: 800;
  margin: 0 0 8px;
  color: var(--gcp-text);
  line-height: 1.2;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.gcp-review__desc {
  font-size: 14px;
  color: var(--gcp-text2);
  margin: 10px 0 0;
  line-height: 1.7;
}

/* Screenshot — correct proportions, no crop */
.gcp-review__screenshot {
  margin-top: 20px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid var(--gcp-border);
  width: 100%;
  line-height: 0;
}
.gcp-review__screenshot img {
  width: 100%;
  height: auto;         /* natural height — no crop */
  display: block;
  object-fit: contain;
}

/* CTA bottom — centered */
.gcp-review__cta-bottom {
  text-align: center;
  padding: 32px 0 8px;
  border-top: 1px solid var(--gcp-border2);
  margin-top: 28px;
}

/* ── Responsive ───────────────────────────────────────────────── */
@media (max-width: 640px) {
  .gcp-card__head         { gap: 12px; }
  .gcp-btn--head          { width: 100%; margin-top: 10px; }
  .gcp-review__hero-top   { flex-direction: column; }
  .gcp-review__name       { font-size: 20px; }
  .gcp-stat               { min-width: 80px; padding: 10px 8px; }
  .gcp-stat__num          { font-size: 18px; }
  .gcp-mini-lists         { gap: 10px; }
  .gcp-table-wrap         { border-radius: 6px; }
}

/* ════════════════════════════════════════════════════════════
   COMPARISON TABLE
   ════════════════════════════════════════════════════════════ */
.gcp-comparison {
  font-family: var(--gcp-font);
  color: var(--gcp-text);
  font-size: 14px;
  line-height: 1.5;
  width: 100%;
}
.gcp-comparison-wrap {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid var(--gcp-border);
  border-radius: var(--gcp-r);
}
.gcp-comp-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 400px;
}

/* ── Feature column (sticky left) ─── */
.gcp-comp-feature-col,
.gcp-comp-feature {
  min-width: 150px;
  max-width: 180px;
}
.gcp-comp-feature-col { background: var(--gcp-bg3); }

/* ── Casino header column ─── */
.gcp-comp-casino-col {
  min-width: 130px;
  text-align: center;
  padding: 10px 8px;
  border-left: 1px solid var(--gcp-border);
  background: var(--gcp-bg2);
  vertical-align: top;
  border-bottom: 2px solid var(--gcp-border);
}
.gcp-comp-casino-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}
.gcp-comp-logo {
  max-width: 56px;
  max-height: 34px;
  object-fit: contain;
  display: block;
  flex-shrink: 0;
}
.gcp-comp-logo-ph { font-size: 20px; }
.gcp-comp-name {
  display: block;
  font-weight: 700;
  font-size: 12px;
  color: var(--gcp-text);
  line-height: 1.2;
  text-align: center;
  word-break: break-word;
  hyphens: auto;
}
.gcp-comp-rating {
  font-size: 11px;
  color: var(--gcp-text2);
  text-align: center;
  line-height: 1.3;
}
thead .gcp-comp-feature-col {
  border-bottom: 2px solid var(--gcp-border);
  border-right: 2px solid var(--gcp-border);
  padding: 8px 12px;
}

/* ── Cells ─── */
.gcp-comp-cell {
  text-align: center;
  border-left: 1px solid var(--gcp-border2);
  border-bottom: 1px solid var(--gcp-border2);
  padding: 6px 10px;
  vertical-align: middle;
  font-size: 13px;
}

/* ── Row types ─── */
.gcp-comp-row-odd .gcp-comp-feature { background: var(--gcp-surface); }
.gcp-comp-row-odd .gcp-comp-cell    { background: var(--gcp-surface); }

/* Group header row */
.gcp-comp-row-group .gcp-comp-feature {
  background: var(--gcp-surface2);
  color: var(--gcp-text);
  font-weight: 800;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .05em;
  padding: 7px 14px;
  border-top: 1px solid var(--gcp-border);
}
.gcp-comp-row-group .gcp-comp-cell {
  background: var(--gcp-surface2);
  font-weight: 700;
  padding: 7px 10px;
  border-top: 1px solid var(--gcp-border);
}

/* Sub rows */
.gcp-comp-row-sub .gcp-comp-feature {
  font-weight: 500;
  color: var(--gcp-text2);
  font-size: 12px;
  padding: 5px 14px 5px 22px;
}
.gcp-comp-row-sub .gcp-comp-cell {
  padding: 5px 10px;
  font-size: 12px;
}
.gcp-comp-indent { display:none; }

/* ── Feature column base ─── */
.gcp-comp-feature {
  background: var(--gcp-bg2);
  font-size: 13px;
  font-weight: 700;
  color: var(--gcp-text);
  padding: 7px 14px;
  border-right: 2px solid var(--gcp-border);
  border-bottom: 1px solid var(--gcp-border2);
  white-space: nowrap;
}

/* ── Values ─── */
.gcp-comp-yes { color: var(--gcp-green); font-weight: 700; }
.gcp-comp-no  { color: var(--gcp-red);   font-weight: 500; }
.gcp-comp-na  { color: var(--gcp-text3); }
.gcp-comp-num { font-weight: 700; color: var(--gcp-text); }
.gcp-comp-pmlist { font-size: 12px; color: var(--gcp-text2); line-height: 1.5; }
.gcp-comp-more { color: var(--gcp-blue); font-size: 11px; white-space: nowrap; }

/* ── CTA row ─── */
.gcp-comp-row-cta td {
  padding: 12px 10px;
  text-align: center;
  border-bottom: none;
  background: var(--gcp-surface);
}
.gcp-comp-row-cta .gcp-comp-feature {
  background: var(--gcp-surface);
  border-bottom: none;
  font-weight: 400;
}
.gcp-btn--sm { padding: 7px 16px; font-size: 13px; }

/* ── Light mode ─── */
.gcp-comparison.gcp-light {
  --gcp-bg2: #fff;
  --gcp-bg3: #f4f6f9;
}

/* Slot volatility pills */
.gcp-pill--rtp  { border-color:var(--gcp-blue-border,rgba(88,166,255,.3)); color:var(--gcp-blue); background:var(--gcp-blue-bg,rgba(88,166,255,.08)); }
.gcp-pill--vol-low   { border-color:rgba(63,185,80,.3);  color:#3fb950; background:rgba(63,185,80,.08); }
.gcp-pill--vol-mid   { border-color:rgba(251,191,36,.3); color:#fbbf24; background:rgba(251,191,36,.08); }
.gcp-pill--vol-high  { border-color:rgba(248,113,113,.3);color:#f87171; background:rgba(248,113,113,.08); }
.gcp-pill--vol-vhigh { border-color:rgba(220,38,38,.3);  color:#ef4444; background:rgba(220,38,38,.08); }
/* Slot card image */
.gcp-card--slot .gcp-card__logo-wrap { width:90px; height:70px; }
.gcp-card--slot .gcp-card__logo { max-width:80px; max-height:60px; }

/* Prose paragraphs */
.gcp-prose p { margin: 0 0 .85em; line-height: 1.75; }
.gcp-prose p:last-child { margin-bottom: 0; }

/* Slot card footer CTA */
.gcp-slot-card__footer {
  text-align: right;
  padding-top: 12px;
  margin-top: 12px;
  border-top: 1px solid var(--gcp-border2);
}
.gcp-slot-cta { min-width: 130px; }

@media (max-width: 600px) {
  .gcp-slot-card__footer { text-align: center; }
  .gcp-slot-cta { width: 100%; }
}

/* ── Casino Card (kkp_casino_card) ──────────────────────── */
.kkp-card {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: #161b22;
  color: #e6edf3;
  border: 1px solid #30363d;
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
}
.kkp-card__top {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 14px 16px !important;
  flex-wrap: wrap !important;
  background: #161b22 !important;
}
.kkp-card__logo-wrap {
  flex-shrink: 0 !important;
  width: 84px !important;
  height: 64px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #21262d !important;
  border-radius: 8px !important;
  padding: 6px !important;
  border: 1px solid #30363d !important;
}
.kkp-card__logo {
  max-width: 72px !important;
  max-height: 52px !important;
  object-fit: contain !important;
  display: block !important;
}
.kkp-card__logo-ph { font-size: 26px; }
.kkp-card__info { flex: 1 !important; min-width: 0 !important; }
.kkp-card__name {
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  margin: 0 0 7px !important;
  color: #e6edf3 !important;
  padding: 0 !important;
}
.kkp-card__meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
}
.kkp-card__meta-item {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}
.kkp-card__meta-label {
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .07em !important;
  color: #6e7681 !important;
  line-height: 1 !important;
}
.kkp-card__meta-val {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #8b949e !important;
  line-height: 1.2 !important;
}
.kkp-card__cta { flex-shrink: 0 !important; }
.kkp-card__stats {
  display: flex !important;
  flex-wrap: wrap !important;
  border-top: 1px solid #21262d !important;
  background: #0d1117 !important;
}
.kkp-card__stat {
  flex: 1 !important;
  min-width: 70px !important;
  text-align: center !important;
  padding: 10px 8px !important;
  border-right: 1px solid #21262d !important;
}
.kkp-card__stat:last-child { border-right: none !important; }
.kkp-card__stat-num {
  display: block !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #c9a84c !important;
  line-height: 1 !important;
  margin: 0 0 3px !important;
  padding: 0 !important;
}
.kkp-card__stat-label {
  font-size: 10px !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
  color: #8b949e !important;
  font-weight: 600 !important;
  display: block !important;
}
@media (max-width: 500px) {
  .kkp-card__cta { width: 100% !important; justify-content: center !important; }
  .kkp-card__stat-num { font-size: 15px !important; }
}