.social-feed{--sf-paper:#fffdf7;--sf-ink:#183b37;--sf-muted:#526c66;--sf-line:#d7e2d9;--sf-accent:#16634f;--sf-reply:#edf4ed;color:var(--sf-ink);font:15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;max-width:1240px;margin:0 auto;padding:14px 32px 16px;background:var(--sf-paper);border-bottom:1px solid var(--sf-line)}
[data-theme="aqi"] .social-feed{--sf-paper:#101d1c;--sf-ink:#f0f5ef;--sf-muted:#b3c8bf;--sf-line:#314b43;--sf-accent:#b7e777;--sf-reply:#1b3029}
.social-feed *{box-sizing:border-box}
.sf-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:8px}
.sf-heading h2{font:600 20px/1.2 Georgia,serif;margin:0}
.sf-heading>span{font-size:12px;color:var(--sf-muted);white-space:nowrap}
.sf-row{display:grid;grid-template-columns:116px minmax(0,1fr);gap:12px;align-items:start}
.sf-row+.sf-row{margin-top:10px}
.sf-row-head{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding-top:5px}
.sf-row-head h3{display:flex;align-items:center;gap:9px;font-size:13px;letter-spacing:.02em;margin:0}
.sf-row-head h3::before{content:"";display:block;width:9px;height:9px;border-radius:50%;background:var(--sf-accent)}
.sf-instagram .sf-row-head h3::before{background:#cb4c8b}
.sf-controls{display:flex;gap:3px;align-items:center}
.sf-controls button{border:1px solid var(--sf-line);background:transparent;color:var(--sf-ink);border-radius:6px;min-height:28px;min-width:28px;padding:2px 6px;font:inherit;font-size:13px;cursor:pointer}

.sf-controls button:hover{background:var(--sf-reply)}
.sf-viewport{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--sf-line) transparent;padding-bottom:5px;touch-action:pan-x pan-y pinch-zoom}
.sf-track{display:flex;gap:12px;align-items:stretch;min-width:100%}
.sf-card{flex:0 0 350px;min-width:0;height:138px;padding:9px 12px;border:1px solid var(--sf-line);border-radius:8px;background:var(--sf-paper);display:flex;flex-direction:column}
.sf-author{display:flex;align-items:baseline;flex-wrap:wrap;gap:1px 6px;font-size:10px;line-height:1.3}
.sf-author strong{font-weight:700;font-size:11px}
.sf-handle{color:var(--sf-muted)}
.sf-author time{color:var(--sf-muted);margin-left:auto;white-space:nowrap}
.sf-post-text{font-size:12px;line-height:1.3;margin:5px 0 3px;white-space:pre-line;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex-shrink:0}
.sf-open,.sf-parent{font-size:10px;line-height:1.3;color:var(--sf-accent);text-decoration:underline;text-underline-offset:3px;align-self:flex-start}
.sf-parent{margin-left:12px}
.sf-demo-link{font-size:9px;line-height:1.2;color:var(--sf-muted)}
.sf-replies{margin:6px -5px -2px;padding:5px 7px;border-radius:5px;background:var(--sf-reply);min-height:0;overflow-y:auto;scrollbar-width:thin}
.sf-replies h4{margin:0 0 2px;color:var(--sf-muted);font-size:9px;line-height:1.2;font-weight:600;letter-spacing:.02em}
.sf-reply{padding:0;margin:0}
.sf-reply+.sf-reply{border-top:1px solid var(--sf-line);margin-top:9px;padding-top:9px}
.sf-reply p{font-size:11px;line-height:1.25;margin:2px 0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.sf-reply .sf-author strong{font-size:10px}
.sf-empty{font-size:13px;color:var(--sf-muted);border:1px solid var(--sf-line);border-radius:8px;padding:15px;margin:0}
.social-feed :focus-visible{outline:3px solid var(--sf-accent);outline-offset:3px}
@media(max-width:600px){.social-feed{padding:10px 16px 12px}.sf-heading h2{font-size:19px}.sf-heading{gap:8px}.sf-row{display:block}.sf-row-head{flex-direction:row;align-items:center;justify-content:space-between;padding:0;margin-bottom:5px}.sf-card{flex-basis:min(320px,84vw);height:124px;padding:8px 11px}.sf-row+.sf-row{margin-top:8px}.sf-controls button{min-height:32px;min-width:34px}.sf-author time{font-size:10px}}
@media(prefers-reduced-motion:reduce){.sf-viewport{scroll-behavior:auto}}

/* Match the existing Hawa Ka Hisab navy and gold. */
#recent-social-posts[data-theme="aqi"] .social-feed{--sf-paper:#10213d;--sf-ink:#edf2f8;--sf-muted:#bdcadc;--sf-line:#344864;--sf-accent:#eac37f;--sf-reply:#1b304f;max-width:1240px}
#recent-social-posts .sf-updated{max-width:1240px;margin:0 auto;padding:5px 32px 8px;background:#10213d;color:#bdcadc;font:11px/1.4 system-ui,sans-serif}
#recent-social-posts[hidden]{display:none}