.activity-layout { display: grid; gap: 18px; margin-top: 24px; }
.activity-feed { display: grid; gap: 10px; }
.activity-card { display: grid; grid-template-columns: 48px 1fr auto; align-items: center; gap: 14px; width: 100%; min-height: 86px; padding: 15px; border: 1px solid var(--rider-line); border-radius: 20px; color: var(--rider-ink); background: white; text-align: left; }
.activity-card:hover { border-color: rgba(0, 166, 147, .42); background: #fbfefd; }
.activity-card-icon { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 16px; color: var(--rider-green); background: var(--rider-mint); }
.activity-card-copy strong, .activity-card-copy span { display: block; }
.activity-card-copy span { margin-top: 4px; color: var(--rider-muted); font-size: 12px; }
.activity-card-meta { text-align: right; }
.activity-card-meta strong, .activity-card-meta span { display: block; }
.activity-card-meta span { margin-top: 4px; color: var(--rider-muted); font-size: 11px; }
.activity-detail { padding: 24px; border: 1px solid var(--rider-line); border-radius: 24px; background: linear-gradient(145deg, #f1faf8, #fff); }
.activity-detail-close { display: inline-flex; align-items: center; min-height: 42px; margin: -6px 0 16px; padding: 0; border: 0; color: var(--rider-green); background: transparent; font: inherit; font-weight: 750; cursor: pointer; }
.activity-detail-close::before { content: "←"; margin-right: 8px; font-size: 18px; }
.activity-detail-close:focus-visible { outline: 3px solid rgba(0, 166, 147, .24); outline-offset: 4px; border-radius: 8px; }
.activity-detail-list { display: grid; gap: 10px; margin-top: 18px; }
.activity-detail-row { display: flex; justify-content: space-between; gap: 16px; padding-bottom: 10px; border-bottom: 1px solid var(--rider-line); }
.activity-detail-actions { display: grid; gap: 10px; margin-top: 18px; }
.activity-support-action { min-height: 48px; }

@media (max-width: 979px) {
  .activity-layout.activity-detail-open .activity-feed { display: none; }
  .activity-layout.activity-detail-open .activity-detail { width: 100%; box-sizing: border-box; }
  .activity-detail { padding: 20px; border-radius: 22px; }
  .activity-detail-row { align-items: flex-start; }
  .activity-detail-row strong { max-width: 62%; text-align: right; overflow-wrap: anywhere; }
}

@media (min-width: 980px) {
  .activity-layout:has(.activity-detail:not(.hidden)) { grid-template-columns: minmax(0, .9fr) minmax(340px, .7fr); align-items: start; }
  .activity-detail { position: sticky; top: 24px; }
}
.eat-substitutions{display:grid;gap:.75rem;margin:1rem 0}.eat-substitution-card{padding:1rem;border:1px solid #e1cb65;border-radius:1rem;background:#fffbed}.eat-substitution-card h3,.eat-substitution-card p{margin:.25rem 0}.eat-substitution-card strong{display:block;margin-top:.65rem}.substitution-actions{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-top:.8rem}.substitution-deadline{font-variant-numeric:tabular-nums;color:var(--muted,#606060)}@media(max-width:560px){.substitution-actions{grid-template-columns:1fr}}