/* ================= GRID ================= */
.grid-3{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  gap:22px;
  margin-top:20px;
}

/* ================= CARD ================= */
.table-wrap{
  background:#ffffff;
  border-radius:18px;
  padding:16px 14px 18px;
  box-shadow:0 10px 30px rgba(0,0,0,0.07);
}

/* TITLE */
.table-wrap .section-title{
  font-size:16px;
  font-weight:700;
  color:#1e3a8a;
  text-align:center;
  margin-bottom:14px;
}

/* ================= TABLE RESET ================= */
.weekly-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0 8px; /* ROW GAP */
  font-size:14px;
}

/* HIDE HEADER GRID FEEL */
.weekly-table thead{
  display:none;
}

/* ROW CARD */
.weekly-table tbody tr{
  background:#f9fbff;
  border-radius:12px;
  box-shadow:0 3px 8px rgba(0,0,0,0.04);
}

/* CELLS */
.weekly-table td{
  padding:10px 8px;
  text-align:center;
  color:#334155;
  background:#f9fbff;
}

/* ROUND CARD */
.weekly-table td:first-child{
  border-radius:12px 0 0 12px;
}
.weekly-table td:last-child{
  border-radius:0 12px 12px 0;
}

/* DRAW NAME */
.weekly-table td:nth-child(3){
  font-weight:700;
  color:#1e40af;
}

/* HOVER */
.weekly-table tbody tr:hover td{
  background:#f1f5ff;
}

/* ================= TODAY ROW ================= */
.today-row td{
  background:#eef4ff !important;
  font-weight:700;
  color:#1e3a8a;
}

/* TODAY LEFT STRIP */
.today-row td:first-child{
  border-left:4px solid #93c5fd;
}

/* ================= MOBILE ================= */
@media(max-width:600px){
  .weekly-table{
    font-size:13px;
  }
  .weekly-table td{
    padding:9px 6px;
  }
}