/* Additions on top of the mockup stylesheet (app.css) for server-rendered markup. */
.segc a{height:28px;padding:0 11px;border-radius:6px;font-size:13px;color:var(--fg2);transition:.15s;display:inline-flex;align-items:center}
.segc a.on{background:var(--panel2);color:var(--fg);box-shadow:0 0 0 1px var(--line2)}
.segc a:hover{color:var(--fg)}
html[data-theme=light] .segc a.on{background:#fff}
.tabs a{white-space:nowrap;padding:10px 14px;font-size:13.5px;color:var(--fg3);border-bottom:2px solid transparent;margin-bottom:-1px;display:flex;gap:8px;align-items:center}
.tabs a.on{color:var(--fg);border-color:var(--fg)}
.tabs a:hover{color:var(--fg)}
/* mirror rows: "also on X" under the primary gallery */
.grow.alt{padding-top:8px;padding-bottom:10px;border-top:1px dashed var(--line);background:var(--bg2)}
.grow.alt .gn{font-size:13px}
.altmark{width:34px;height:26px;display:grid;place-items:center;color:var(--fg3);position:relative}
.altmark::before{content:"";position:absolute;left:50%;top:-12px;height:12px;border-left:1px dashed var(--line2)}
.ract a[data-open]{white-space:nowrap}
[hidden]{display:none!important}
.sndbtn span{display:grid;place-items:center}
.rolegrid{margin-top:4px}
@media (max-width:760px){.rolegrid{grid-template-columns:1fr!important}}
.ecard .ft .org{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.ecard .ft>span:last-child{flex-shrink:0}
.hero .b-live{max-width:100%}
.hero .b-live .tx{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.ecard .ft{gap:12px}