.mf-card { display:flex; flex-direction:column; max-height:640px; border:1px solid #e5e7eb; border-radius:12px; padding:16px; overflow:hidden; }
.mf-card-media { display:flex; align-items:center; justify-content:center; max-height:320px; margin-bottom:12px; overflow:hidden; border-radius:8px; background:#f8fafc; }
.mf-card--media-landscape .mf-card-media { aspect-ratio:16/9; max-height:240px; }
.mf-card--media-portrait .mf-card-media { aspect-ratio:4/5; max-height:360px; }
.mf-card--media-square .mf-card-media { aspect-ratio:1/1; max-height:300px; }
.mf-card-thumb { width:100%; max-height:100%; height:100%; object-fit:contain; border-radius:8px; display:block; }
.mf-card-title { margin:8px 0; font-size:1.125rem; line-height:1.3; }
.mf-card-topic { display:inline-flex; align-items:center; width:max-content; margin:0 0 6px; padding:2px 8px; border:1px solid #dfe3e8; border-radius:999px; color:#4b5563; font-size:.75rem; font-weight:700; line-height:1.6; }
.mf-card-body { flex:1 1 auto; font-size:.95rem; overflow:hidden; }
.mf-card-body > :last-child { margin-bottom:0; }
.mf-card:not(.mf-card--has-video) .mf-card-body { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; }
.mf-card--has-cta:not(.mf-card--has-video) .mf-card-body { -webkit-line-clamp:4; }
.mf-card-body .mf-card-img { max-width:100%; height:auto; border-radius:6px; display:block; margin:8px 0; }
.mf-card-embed { width:100%; }
.mf-card-embed iframe { width:100% !important; max-width:100% !important; display:block; }
.mf-card-media--video { display:block; max-height:none; overflow:visible; background:transparent; }
.mf-card-media--video-landscape iframe { aspect-ratio:16/9; height:auto !important; }
.mf-card-media--video-portrait { max-width:220px; margin-left:auto; margin-right:auto; }
.mf-card-media--video-portrait iframe { aspect-ratio:9/16; height:auto !important; }
.mf-card--has-video .mf-card-media { aspect-ratio:auto; }
.mf-card--has-video .mf-card-body { display:block; overflow:visible; }
.mf-card-cta { flex:0 0 auto; margin-top:auto; padding-top:10px; }
.mf-card-cta .button { text-decoration:none; }
.mf-card-event-meta { margin:0 0 10px; color:#4b5563; font-size:.9rem; font-weight:600; }
.mf-card-event-meta a { color:inherit; text-decoration:underline; text-underline-offset:2px; }
.mf-activity-stream-wrap { width:100%; }
.mf-activity-stream-head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 16px; }
.mf-activity-stream-head h2 { margin:0; }
.mf-activity-stream-controls { display:flex; align-items:center; gap:10px; margin-left:auto; }
.mf-activity-stream-control { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; border:1px solid #dfe3e8; border-radius:8px; background:#fff; color:#111827; cursor:pointer; font-size:1.35rem; line-height:1; }
.mf-activity-stream-control:hover:not(:disabled), .mf-activity-stream-control:focus-visible:not(:disabled) { border-color:#c026d3; color:#c026d3; }
.mf-activity-stream-control:disabled { opacity:.35; cursor:default; }
.mf-activity-stream { display:grid; gap:16px; }
.mf-activity-stream--vertical { grid-template-columns:minmax(0, 1fr); }
.mf-activity-stream--grid { grid-template-columns:repeat(auto-fit, minmax(min(100%, 260px), 1fr)); }
.mf-activity-stream--grid .mf-card { height:560px; max-height:560px; }
.mf-activity-stream--list { grid-template-columns:minmax(0, 1fr); }
.mf-activity-stream--list .mf-card { width:100%; max-width:760px; min-height:0; max-height:none; }
.mf-activity-stream--list .mf-card:not(.mf-card--has-video) .mf-card-body { display:block; overflow:visible; -webkit-line-clamp:unset; }
.mf-activity-stream-wrap--horizontal { position:relative; --mf-stream-card-width:clamp(280px, 28vw, 380px); }
.mf-activity-stream--horizontal { grid-auto-flow:column; grid-auto-columns:var(--mf-stream-card-width); overflow-x:auto; overflow-y:hidden; padding:2px 2px 12px; scroll-snap-type:x proximity; scroll-padding-inline:2px; scrollbar-width:none; -ms-overflow-style:none; -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 20px, #000 calc(100% - 20px), transparent 100%); mask-image:linear-gradient(90deg, transparent 0, #000 20px, #000 calc(100% - 20px), transparent 100%); }
.mf-activity-stream--horizontal::-webkit-scrollbar { display:none; }
.mf-activity-stream--horizontal .mf-card { scroll-snap-align:start; }
.mf-activity-stream--horizontal .mf-card { height:560px; max-height:560px; }
.mf-activity-stream--horizontal .mf-card--media-landscape .mf-card-media { max-height:210px; }
.mf-activity-stream--horizontal .mf-card--media-portrait .mf-card-media { max-height:310px; }
.mf-activity-stream--horizontal .mf-card-media--video-landscape { max-height:210px; }
.mf-activity-stream--horizontal .mf-card-media--video-portrait { max-width:190px; max-height:340px; }
.mf-activity-stream--horizontal .mf-card-media--video-portrait iframe { width:190px !important; max-width:190px !important; }
@media (max-width: 640px) {
  .mf-activity-stream-wrap--horizontal { --mf-stream-card-width:min(84vw, 340px); }
  .mf-activity-stream-control { width:40px; height:40px; }
}
.mf-activity-single { max-width:640px; margin:48px auto; padding:0 20px; }
.mf-activity-single-card { border:1px solid #e5e7eb; border-radius:12px; padding:22px; overflow:hidden; background:#fff; }
.mf-activity-single-media { display:flex; align-items:center; justify-content:center; max-height:520px; margin:0 0 18px; overflow:hidden; border-radius:10px; background:#f8fafc; }
.mf-activity-single-thumb { width:100%; max-height:520px; height:auto; object-fit:contain; border-radius:10px; display:block; }
.mf-activity-single-topic { display:inline-flex; align-items:center; width:max-content; margin:0 0 14px; padding:3px 10px; border:1px solid #dfe3e8; border-radius:999px; color:#4b5563; font-size:.8rem; font-weight:700; line-height:1.6; }
.mf-activity-single-body { font-size:1.05rem; line-height:1.7; }
.mf-activity-single-body > :first-child { margin-top:0; }
.mf-activity-single-body > :last-child { margin-bottom:0; }
.mf-activity-single-panel { border:1px solid #dfe3e8; border-radius:8px; padding:14px 16px; margin:20px 0; color:#3f4650; font-weight:600; }
.mf-activity-single-embed { width:100%; margin:0; }
.mf-activity-single-embed iframe { width:100% !important; max-width:100% !important; display:block; }
.mf-activity-single-media--video { display:block; max-height:none; overflow:visible; background:transparent; }
.mf-activity-single-media--video-landscape iframe { aspect-ratio:16/9; height:auto !important; }
.mf-activity-single-media--video-portrait { max-width:360px; margin-left:auto; margin-right:auto; }
.mf-activity-single-media--video-portrait iframe { aspect-ratio:9/16; height:auto !important; }
.mf-activity-single-link { margin:24px 0 0; }
.mf-activity-single-link .button { display:inline-flex; align-items:center; min-height:40px; padding:0 16px; border:1px solid currentColor; border-radius:6px; text-decoration:none; }
.mf-event-details { border:1px solid #dfe3e8; border-radius:10px; padding:14px 16px; margin:0 0 18px; color:#374151; background:#f8fafc; }
.mf-event-detail-row { display:grid; grid-template-columns:72px minmax(0,1fr); gap:12px; align-items:start; margin:0 0 8px; }
.mf-event-detail-row:last-of-type { margin-bottom:0; }
.mf-event-detail-label { color:#6b7280; font-size:.85rem; font-weight:700; text-transform:uppercase; }
.mf-event-location-link { color:inherit; font-weight:700; text-decoration:underline; text-underline-offset:2px; }
.mf-event-map-link { margin:12px 0 0; }
.mf-event-map-link .button { display:inline-flex; align-items:center; min-height:38px; padding:0 14px; border:1px solid currentColor; border-radius:6px; text-decoration:none; }