.social-area-tabs { display:flex; gap:4px; border-bottom:1px solid var(--border); margin:8px 0 24px; }
.social-area-tabs button { border:0; background:transparent; color:var(--fg-muted); padding:14px 18px; font:inherit; font-weight:600; border-bottom:3px solid transparent; cursor:pointer; }
.social-area-tabs button[aria-selected="true"] { color:var(--fg); border-bottom-color:var(--mk-orange, #ed702b); }
.social-area-tabs button:focus-visible, .social-product-tabs button:focus-visible { outline:2px solid var(--mk-orange, #ed702b); outline-offset:3px; }
.social-insights { max-width:1200px; min-width:0; }
.social-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; margin-bottom:22px; }
.social-heading h2 { margin:5px 0 9px; font-size:24px; }
.social-heading p { font-size:14px; max-width:650px; }
.social-product-tabs { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:22px; }
.social-product-tabs button { gap:10px; }
.social-state { font-size:11px; font-weight:400; opacity:.85; }
.social-report-controls { display:grid; grid-template-columns:minmax(220px, 2fr) repeat(2, minmax(150px, 1fr)) auto; align-items:end; gap:14px; margin-bottom:20px; }
.social-report-controls label { display:grid; gap:7px; font-size:12px; color:var(--fg-muted); }
.social-report-controls .input { width:100%; min-width:0; }
.social-range-note { grid-column:1 / -1; font-size:12px; margin:0; }
.social-provenance { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; font-size:12px; margin:20px 0 16px; }
.social-provenance span { color:var(--fg-muted); }
.social-metrics { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:12px; margin-bottom:20px; }
.social-metric { display:grid; gap:13px; padding:20px; min-width:0; }
.social-metric > span { font-size:12px; color:var(--fg-muted); }
.social-metric strong { font-size:25px; font-weight:600; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
.social-trend { margin:0 0 22px; }
.social-trend h3 { margin:0 0 8px; }
.social-trend p { font-size:12px; }
.social-bars { display:flex; align-items:end; gap:5px; height:160px; margin-top:22px; padding-bottom:22px; overflow-x:auto; }
.social-bars > div { position:relative; display:flex; align-items:end; height:100%; flex:1 0 12px; min-width:12px; }
.social-bars span { width:100%; border-radius:4px 4px 0 0; background:var(--mk-orange, #ed702b); }
.social-bars small { position:absolute; bottom:-20px; font-size:9px; white-space:nowrap; color:var(--fg-muted); }
.social-bars > div:nth-child(n+2):not(:last-child) small { display:none; }
.social-empty { margin:20px 0; padding:30px; border-style:dashed; }
.social-empty h3 { margin:0 0 10px; }
.social-empty p { max-width:700px; line-height:1.6; color:var(--fg-muted); font-size:14px; margin-bottom:18px; }
.social-placeholder { padding:28px 0; font-size:14px; }
.social-methodology { margin-top:24px; padding:18px 0; border-top:1px solid var(--border); font-size:13px; color:var(--fg-muted); }
.social-methodology summary { color:var(--fg); cursor:pointer; }
.social-methodology p { margin-top:12px; max-width:860px; line-height:1.7; }
#social-reporting-connections { scroll-margin-top:30px; }
#social-reporting-connections .grid { align-items:start; }
#social-reporting-connections fieldset > .stack { max-height:240px; overflow:auto; }
@media (max-width:1000px) { .social-report-controls { grid-template-columns:repeat(2, minmax(0, 1fr)); } .social-metrics { grid-template-columns:repeat(3, minmax(0, 1fr)); } }
@media (max-width:600px) { .social-area-tabs button { flex:1; font-size:13px; padding:13px 8px; } .social-heading h2 { font-size:21px; } .social-report-controls { grid-template-columns:minmax(0, 1fr); } .social-metrics { grid-template-columns:repeat(2, minmax(0, 1fr)); } .social-metric { padding:15px; } .social-metric strong { font-size:21px; } .social-product-tabs button { flex:1; flex-direction:column; gap:4px; } .social-empty { padding:22px; } }

.connections-section-nav { display:flex; flex-wrap:wrap; gap:10px; margin:0 0 24px; padding:14px 0; border-bottom:1px solid var(--border); }
.connections-section-nav a { display:inline-flex; align-items:center; gap:6px; border-radius:8px; padding:8px 12px; font-size:13px; color:var(--fg); background:var(--surface); border:1px solid var(--border); text-decoration:none; }
.connections-section-nav a:focus-visible { outline:2px solid var(--mk-orange); outline-offset:3px; }
#business-connections { scroll-margin-top:30px; }