/* Base */
.t2p-hero {
  text-align: center;
  padding: 72px 20px 40px;
  background: linear-gradient(180deg, rgba(99,102,241,.08), rgba(255,255,255,0));
}
.t2p-hero h1 { font-size: 44px; line-height: 1.1; margin: 0 0 10px; }
.t2p-hero p { color: #4b5563; margin: 0 0 24px; }

.t2p-search-wrap { max-width: 760px; margin: 0 auto 18px; }
#t2p-search {
  width: 100%; padding: 16px 18px; border-radius: 999px;
  border: 1px solid #e5e7eb; outline: none;
}
#t2p-search:focus { border-color: #6366f1; box-shadow: 0 0 0 3px rgba(99,102,241,.15); }

.t2p-hero-ctas { display: flex; gap: 12px; justify-content: center; margin-top: 8px; }

/* Layout */
.t2p-body { display: grid; grid-template-columns: 280px 1fr; gap: 24px; padding: 32px 20px; max-width: 1200px; margin: 0 auto; }
@media (max-width: 992px) { .t2p-body { grid-template-columns: 1fr; } .t2p-sidebar { order: 2; } }

.t2p-card {
  background: #fff; border: 1px solid #eef1f5; border-radius: 16px;
  box-shadow: 0 4px 18px rgba(0,0,0,.04); padding: 22px;
}

/* Sidebar */
.t2p-filter-card h3 { margin: 0 0 10px; }
.t2p-chip-group { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
.t2p-chip {
  border: 1px solid #e5e7eb; background: #f9fafb; color: #374151;
  padding: 8px 12px; border-radius: 999px; cursor: pointer; font-size: 14px;
}
.t2p-chip.active { background: #eef2ff; border-color: #6366f1; color: #1f2937; }

/* Main */
.t2p-pod { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 16px; border-left: 6px solid #6366f1; }
.t2p-pod h3 { margin: 0 0 6px; }
.t2p-pod h4 { margin: 0 0 6px; }
.t2p-pod p { margin: 0; color: #4b5563; }
.t2p-pod .t2p-btn-white { background: #fff; border: 1px solid #e5e7eb; }

.t2p-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 22px; }
@media (max-width: 1100px) { .t2p-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px)  { .t2p-grid { grid-template-columns: 1fr; } }

.t2p-prompt { transition: transform .12s ease, box-shadow .12s ease; }
.t2p-prompt:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,.06); }

.t2p-prompt-title { margin: 0 0 8px; font-size: 18px; }
.t2p-prompt-excerpt { color: #4b5563; margin: 0 0 14px; min-height: 44px; }

.t2p-badges { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; }
.t2p-badge { background: #eef2ff; color: #3730a3; border: 1px solid #e5e7eb; padding: 5px 10px; border-radius: 999px; font-size: 12px; }
.t2p-badge-gray { background: #f3f4f6; color: #374151; }

.t2p-actions { display: flex; gap: 8px; }

.t2p-convert { display: flex; align-items: center; justify-content: space-between; margin-top: 26px; }

/* Buttons */
.t2p-btn { border-radius: 12px; padding: 10px 14px; border: 1px solid transparent; font-weight: 600; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
.t2p-btn-sm { padding: 8px 12px; font-weight: 600; }
.t2p-btn-primary { background: #6366f1; color: #fff; }
.t2p-btn-primary:hover { filter: brightness(0.95); }
.t2p-btn-outline { background: #fff; border-color: #e5e7eb; }
.t2p-btn-ghost { background: #fff; border-color: #e5e7eb; }

/* Utilities */
.is-hidden { display: none !important; }

/* Image card */
/*.t2p-thumb-wrap {*/
  aspect-ratio: 16 / 9;       /* keeps consistent height */
/*  border-radius: 14px;*/
/*  overflow: hidden;*/
/*  background: #f3f4f6;*/
  margin: -4px -4px 12px;     /* stretch to card edges slightly */
/*}*/

/*.t2p-thumb {*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  object-fit: cover;*/
/*  display: block;*/
/*}*/

/* Placeholder if no image exists */
/*.t2p-thumb--placeholder {*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  background: repeating-linear-gradient(*/
/*    45deg, #f3f4f6, #f3f4f6 10px, #e5e7eb 10px, #e5e7eb 20px*/
/*  );*/
/*}*/

/* Optional: if you want ZERO text under image, keep title only */
/*.t2p-prompt-excerpt { display: none !important; }*/


/*prompt-stats views, like, copied*/
/*.prompt-stats {*/
/*  display: flex;*/
/*  justify-content: space-around;*/
/*  margin-top: 10px;*/
/*  font-size: 14px;*/
/*  color: #333;*/
/*}*/
/*.prompt-stats span {*/
/*  background: #f7f7f7;*/
/*  padding: 4px 8px;*/
/*  border-radius: 6px;*/
/*  cursor: pointer;*/
/*  transition: 0.2s;*/
/*}*/
/*.prompt-stats span:hover {*/
/*  background: #eaeaea;*/
/*}*/