/* ── Events page (scoped additions; uses site design tokens) ── */
    .events-intro {
      padding: clamp(3.5rem, 7vw, 6rem) 0 clamp(1.5rem, 3vw, 2.5rem);
    }
    .events-intro .eyebrow { margin-bottom: 1.1rem; }
    .events-intro h1 {
      margin: 0 0 1.25rem;
      font-family: "Cormorant Garamond", Georgia, serif;
      font-weight: 600;
      line-height: 1.0;
      font-size: clamp(2.8rem, 6vw, 4.6rem);
      letter-spacing: -0.01em;
    }
    .events-intro .lead {
      max-width: 52ch;
      margin: 0;
      font-size: clamp(1.05rem, 1.6vw, 1.25rem);
      color: var(--muted);
    }

    .events-section { padding: 0 0 clamp(4rem, 8vw, 7rem); }

    .list-head {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 1rem 2rem;
      margin-bottom: 2rem;
    }
    .list-month {
      margin: 0;
      font-family: "Cormorant Garamond", Georgia, serif;
      font-weight: 600;
      font-size: clamp(2rem, 3.4vw, 2.9rem);
      line-height: 1;
      color: var(--text);
    }
    .list-month span { color: var(--accent-dark); font-weight: 500; }

    .list-legend {
      display: flex;
      flex-wrap: wrap;
      gap: 1rem 1.4rem;
      font-size: 0.85rem;
      color: var(--muted);
    }
    .list-legend span { display: inline-flex; align-items: center; gap: 0.5rem; }
    .dot { width: 0.65rem; height: 0.65rem; border-radius: 999px; }
    .dot.worship   { background: var(--accent); }
    .dot.study     { background: #7c93a6; }
    .dot.community { background: #6e9171; }
    .dot.youth     { background: #c98a63; }

    /* Agenda list */
    .events-list {
      display: flex;
      flex-direction: column;
      gap: 0.85rem;
      list-style: none;
      margin: 0;
      padding: 0;
    }

    .event-row {
      display: grid;
      grid-template-columns: 92px 1fr auto;
      align-items: center;
      gap: 1.5rem;
      background: var(--surface);
      border: 1px solid var(--border);
      border-left: 4px solid var(--accent);
      border-radius: 1rem;
      padding: 1.15rem 1.5rem;
      box-shadow: var(--shadow);
      transition: transform 0.2s ease, box-shadow 0.2s ease;
      text-decoration: none;
      color: inherit;
    }
    .event-row:hover {
      transform: translateY(-2px);
      box-shadow: 0 22px 50px rgba(52, 39, 28, 0.12);
    }
    .event-row.study    { border-left-color: #7c93a6; }
    .event-row.community { border-left-color: #6e9171; }
    .event-row.youth     { border-left-color: #c98a63; }

    .event-date {
      text-align: center;
      line-height: 1;
      padding-right: 1.5rem;
      border-right: 1px solid var(--border);
    }
    .event-date .dow {
      display: block;
      font-size: 0.72rem;
      font-weight: 700;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--accent-dark);
      margin-bottom: 0.45rem;
    }
    .event-date .num {
      display: block;
      font-family: "Cormorant Garamond", Georgia, serif;
      font-size: 2.3rem;
      font-weight: 600;
      color: var(--text);
    }

    .event-main .event-title {
      margin: 0 0 0.3rem;
      font-family: "Cormorant Garamond", Georgia, serif;
      font-weight: 600;
      font-size: clamp(1.25rem, 2vw, 1.55rem);
      line-height: 1.1;
      color: var(--text);
    }
    .event-main .event-meta {
      margin: 0;
      color: var(--muted);
      font-size: 0.95rem;
    }
    .event-main .event-meta b { color: var(--text); font-weight: 600; }

    .event-tag {
      justify-self: end;
      white-space: nowrap;
      font-size: 0.72rem;
      font-weight: 700;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      padding: 0.4rem 0.8rem;
      border-radius: 999px;
      background: rgba(190, 155, 116, 0.15);
      color: var(--accent-dark);
    }
    .event-tag.study    { background: rgba(124, 147, 166, 0.16); color: #41525f; }
    .event-tag.community { background: rgba(110, 145, 113, 0.18); color: #3f5a42; }
    .event-tag.youth     { background: rgba(201, 138, 99, 0.18); color: #7c4d2e; }

    .event-row.is-today { background: linear-gradient(0deg, rgba(190,155,116,0.07), rgba(190,155,116,0.07)), var(--surface); }
    .event-row.is-today .event-date .num {
      width: 2.6rem; height: 2.6rem; margin: 0 auto;
      display: grid; place-items: center;
      background: var(--accent); color: #fff;
      border-radius: 999px; font-size: 1.5rem;
    }

    @media (max-width: 640px) {
      .event-row {
        grid-template-columns: 64px 1fr;
        gap: 1rem;
        padding: 1rem 1.15rem;
      }
      .event-date { padding-right: 1rem; }
      .event-date .num { font-size: 1.8rem; }
      .event-tag {
        grid-column: 2;
        justify-self: start;
        margin-top: 0.25rem;
      }
      .event-row.is-today .event-date .num { width: 2.1rem; height: 2.1rem; font-size: 1.2rem; }
    }