/* =========================================
   T2C Home Cards — full, scoped stylesheet
   (affects only content inside .t2c-home-wrap)
   ========================================= */

.t2c-home-wrap{
  /* green ramp: slate-teal → sea-green → fern → forest */
  --t2c-green-1:#5e8081; /* base */
  --t2c-green-2:#55a88b; /* hover/mid */
  --t2c-green-3:#c7c70a; /* active/deeper */
  --t2c-green-4:#b22222; /* darkest rim (or keep green if you prefer) */
  --t2c-text:red;

  padding:1rem 0 2rem;
  font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}

/* ── Heading + Search ───────────────────── */
.t2c-home-wrap .t2c-home-heading{
  font-size:2rem;
  text-align:left;
  margin:0 0 .75rem;
}
.t2c-home-wrap #t2c-home-search{
  display:block;
  padding:.5rem 1rem;
  margin:0 0 1.25rem;
  width:40%;
  max-width:460px;
  font-size:18px;
  border:1px solid #ccc;
  border-radius:6px;
}

/* ── Grid & Cards ───────────────────────── */
.t2c-home-wrap .t2c-home-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1.5rem;
  max-width:1200px;
  margin:0 auto;
  padding:0 1rem;
}
@media (max-width:900px){
  .t2c-home-wrap .t2c-home-grid{ grid-template-columns:1fr; }
}

.t2c-home-wrap .t2c-card{
  background:#fff;
  border:1px solid #ddd;
  border-radius:10px;
  padding:1.5rem;
  box-shadow:0 2px 5px rgba(0,0,0,.05);
  transition:transform .2s ease, box-shadow .2s ease;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  text-align:left;
}
.t2c-home-wrap .t2c-card:hover{
  transform:translateY(-5px);
  box-shadow:0 6px 12px rgba(0,0,0,.1);
}
.t2c-home-wrap .t2c-card-icon{ font-size:2rem; margin-bottom:.5rem; }
.t2c-home-wrap .t2c-card-title{ font-weight:600; font-size:24px; margin:.25rem 0 .5rem; }
.t2c-home-wrap .t2c-card-excerpt{ font-size:16px; margin:.25rem 0 1rem; color:#555; }

/* actions row */
.t2c-home-wrap .t2c-card-actions{
  display:flex;
  justify-content:flex-start;
  flex-wrap:wrap;
  gap:.5rem;
  margin-top:.75rem;
}

/* ── Dialogs (home shortcode only) ───────── */
.t2c-home-wrap dialog::backdrop{ background:rgba(0,0,0,.35); }
.t2c-home-wrap dialog{
  max-width:520px;
  width:calc(100% - 2rem);
  border:none;
  border-radius:.75rem;
  padding:1rem 1.25rem;
}

/* ── Glossy buttons (match main cards) ───── */
.t2c-home-wrap .t2c-btn,
.t2c-home-wrap dialog form button{
  -webkit-appearance:none; appearance:none;
  padding:.7rem 1.15rem;
  border:0;
  border-radius:14px;
  cursor:pointer;