/* The same semantic palette and sidebar vocabulary as market examples. */
.social-example{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:20px;align-items:start;margin:40px 0 52px;scroll-margin-top:100px}
.social-rowhead{grid-column:1/-1;display:flex;justify-content:space-between;align-items:start;gap:16px}
.social-rowhead h3{display:flex;align-items:center;gap:9px;font:600 15px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;margin:0 0 5px}
.social-rowhead p{margin:0;color:var(--fg-2);font-size:13px;line-height:1.55}
.social-sample{display:flex;align-items:center;gap:7px;color:var(--fg-3);font-size:12px;white-space:nowrap}
.social-sample .tip{display:inline-flex;align-items:center}
.social-sample .tip-pop{white-space:normal;right:0;left:auto;width:260px;max-width:75vw}
.social-screen{background:var(--card);border-radius:14px;min-width:0;padding:7px;font-variant-numeric:tabular-nums}
.social-screen-top{display:flex;align-items:center;gap:9px;padding:13px 14px 16px;font-size:12px;font-weight:600;color:var(--fg-2)}
.social-screen-top>svg{width:18px;height:18px}
.social-screen-meta{margin-left:auto;color:var(--fg-3);font-size:11px;font-weight:400}
.social-post,.social-profile-body{background:var(--card-2);border-radius:9px;padding:20px}
.social-post+.social-post{margin-top:7px}
.social-author{display:flex;align-items:center;gap:11px;min-width:0}
.social-portrait{position:relative;display:block;flex:0 0 40px;width:40px;height:40px}
.social-avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--surface-3,var(--card));font-size:11px;font-weight:600;color:var(--fg-2)}
.social-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.social-profile-header .social-portrait,.social-profile-header .social-avatar{flex-basis:44px;width:44px;height:44px}
.social-profile-header .social-author strong{font-size:17px;letter-spacing:-.2px}
.social-author>div{display:grid;gap:3px;min-width:0}
.social-author strong{font-size:13px;font-weight:600}
.social-author span:not(.social-avatar){font-size:11.5px;color:var(--fg-3);line-height:1.4}
.social-platform-badge{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;margin-left:auto;color:var(--fg)!important}
.social-platform-mark{display:block;flex-shrink:0;object-fit:contain}
.social-source-message{margin:15px 0 17px}
.social-source-message .social-quote{margin:0;font-size:14px;line-height:1.65;color:var(--fg);overflow-wrap:anywhere}
.social-source-time{display:flex;align-items:center;margin-top:11px;font-size:10.5px;line-height:1.4;color:var(--fg-2)}
.social-post[data-platform="TELEGRAM"] .social-source-message{background:var(--card);padding:14px 15px 12px;border-radius:3px 12px 12px 12px}
.social-post[data-platform="TELEGRAM"] .social-source-time{justify-content:flex-end;margin-top:8px}
.social-detail{margin-top:10px;font-size:12px;background:var(--card-2);border-radius:10px;padding:0 13px}
.social-detail summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;padding:13px 0;color:var(--fg);font-weight:500;min-height:46px;box-sizing:border-box;list-style:none;-webkit-tap-highlight-color:transparent}
.social-detail summary::-webkit-details-marker{display:none}
.social-detail summary::marker{content:""}
.social-disclosure-label{display:flex;align-items:center;gap:9px}
.social-disclosure-label>svg{color:var(--fg-2);flex-shrink:0}
.social-disclosure-chevron{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--card);color:var(--fg-2);flex-shrink:0}
.social-disclosure-chevron svg{transition:transform .16s ease}
.social-detail[open]>summary .social-disclosure-chevron svg{transform:rotate(180deg)}
.social-detail summary:focus-visible{outline:2px solid var(--fg-2);outline-offset:3px;border-radius:6px}
.social-detail[open]{padding-bottom:10px}
.social-detail dl{display:grid;grid-template-columns:1fr 1.2fr;gap:10px;margin:13px 0}
.social-detail dt{color:var(--fg-3)}
.social-detail dd{margin:0;text-align:right;overflow-wrap:anywhere}
.social-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.social-metrics>div{display:grid;gap:8px;padding:15px 12px;background:var(--card-2);border-radius:10px}
.social-metrics span{font-size:11px;color:var(--fg-3)}
.social-metrics strong{font-size:25px;line-height:1.2;font-weight:500;letter-spacing:-.6px}
.social-screen .positive{color:var(--pos)}
.social-screen .negative{color:var(--neg)}
.social-coverage{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px;font-size:11.5px;color:var(--fg-3)}
.social-coverage strong{color:var(--fg-2);font-weight:500}
.social-muted{color:var(--fg-3);font-size:11px;line-height:1.6}
.social-backlink,.social-guide{display:inline-flex;gap:8px;align-items:center;font-size:12px;color:var(--fg-2);padding:12px 0;text-decoration:none}
.social-endpoints{display:grid;gap:9px;min-width:0}
.social-operation{background:var(--card);border-radius:9px;min-width:0}
.social-operation>summary{display:flex;gap:10px;align-items:center;cursor:pointer;padding:16px;font-size:12px;min-height:50px;list-style:none}
.social-operation>summary::-webkit-details-marker{display:none}
.social-operation>summary>span:last-child{margin-left:auto;color:var(--fg-3)}
.social-operation .method{font-size:10px;font-weight:600;background:var(--card-2);padding:4px 6px;border-radius:4px;color:var(--fg-2)}
.social-operation>div{padding:0 16px 17px;font-size:12px;line-height:1.65;color:var(--fg-2)}
.social-operation code{display:block;overflow-wrap:anywhere;font-size:11px;color:var(--fg)}
.social-operation a{color:var(--fg);display:inline-flex;min-height:40px;align-items:center}
.social-events{display:flex;flex-wrap:wrap;gap:8px;margin-top:0}
.social-post-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:11px;color:var(--fg-3);margin-top:10px}
.social-post-footer a:focus-visible{outline:2px solid var(--fg-2);outline-offset:3px;border-radius:4px}
@media(hover:hover){.social-post-footer a:hover{color:var(--fg);text-decoration:underline;text-underline-offset:3px}}
.social-source-link{display:inline-flex;align-items:center;gap:6px;color:var(--fg);text-decoration:none;min-height:40px}
.social-horizons{border:0;padding:0;margin:0 0 16px;min-width:0}
.social-horizons legend{font-size:11px;color:var(--fg-3);margin-bottom:8px}
.social-horizons>div{display:flex;background:var(--card);padding:4px;border-radius:9px;gap:4px}
.social-horizons label{flex:1;position:relative;cursor:pointer}
.social-horizons input{position:absolute;opacity:0;width:1px;height:1px}
.social-horizons label>span{display:flex;align-items:center;justify-content:center;gap:7px;min-height:36px;border-radius:6px;color:var(--fg-2);font-size:12px}
.social-horizons input:checked+span{background:var(--fg);color:var(--bg)}
.social-horizons input:focus-visible+span{outline:2px solid var(--fg);outline-offset:3px}
.social-horizon-view,.social-horizon-value{display:none}
.social-profile-body:has(input[value="1D"]:checked) [data-horizon="1D"],.social-profile-body:has(input[value="7D"]:checked) [data-horizon="7D"],.social-profile-body:has(input[value="30D"]:checked) [data-horizon="30D"]{display:block}
.social-metrics .social-unavailable{font-size:15px;letter-spacing:0;color:var(--fg-3)}
.social-coverage-meter{display:block;width:100%;height:6px;margin-top:10px;border:0;background:var(--card);border-radius:6px;overflow:hidden;appearance:none}
.social-coverage-meter::-webkit-meter-bar{background:var(--card);border:0;height:6px;border-radius:6px}
.social-coverage-meter::-webkit-meter-optimum-value{background:var(--fg-2);border-radius:6px}
.social-coverage-meter::-moz-meter-bar{background:var(--fg-2);border-radius:6px}
.social-table-wrap{overflow-x:auto}
.social-position-table{width:100%;border-collapse:collapse;text-align:left;font-size:11px}
.social-position-table th{font-size:10px;font-weight:500;color:var(--fg-3);padding:0 5px 10px;border-bottom:1px solid var(--line-soft)}
.social-position-table td{padding:10px 5px;vertical-align:middle;white-space:nowrap}
.social-position-table td:first-child{padding-left:0}
.social-position-table td:first-child>strong{font-size:12px;font-weight:600}
.social-position-table td:first-child>span{display:block;color:var(--fg-3);font-size:10px;margin-top:4px}
.social-position-table td:last-child,.social-position-table th:last-child{text-align:right;padding-right:0}
.social-position-table td:last-child>span{font-size:10px}
.social-position-table td>strong{font-weight:500}
.social-open-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;font-size:12px}
.social-open-row .social-unavailable{font-size:12px;font-weight:400;color:var(--fg-3)}
.social-operation pre{padding:12px;background:var(--card-2);border-radius:7px;overflow:auto;max-height:320px;white-space:pre;font-size:11px}
.social-operation pre code{overflow-wrap:normal}
.social-panel-label{margin:20px 0 9px;font-weight:600;color:var(--fg)}
.social-fields{display:grid;gap:14px;margin:0}
.social-fields dd{margin:4px 0 0;font-size:12px;color:var(--fg-2)}
.social-fields dt code{font-size:10.5px;line-height:1.6}
.social-response{margin:18px 0 12px}
.social-response>summary{cursor:pointer;min-height:40px;display:flex;align-items:center;font-size:11px;font-weight:500}
.social-operation>div>a{background:var(--fg);color:var(--bg);padding:0 13px;border-radius:7px;text-decoration:none;font-size:12px}
.social-operation>div>a span{margin-left:6px}
.social-author span:not(.social-avatar),.social-window,.social-horizons legend,.social-metrics span,.social-coverage,.social-muted,.social-position-table th,.social-position-table td:first-child>span,.social-post-footer{color:var(--fg-2)}
.social-source-filters{margin:0 6px 10px}
.social-source-filters legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.social-source-filters>div{background:none;gap:6px;padding:0}
.social-source-filters label{flex:0 1 auto}
.social-source-filters label>span{min-height:32px;padding:0 12px;gap:6px;border-radius:20px;background:var(--card-2);font-size:11px}
.social-feed-scroll{max-height:650px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--fg-3) transparent;border-radius:9px}
.social-feed-scroll:focus-visible{outline:2px solid var(--fg-2);outline-offset:3px}
.social-screen:has(input[name="social-source"][value="X"]:checked) .social-post:not([data-platform="X"]),.social-screen:has(input[name="social-source"][value="TELEGRAM"]:checked) .social-post:not([data-platform="TELEGRAM"]){display:none}
.social-asset-label{display:inline-flex;align-items:center;gap:8px;min-width:0;vertical-align:middle}
.social-asset-label>strong{font-size:14px;font-weight:600;letter-spacing:-.15px;color:var(--fg)}
.social-screen .social-asset-logo{display:inline-flex;flex:0 0 26px;width:26px;height:26px;margin:0}
.social-asset-logo .tlogo{display:block;width:26px;height:26px;object-fit:contain;border-radius:50%}
.social-asset-logo .tlogo-fb{display:inline-flex;align-items:center;justify-content:center;font-size:10px}
.social-position-table td:first-child>.social-asset-label{display:inline-flex;margin:0;gap:7px}
.social-position-table .social-asset-label>strong,.social-open-row .social-asset-label>strong{font-size:12px}
.social-position-table .social-asset-logo,.social-open-row .social-asset-logo{flex-basis:22px;width:22px;height:22px}
.social-position-table .social-asset-logo .tlogo,.social-open-row .social-asset-logo .tlogo{width:22px;height:22px}
.social-position-inline{display:flex;align-items:center;gap:7px;white-space:nowrap}
.social-position-inline>time{font-size:10px;color:var(--fg-2)}
.social-missing-value{color:var(--fg-3);cursor:help;font-size:13px}
.social-screen .social-direction{display:inline-flex;align-items:center;gap:3px;width:max-content;padding:3px 6px;border-radius:5px;font-size:10px;line-height:1.3;font-weight:600;white-space:nowrap}
.social-screen .social-direction-long{color:var(--pos);background:color-mix(in srgb,var(--pos) 10%,transparent)}
.social-screen .social-direction-short{color:var(--neg);background:color-mix(in srgb,var(--neg) 10%,transparent)}
.social-direction-short svg{transform:rotate(90deg)}
.social-position-table td:first-child>.social-direction{display:inline-flex;margin:0 0 0 5px}
.social-screen .social-position-table .social-direction-long{color:var(--pos)}
.social-screen .social-position-table .social-direction-short{color:var(--neg)}
.social-open-row{align-items:center;gap:8px}
.social-open-row>strong{margin-left:auto}
.social-author[href]{color:var(--fg);text-decoration:none;border-radius:6px}
.social-author[href],.social-feed-action,.social-source-close{-webkit-tap-highlight-color:transparent}
.social-author[href]:hover strong{text-decoration:underline;text-underline-offset:3px}
.social-author[href]:focus-visible,.social-feed-action:focus-visible,.social-source-close:focus-visible{outline:2px solid var(--fg-2);outline-offset:3px}
.social-profiles{min-width:0}
.social-profiles [hidden]{display:none!important}
.social-profile-body[tabindex="-1"]:focus{outline:0}
.social-feed-scroll>.social-post{padding:0;background:transparent}
.social-feed-scroll>.social-post+.social-post{margin-top:2px}
.social-action-row{display:flex;align-items:center;gap:12px;padding:12px 10px;border-radius:12px;transition:background .15s}
.social-action-row:has(.social-feed-action:hover),.social-action-row:has([aria-expanded="true"]){background:var(--card-2)}
.social-action-row>.social-author{flex:1;gap:8px}
.social-action-row .social-portrait,.social-action-row .social-avatar{flex-basis:32px;width:32px;height:32px}
.social-action-row .social-author strong{font-size:12px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.social-action-row .social-author>div>span{display:none}
.social-relative-time{color:var(--fg-2);font-size:10.5px;font-weight:400;line-height:1.4;white-space:nowrap;font-variant-numeric:tabular-nums;cursor:help}
.social-action-row .social-author>div{gap:2px}
.social-action-row .social-platform-badge{position:absolute;right:-3px;bottom:-3px;display:grid;place-items:center;margin:0;width:17px;height:17px;border-radius:50%;background:var(--card);box-shadow:0 0 0 2px var(--card)}
.social-action-row .social-platform-badge>svg{width:10px;height:10px}
.social-action-row .social-platform-badge>img{width:15px;height:15px}
.social-feed-action{display:flex;align-items:center;gap:10px;flex-shrink:0;min-height:36px;padding:3px 0 3px 4px;border:0;background:none;color:var(--fg);font:inherit;cursor:pointer;border-radius:6px;text-align:left}
.social-feed-action>svg{color:var(--fg-3);flex-shrink:0;transition:transform .15s}
.social-feed-action[aria-expanded="true"]>svg{transform:rotate(180deg)}
.social-action-list{display:grid;justify-items:end;gap:7px}
.social-action-summary{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:6px 10px;box-sizing:border-box;border-radius:24px;background:var(--card-2)}
.social-action-row:has([aria-expanded="true"]) .social-action-summary,.social-feed-action:hover .social-action-summary{background:var(--card)}
.social-action-summary>.social-action{font-size:11px;font-weight:500;color:var(--fg-2)}
.social-action-direction{display:inline-flex;color:var(--pos)}
.social-action-direction-short{color:var(--neg)}
.social-action-direction-short svg{transform:rotate(90deg)}
.social-action-summary .social-asset-label{gap:5px}
.social-action-summary .social-asset-label>strong{font-size:12px}
.social-action-summary .social-asset-logo,.social-action-summary .social-asset-logo .tlogo{width:20px;height:20px;flex-basis:20px}
.social-action-summary .social-direction{padding:3px 5px;border-radius:10px}
.social-action{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:500;color:var(--fg-2);white-space:nowrap}
.social-action>svg{flex-shrink:0}
.social-source-card[popover]{position:fixed;inset:auto;margin:0;box-sizing:border-box;width:410px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain;padding:20px;border:0;border-radius:16px;background:var(--card-2);color:var(--fg);font:12px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-shadow:0 12px 40px var(--shadow);transform:none;text-align:left;white-space:normal}
.social-source-card[popover]:popover-open{display:block;opacity:1;visibility:visible;pointer-events:auto}
.social-source-card::before,.social-source-card::after{display:none}
.social-source-header{display:flex;align-items:center;gap:12px}
.social-source-header>.social-author{flex:1}
.social-source-close{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:var(--card);color:var(--fg-2);cursor:pointer}
.social-source-close svg{transform:rotate(180deg)}
.social-source-card .social-events{display:grid;gap:10px}
.social-position-detail{padding:15px;border-radius:10px;background:var(--card)}
.social-position-detail header{display:flex;align-items:center;gap:9px}
.social-position-detail header>.social-action{margin-left:auto}
.social-position-name{font-size:11px;color:var(--fg-2);margin:8px 0 15px}
.social-position-detail dl{display:grid;gap:10px;margin:0}
.social-position-detail dl>div{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.social-position-detail dt{color:var(--fg-2);font-size:11px;flex-shrink:0}
.social-position-detail dd{margin:0;text-align:right;font-size:11px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.social-position-detail dd strong{font-size:12px;font-weight:600}
.social-position-detail footer{margin:12px 0 0;padding:0;border:0;font-size:10px;color:var(--fg-2);line-height:1.7}
.social-provenance-trigger{display:inline-flex;align-items:center;min-height:32px;padding:0;border:0;background:none;color:var(--fg-2);font:inherit;cursor:help;-webkit-tap-highlight-color:transparent}
.social-provenance-trigger .tip{border-bottom:1px dotted var(--bar-neutral);padding-bottom:1px}
.social-provenance-trigger:focus-visible{outline:2px solid var(--fg-2);outline-offset:3px;border-radius:3px}
.social-provenance-tip[popover]{position:fixed;inset:auto;margin:0;box-sizing:border-box;width:264px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;padding:12px 14px;border:0;border-radius:10px;background:var(--surface-elevated);color:var(--fg);font-size:11px;line-height:1.7;transform:none}
.social-provenance-tip[popover]:popover-open{display:block;opacity:1;visibility:visible;pointer-events:auto}
.social-profile-body{background:none;padding:14px}
.social-profile-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:23px}
.social-profile-header>.social-author{flex:1}
.social-profile-header .social-platform-badge{position:absolute;right:-2px;bottom:-2px;width:18px;height:18px;margin:0;border-radius:50%;background:var(--card);box-shadow:0 0 0 2px var(--card)}
.social-profile-header .social-platform-badge>svg{width:11px;height:11px}
.social-profile-header .social-platform-badge>img{width:16px;height:16px}
.social-profile-tip{font-size:11px;white-space:nowrap}
.social-profile-horizons{display:flex;justify-content:space-between;align-items:center;gap:12px;position:relative;margin:0 0 16px;padding-top:0}
.social-profile-horizons legend{float:left;margin:0;font-size:12px;color:var(--fg-2)}
.social-profile-horizons>div{margin-left:auto;background:var(--card-2);padding:3px;border-radius:24px;gap:2px}
.social-profile-horizons label>span{min-height:32px;padding:0 12px;border-radius:20px;font-size:11px;gap:5px}
.social-profile-horizons label>span>svg{width:12px;height:12px}
.social-profile-body .social-coverage{font-size:10.5px;margin-top:13px;gap:8px}
.social-profile-body .social-coverage-meter{height:4px;margin:8px 0 21px;background:var(--card-2)}
.social-profile-body .social-coverage-meter::-webkit-meter-bar{height:4px;background:var(--card-2)}
.social-profile-body .social-coverage-meter::-moz-meter-bar{height:4px}
.social-position-trigger{border:0;background:none;color:var(--fg);font:inherit;text-align:left;cursor:pointer;border-radius:8px;-webkit-tap-highlight-color:transparent}
.social-position-trigger:focus-visible{outline:2px solid var(--fg-2);outline-offset:2px}
.social-position-trigger.social-position-inline{padding:4px 0;min-height:36px}
.social-open-positions{background:var(--card-2)}
.social-open-row.social-position-trigger{width:100%;padding:10px 8px;min-height:48px;transition:background .15s}
.social-open-row+.social-open-row{border-top:1px solid var(--line-soft);border-radius:0}
.social-open-row>.social-position-inline{gap:10px}
.social-open-row>svg{color:var(--fg-3);flex-shrink:0}
.social-position-trigger .social-direction{border-radius:12px;padding:4px 7px}
.social-position-trigger .social-asset-label{gap:7px}
.social-position-trigger:hover,.social-position-trigger[aria-expanded="true"]{background:var(--card)}
.social-position-table tr:has(.social-position-trigger:hover),.social-position-table tr:has(.social-position-trigger[aria-expanded="true"]){background:var(--card)}
.social-position-detail header+dl{margin-top:16px}
.social-profile-body .social-backlink{justify-content:center;gap:8px;min-height:40px;box-sizing:border-box;padding:9px 13px;margin-top:16px;border-radius:20px;background:var(--card-2);font-size:11px}
@media(prefers-reduced-motion:reduce){.social-disclosure-chevron svg{transition:none}}
@media(width <= 600px){.social-profile-body .social-position-table td,.social-profile-body .social-position-table th{padding-left:3px;padding-right:3px;font-size:10px}.social-position-inline{gap:4px}.social-position-inline>.social-direction{gap:0;padding:3px}.social-position-inline .social-direction-label{display:none}.social-profile-body .social-position-inline>.social-asset-label{gap:4px;padding:4px}.social-position-inline .social-asset-label>strong{font-size:11px}.social-position-inline .social-asset-logo,.social-position-inline .social-asset-logo .tlogo{width:18px;height:18px;flex-basis:18px}}
@media(width <= 600px){.social-action-row{flex-wrap:wrap;gap:8px;padding:12px}.social-action-row>.social-author{flex-basis:100%}.social-feed-action{margin-left:38px;flex:1;justify-content:space-between}.social-source-card[popover]{padding:16px}.social-position-detail{padding:12px}}
@media(max-width:1000px){.social-example{grid-template-columns:minmax(0,1fr)}.social-endpoints{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.social-example{gap:14px;scroll-margin-top:120px}.social-endpoints{grid-template-columns:1fr}.social-post,.social-profile-body{padding:15px}.social-metrics{gap:6px}.social-metrics>div{padding:12px 8px}.social-metrics strong{font-size:23px}.social-screen-meta{display:none}.social-rowhead{display:grid;grid-template-columns:1fr auto;gap:6px 10px}.social-rowhead>div{display:contents}.social-rowhead h3{grid-column:1;grid-row:1}.social-rowhead p{grid-column:1/-1;grid-row:2}.social-rowhead>.social-sample{grid-column:2;grid-row:1}}