/* JŌTŌ — Upcoming Events ("Happenings") styles.
   Kept in its own file; loaded in addition to styles.css on happenings.html. */
.happenings{max-width:840px;margin:28px auto 0;padding:0 24px 40px;display:flex;flex-direction:column;gap:20px}
.event-card{
  display:grid;grid-template-columns:108px 1fr;gap:28px;align-items:start;
  background:#fff;border:1px solid #e6ddca;padding:26px 30px;
}
.event-card.has-img{grid-template-columns:108px 1fr 170px}
.ev-date{text-align:center;border-right:1px solid rgba(45,35,24,.12);padding-right:18px}
.ev-date .mo{color:var(--gold);text-transform:uppercase;letter-spacing:.04em;font-size:28px;font-weight:600;line-height:1.05}
.ev-date .day{font-family:var(--font-serif);font-size:42px;line-height:1;color:var(--ink)}
.ev-date .dow{color:var(--muted);font-size:21px;text-transform:uppercase;letter-spacing:.06em;margin-top:4px}
.ev-body h3{font-family:var(--font-serif);font-weight:500;font-size:24px;color:var(--ink);line-height:1.15}
.ev-body .when{color:var(--gold);font-size:11.5px;text-transform:uppercase;letter-spacing:.13em;margin:6px 0 10px}
.ev-body p{color:#5a4c38;font-size:15px;line-height:1.7;max-width:52ch}
.ev-links{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap}
.ev-links a{
  text-decoration:none;color:var(--ink);border:1px solid rgba(201,168,76,.6);
  text-transform:uppercase;letter-spacing:.14em;font-size:10.5px;padding:8px 16px;transition:.2s;
}
.ev-links a:hover{background:var(--gold);border-color:var(--gold);color:var(--dark)}
.ev-thumb{width:170px;height:118px;object-fit:cover;align-self:center}
.happenings-empty{text-align:center;color:var(--muted);padding:56px 24px;font-size:16px}
.happenings-empty a{color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(201,168,76,.4)}

@media(max-width:640px){
  .event-card,.event-card.has-img{grid-template-columns:1fr}
  .ev-date{display:flex;align-items:baseline;gap:10px;text-align:left;border-right:0;border-bottom:1px solid rgba(45,35,24,.1);padding:0 0 12px}
  .ev-date .day{font-size:26px}
  .ev-date .dow{margin-top:0}
  .ev-thumb{width:100%;height:190px;order:-1}
}