.social-feed{padding-block:var(--space-12, 3rem);background:var(--color-surface, #f8fafc)}.social-feed-head{text-align:center;margin-bottom:var(--space-8, 2rem);display:flex;flex-direction:column;align-items:center;gap:var(--space-2, .5rem)}.social-feed-handle{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full, 999px);background:#1b396f14;color:var(--color-primary-blue, #1b396f);font-size:var(--text-xs, .75rem);font-weight:600;letter-spacing:.02em}.social-feed-title{margin:0;font-size:clamp(1.5rem,4vw,2.25rem);color:var(--color-text-main, #1e293b);line-height:1.15}.social-feed-sub{margin:0;font-size:var(--text-sm, .875rem);color:var(--color-text-muted, #64748b);max-width:48ch}.social-feed-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3, .75rem)}@media(min-width:640px){.social-feed-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-4, 1rem)}}.social-tile{position:relative;display:flex;flex-direction:column;gap:var(--space-2, .5rem);padding:0;border:none;background:transparent;text-align:left;cursor:pointer;border-radius:var(--radius-md, 10px);transition:transform var(--transition-fast, .15s ease)}.social-tile:hover,.social-tile:focus-visible{transform:translateY(-2px)}.social-tile:focus-visible{outline:2px solid var(--color-highlight-green, #63dd01);outline-offset:3px}.social-tile-media{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--radius-md, 10px);background:linear-gradient(135deg,#1b396f0f,#63dd010f)}.social-tile-media img{display:block;width:100%;height:100%;object-fit:cover}.social-tile-badge{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#0000008c;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.social-tile-caption{margin:0;font-size:var(--text-xs, .75rem);color:var(--color-text-muted, #64748b);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.social-modal-backdrop{position:fixed;inset:0;z-index:1000;background:#0d2145c7;display:flex;align-items:center;justify-content:center;padding:var(--space-4, 1rem);animation:social-modal-fade .18s ease-out}@keyframes social-modal-fade{0%{opacity:0}to{opacity:1}}.social-modal{position:relative;width:100%;max-width:560px;max-height:90vh;background:#fff;border-radius:var(--radius-lg, 14px);overflow:hidden;display:flex;flex-direction:column}.social-modal-close{position:absolute;top:8px;right:8px;z-index:2;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:none;background:#ffffffe6;color:var(--color-text-main, #1e293b);border-radius:50%;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.social-modal-close:hover,.social-modal-close:focus-visible{background:#fff}.social-modal-close:focus-visible{outline:2px solid var(--color-highlight-green, #63dd01);outline-offset:2px}.social-modal-media{position:relative;width:100%;background:#000;display:flex;align-items:center;justify-content:center;max-height:70vh;overflow:hidden}.social-modal-mute{position:absolute;bottom:16px;right:16px;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;background:#0d2145b3;color:#fff;border:none;border-radius:50%;cursor:pointer;z-index:2;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:background .18s ease}.social-modal-mute:hover,.social-modal-mute:focus-visible{background:#0d2145e6;outline:none}.social-modal-media img,.social-modal-media video{width:100%;height:auto;max-height:70vh;object-fit:contain;display:block}.social-modal-caption{padding:var(--space-4, 1rem);max-height:20vh;overflow-y:auto}.social-modal-caption p{margin:0;font-size:var(--text-sm, .875rem);line-height:1.5;color:var(--color-text-main, #1e293b);white-space:pre-wrap}@media(prefers-reduced-motion:reduce){.social-tile,.social-tile:hover,.social-tile:focus-visible{transform:none!important;transition:none!important}.social-modal-mute{transition:none!important}}
