/* Phase 2 component layer: keeps Phase 1 design tokens intact. */
.hub-live-card{display:flex;flex-direction:column;gap:10px;padding:23px;background:#fff;border:1px solid #ebe4f1;border-radius:19px;color:var(--ink,#25213d);text-decoration:none;min-width:0;box-shadow:0 4px 19px #2b1c4d09;transition:transform .16s,border-color .16s}
.hub-live-card:hover,.hub-live-card:focus-visible{transform:translateY(-2px);border-color:#c52a7c}
.hub-live-card h3{font-size:1.1rem;line-height:1.5;margin:0;overflow-wrap:anywhere}
.hub-live-card p{font-size:.91rem;color:#595369;margin:0;line-height:1.7}
.hub-live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:16px 0 34px}
.hub-feedback{color:#625a75;padding:22px 14px;background:#f7f2fa;border-radius:14px;line-height:1.8;grid-column:1/-1}
.hub-detail-meta{margin:20px 0;color:#57506b;font-size:.95rem}
.hub-detail-body{margin:28px 0 34px;line-height:1.95;white-space:normal;overflow-wrap:anywhere}
.hub-detail-body p{margin:0 0 1.2em}
[data-hub-home-event] .hub-live-card{margin-bottom:12px}
[data-hub-home-news] .hub-live-card{margin-bottom:12px}
@media(max-width:850px){.hub-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.hub-live-grid{grid-template-columns:1fr}.hub-live-card{padding:18px}}