.scm-events{
  background:var(--bg);
  color:var(--ink);
  font:500 16px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial;
}
.scm-wrap{max-width:var(--grid-max); margin-inline:auto; padding:0;}

/* Topbar */
.scm-topbar{display:flex; align-items:center; gap:8px; padding:0 0 12px;}
.scm-months{margin-left:auto; display:flex; gap:6px; align-items:center; flex-wrap:wrap}
.scm-months .scm-chip{
  all:unset;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  border-radius:999px;
  background:var(--chip-bg) !important;
  color:var(--chip-ink) !important;
  font-weight:800;
  font-size:.72rem;
  letter-spacing:.04em;
  border:1px solid var(--chip-ink);
  box-shadow:0 2px 8px rgba(0,0,0,.18);
  cursor:pointer;
  text-transform:uppercase;
  transition:border-color .18s ease,color .18s ease;
}
.scm-months .scm-chip:hover{
  color:#ffffff !important;
  border-color:#ffffff;
  background:var(--chip-bg) !important;
}
.scm-months .scm-chip.active{
  color:var(--brand) !important;
  border-color:var(--brand);
  background:var(--chip-bg) !important;
  outline:none;
  filter:none;
}
.scm-months .scm-chip:focus-visible{outline:2px solid rgba(255,255,255,.28); outline-offset:2px}


:root{
  --bg: transparent;
  --ink:#f5f5f5;
  --muted:#b7b7b7;
  --brand:#cca87f;
  --chip-bg:#141414;
  --chip-ink:#8D8D8D;
  --card-border-subtle:rgba(255,255,255,.08);
  --grid-max:1400px;
}

.scm-grid{display:grid; gap:18px; grid-template-columns:repeat(4,1fr)}
@media (max-width:1200px){.scm-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){.scm-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.scm-grid{grid-template-columns:repeat(1,1fr)}}

.scm-card{
  background:#0f0f0f;
  border:1px solid var(--card-border-subtle);
  border-radius:24px;
  overflow:hidden;
}
.scm-card:hover{border-color:var(--brand); transform:translateY(-3px)}

.scm-body-row{display:grid; grid-template-columns:80px 1fr; gap:12px; padding:16px; align-items:center}

.scm-date{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  border:1px solid var(--card-border-subtle);
  border-radius:16px;
  padding:6px 4px;
  gap:2px;
}

.scm-day{
  font-size:1.5rem;
  font-weight:800;
  color:var(--brand);
  line-height:1;
}

.scm-month{
  font-size:.85rem;
  font-weight:400;
  color:#ffffff;
  line-height:1;
  margin:2px 0 0;
}

.scm-weekday{
  font-size:.8rem;
  font-weight:400;
  color:var(--brand);
  line-height:1;
  margin:2px 0 0;
}

.scm-title{
  font-size:1.05rem;
  font-weight:800;
  color:var(--brand) !important;
  margin:0 0 3px;
}

.scm-place{
  margin:0 0 3px;
  font-size:.95rem;
  color:#ffffff !important;
}

.scm-time{
  font-size:.9rem;
  color:var(--muted);
}

.scm-card,
.scm-card *{
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif;
}