/* APE-334: compact, expandable event cards with flyer beneath date.
   Loaded after mobile.css so desktop and mobile share the same card structure. */
.events-list{gap:10px}
.event-row{
  display:grid;
  grid-template-columns:102px minmax(0,1fr);
  gap:18px;
  align-items:start;
  min-height:174px;
  padding:14px 18px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#faf8f1;
}
.event-aside{display:flex;flex-direction:column;align-items:center;gap:9px;min-width:0}
.event-date{font-size:25px;line-height:1.08;text-align:center;overflow-wrap:break-word}
.event-thumb{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:88px;
  height:112px;
  overflow:hidden;
  border:1px solid rgba(22,45,25,.18);
  border-radius:8px;
  background:#fff;
  box-shadow:0 2px 7px #10201718;
  transition:transform .15s,box-shadow .15s;
}
a.event-thumb:hover,.event-thumb-pdf:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10201730}
.event-thumb:focus-visible{outline:3px solid #367d38;outline-offset:3px}
.event-thumb img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.event-thumb-pdf iframe{
  width:420px;height:530px;
  flex:0 0 420px;
  border:0;
  pointer-events:none;
  transform:scale(.21);
  transform-origin:top left;
  position:absolute;top:0;left:0;
  background:#fff;
}
.event-thumb-pdf-label{
  position:absolute;bottom:0;left:0;right:0;
  padding:3px 2px;
  background:#f1f6edee;
  color:#245331;
  font-size:10px;font-weight:800;text-align:center;
}
.event-thumb-hitbox{position:absolute;inset:0;z-index:1}
.event-thumb-hitbox:focus-visible{outline:3px solid #367d38;outline-offset:-3px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.event-main{min-width:0}
.event-heading{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}
.event-main .event-heading h3{
  margin:0 0 5px;
  font-size:clamp(21px,2.3vw,27px);
  line-height:1.1;
}
.event-status{display:inline-flex;flex:none;align-items:center;max-width:135px;padding:4px 8px;border-radius:999px;background:#e9f2e5;color:#366d43;font-size:10px;line-height:1.3;text-align:center;letter-spacing:.06em}
.event-meta{display:flex;flex-wrap:wrap;gap:2px 15px;color:#515f53;font-size:13px;line-height:1.35}
.event-place{font-weight:700;color:#253c2a}
.event-main .event-summary{color:#667267;margin:8px 0 0;font-size:13px;line-height:1.42;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}
.event-expanded[hidden]{display:none!important}
.event-row.is-expanded .event-summary{display:none}
.event-expanded{margin-top:12px;padding:12px 0 0;border-top:1px solid var(--line)}
.event-expanded .event-details{margin:0!important;font-size:14px;line-height:1.58}
.event-expanded .event-details p{margin:7px 0}
.event-expanded .event-note{margin:10px 0;color:#586b5b;font-size:13px;font-weight:600}
.event-expanded .event-media-thumbs{margin:12px 0;max-width:530px}
.event-footer{display:flex;gap:10px 18px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:11px}
.event-actions{display:flex;gap:7px;flex-wrap:wrap}
.event-actions .button{min-height:30px;padding:0 12px;font-size:10px;letter-spacing:.05em}
.event-expand{border:0;background:transparent;color:#276839;font-size:12px;font-weight:800;padding:7px 1px;white-space:nowrap;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.event-expand:hover{color:#173f26}
.event-expand:focus-visible{outline:3px solid #367d38;outline-offset:3px;border-radius:3px}
.event-expand span{margin-left:2px}
@media(max-width:900px){
  .event-row{grid-template-columns:91px minmax(0,1fr);gap:13px;padding:14px;min-height:156px}
  .event-thumb{width:79px;height:104px}
  .event-date{font-size:22px}
}
@media(max-width:600px){
  .event-row{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;padding:12px;min-height:0}
  .event-aside{gap:8px}
  .event-date{font-size:19px;margin:0;line-height:1.14}
  .event-thumb{width:72px;height:95px}
  .event-heading{display:block}
  .event-main .event-heading h3{font-size:22px;line-height:1.05;margin-bottom:5px}
  .event-status{margin-bottom:5px}
  .event-meta{display:grid;gap:2px;font-size:12px}
  .event-main .event-summary{font-size:12px;line-height:1.4;-webkit-line-clamp:2;line-clamp:2;margin-top:6px}
  .event-footer{margin-top:9px;gap:5px}
  .event-actions{gap:6px}
  .event-actions .button{min-height:31px;padding-inline:10px}
  .event-expand{font-size:12px;min-height:36px}
  .event-thumb-pdf iframe{display:none}
  .event-thumb-pdf:before{content:'PDF';font-family:var(--heading);color:#2b6d39;font-size:27px;font-weight:800;letter-spacing:.03em}
}
@media(max-width:380px){
  .event-row{grid-template-columns:70px minmax(0,1fr);gap:9px;padding:10px}
  .event-thumb{width:67px;height:89px}
  .event-main .event-heading h3{font-size:20px}
}
@media(prefers-reduced-motion:reduce){.event-thumb{transition:none}}