.social-showcase{padding:0 0 72px}
.social-intro{display:flex;gap:44px;align-items:end;justify-content:space-between;margin-bottom:26px}
.social-intro h3{font-size:clamp(30px,4vw,50px);letter-spacing:-.04em;line-height:1.15;max-width:600px;margin:12px 0}
.social-intro>p{max-width:460px;color:#536079;margin:0 0 14px}
.social-filters{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0 18px}
.social-filters button{font:inherit;font-size:14px;border:1px solid #ccd7dc;border-radius:30px;background:#fff;padding:10px 16px;color:#29364a;cursor:pointer}
.social-filters button[aria-pressed=true]{background:#202a3a;color:#fff;border-color:#202a3a}
.social-count{font-size:14px;color:#536079;margin:18px 0}
.social-feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start;max-width:1100px}
.social-card{border:1px solid #e0e5eb;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 12px 30px -20px #20334d66}
.social-head{display:flex;align-items:center;gap:11px;padding:18px 18px 12px}
.social-avatar{width:44px;height:44px;border-radius:50%;object-fit:contain}
.social-head strong{font-family:Manrope,sans-serif;display:block;font-size:15px;color:#202a3a}
.social-meta{display:block;font-size:12px;color:#687488;margin-top:3px}
.social-label{font-size:10px;color:#536079;margin-left:auto;max-width:110px;text-align:right}
.social-copy{padding:0 18px 16px;font-family:Manrope,sans-serif;font-size:14px}
.social-copy p{white-space:pre-line;line-height:1.65!important;margin:0 0 7px;overflow-wrap:anywhere}
.social-expand{border:0;background:none;color:#4051ad;padding:4px 0;cursor:pointer;font:inherit;font-size:13px;font-weight:700}
.social-image{display:block;background:#f5f7fb;position:relative}
.social-image img{display:block;width:100%;height:auto;aspect-ratio:4/5}
.social-image:focus-visible{outline:4px solid #4f46e5;outline-offset:-4px}
.social-actions{display:flex;justify-content:space-around;border-top:1px solid #e5e9ee;padding:15px 8px;color:#647084;font-family:Manrope,sans-serif;font-size:13px}
.social-more{margin-top:28px;font:inherit;cursor:pointer}
.social-more[hidden]{display:none}
.social-viewer{padding:14px;border:0;border-radius:18px;max-width:94vw;max-height:94dvh;background:#f5f7fb;overflow:auto}
.social-viewer::backdrop{background:#111b30c9;backdrop-filter:blur(7px)}
.social-viewer-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:12px}
.social-viewer-title{font-size:15px}
.social-viewer button{width:44px;height:44px;border:1px solid #cbd5df;border-radius:50%;background:white;cursor:pointer;flex-shrink:0}
.social-viewer img{display:block;max-width:100%;max-height:calc(94dvh - 90px);width:auto;height:auto;border-radius:10px}
html.social-open{overflow:hidden}
@media(max-width:700px){.social-intro{display:block}.social-intro>p{margin-top:20px}.social-feed{grid-template-columns:1fr;gap:24px}.social-head{padding:15px 12px 10px}.social-copy{padding:0 12px 14px}.social-filters{gap:7px}.social-filters button{font-size:13px;padding:9px 12px}.social-label{font-size:10px;max-width:86px}.social-card{border-radius:15px}.social-viewer-title{font-size:13px}}
/* A complete, browsable library rather than a partial six-post feed. */
.social-showcase{background:linear-gradient(145deg,#f0faf7,#f5f7fb 55%,#f7f4ee);border:1px solid #e0e9e6;border-radius:30px;padding:38px 28px 48px;margin-bottom:60px}
.social-feed{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none;gap:26px}
.social-card{border-radius:22px;box-shadow:0 20px 35px -24px #20334d80;transition:box-shadow .2s}
.social-image{margin:0 12px 14px;border-radius:14px;overflow:hidden;box-shadow:0 10px 24px -14px #20334d80}
.social-image img{border-radius:14px}
.social-head{padding:16px 14px 12px;gap:9px}
.social-avatar{width:36px;height:36px}
.social-head strong{font-size:14px}
.social-meta{font-size:11px}
.social-label{max-width:82px;font-size:10px}
.social-copy{padding:0 14px 14px}
.social-copy>p{font-weight:500}
.social-filters button{display:flex;align-items:center;gap:9px;box-shadow:0 3px 8px #20334d08}
.social-filters button span{font-family:Manrope,sans-serif;font-size:11px;display:inline-grid;place-items:center;min-width:24px;height:24px;border-radius:50%;background:#edf3f3;color:#314a49}
.social-filters button[aria-pressed=true]{background:#08796e;border-color:#08796e}
.social-filters button[aria-pressed=true] span{background:#ffffff26;color:white}
.social-count{border-top:1px solid #dce6e3;padding-top:18px;margin-bottom:24px}
.social-actions{font-size:12px;padding:14px 6px}
@media(max-width:1100px){.social-feed{grid-template-columns:repeat(2,minmax(0,1fr))}.social-intro{display:block}.social-intro>p{max-width:680px}}
@media(max-width:700px){.social-showcase{padding:24px 12px 30px;margin-left:-8px;margin-right:-8px;border-radius:22px}.social-feed{grid-template-columns:1fr;gap:24px}.social-card{max-width:480px;width:100%;margin:auto}.social-filters button{font-size:13px;padding:8px 11px}.social-intro h3{font-size:32px}.social-intro>p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.social-card{transition:none}}