.social-direct{display:grid;place-items:center;width:36px;height:36px;color:#bdb7aa;border:1px solid #363636;border-radius:8px;text-decoration:none;background:transparent}
.social-direct>svg{width:18px;height:18px}
.social-direct:hover{color:var(--yellow);background:#202020;border-color:#4b4b4b}
.social-direct:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.social-direct:hover .social-tooltip,.social-direct:focus-visible .social-tooltip{opacity:1;visibility:visible}
[data-activity-specialties] .specialty-group[hidden]{display:none}
[data-activity-specialties] .specialty-field{margin:0}
#page-content>.panel+[data-knowledge-list]{margin-block-start:24px}
[data-knowledge-list]>.panel{overflow:hidden}
[data-knowledge-list] .list-row{background:var(--paper);color:var(--ink);border-color:var(--line)}
[data-knowledge-list] .list-row:hover{background:var(--soft)}
[data-knowledge-list] .list-row:focus-visible{outline:2px solid var(--yellow);outline-offset:-3px}
.dashboard-hero.hero-with-ball{background:#212121!important;border:1px solid #373737}
.dashboard-hero.hero-with-ball:before{opacity:.52;filter:grayscale(1) brightness(1.15)}
.dashboard-hero.hero-with-ball:after{background:linear-gradient(90deg,#212121 0%,rgba(33,33,33,.88) 38%,rgba(33,33,33,.14) 100%)}
.main-content .kpi .kpi-icon{background:#333333;color:#e5d590;border:1px solid #525252}
.activity-list-row .row-main>small+.area-chips{margin-top:12px}
.main-content .workshop-summary-card[aria-pressed=true]{background:#30332b;border-color:var(--yellow);color:#f3f2f0}
.main-content .workshop-summary-card.summary-producing>strong{color:#e5c668}
.main-content .workshop-summary-card.summary-finished>strong{color:#79d6a9}
.main-content .workshop-summary-card[aria-pressed=true]>small{color:#ccc8be}
#library-filters,[data-trash-filters]{align-items:flex-end}
#library-filters>.field,[data-trash-filters]>.field{flex:1 1 220px;min-width:0;margin-bottom:0}
#library-search{width:100%;padding-left:13px}
.resource-card:has([data-reference]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:12px}
.resource-card:has([data-reference])>:not([data-reference]):not([data-reference-archive]){grid-column:1/-1}
.resource-card:has([data-reference])>p:empty{display:none}
.resource-card>[data-reference],.resource-card>[data-reference-archive],.resource-card:has([data-reference])>.inline-fields>a{display:flex;align-items:center;justify-content:flex-start;gap:6px;min-height:44px;text-align:left;font-size:12px;line-height:1.5}
@media(max-width:600px){
  #library-filters>.field,[data-trash-filters]>.field{flex-basis:100%}
  #library-filters>.inline-fields{width:100%}
  #library-filters>.inline-fields>.button{flex:1}
  [data-trash-filters]>.button{width:100%}
  .list-row:has(>[data-repository]){flex-wrap:wrap}
  .list-row:has(>[data-repository])>.row-main{flex-basis:100%}
  .activity-list-row{display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:start;gap:8px 12px}
  .activity-list-row>.date-square{grid-column:1;grid-row:1/3}
  .activity-list-row>.row-main{grid-column:2;grid-row:1}
  .activity-list-row>.status{grid-column:2;grid-row:2;justify-self:start}
  .activity-list-row>svg{grid-column:3;grid-row:1;align-self:center}
}
@media(pointer:coarse){.social-direct{width:44px;height:44px}}
@media(max-width:380px){
  .app-topbar{align-items:flex-start}
  .topbar-tools{display:grid;grid-template-columns:minmax(0,1fr) auto auto;flex:1;min-width:0;gap:8px}
  .topbar-tools .season-select{grid-column:1/-1;width:100%;max-width:100%;min-width:0}
  .topbar-tools .language{justify-self:end}
}

/* Platform channels sit before the season control, independently of team cards. */
.topbar-social{flex:none}
.topbar-social .sidebar-social{display:flex;align-items:center;gap:4px;padding:0;margin:0}
.topbar-social .social-direct{width:40px;height:40px;color:#3c3c3c;background:#eff6f4;border-color:#cbdad5}
.topbar-social .social-direct:hover{color:#272727;background:#dfefea;border-color:#7fa99d}
.topbar-social .social-direct:focus-visible{outline-color:#326a96}
.topbar-social .social-tooltip{top:calc(100% + 8px);bottom:auto;left:0;transform:none}
.topbar-social .social-direct:last-child .social-tooltip{left:auto;right:0}
@media(max-width:1180px){.topbar-tools{gap:10px}}
@media(max-width:700px){
 .app-topbar{align-items:flex-start}
 .topbar-tools{display:grid;grid-template-columns:minmax(0,1fr) auto auto;flex:1;min-width:0;gap:8px}
 .topbar-social{grid-column:1/-1;justify-self:start}
 .topbar-tools .profile-badge{display:none}
 .topbar-social .social-direct{width:44px;height:44px}
 .topbar-tools .season-select{grid-column:auto;width:100%;max-width:195px;min-width:0}
 .topbar-tools .language{justify-self:end}
}

.topbar-social .social-direct[data-social="globe"]{color:#505050;background:#f5f4f2;border-color:#dfdcd6}
.topbar-social .social-direct[data-social="instagram"]{color:#8c416d;background:linear-gradient(135deg,#f9edf4,#fbf0e7);border-color:#e7c8d7}
.topbar-social .social-direct[data-social="youtube"]{color:#a13e36;background:#fbefec;border-color:#eacac5}
.topbar-social .social-direct[data-social="tiktok"]{color:#3c3c3c;background:linear-gradient(135deg,#eaf6f4,#f7eef2);border-color:#c4dcd8}
.topbar-social .social-direct[data-social]:hover{filter:brightness(.96)}

.person-profile-intro .team-responsibility-badges{justify-content:flex-start;margin-top:12px;gap:6px}
.team-card-open>.team-responsibility-badges{position:absolute;top:13px;right:13px;z-index:4;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;gap:4px;margin:0;max-width:calc(100% - 26px);pointer-events:none}
/* Reserve the actual logo count, wrapping logos on narrow cards to leave readable tag space. */
.team-card-open:has(.team-card-programs img){--team-programs-natural-width:48px;--team-programs-width:min(var(--team-programs-natural-width),max(48px,calc(100% - 144px)))}
.team-card-open:has(.team-card-programs img:nth-child(2)){--team-programs-natural-width:102px}
.team-card-open:has(.team-card-programs img:nth-child(3)){--team-programs-natural-width:156px}
.team-card-open:has(>.team-responsibility-badges)>.team-card-programs{flex-wrap:wrap;max-width:var(--team-programs-width)}
.team-card-open:has(>.team-responsibility-badges)>.team-card-programs img{flex:0 0 48px}
.team-card-open:has(.team-card-programs img)>.team-responsibility-badges{max-width:calc(100% - 34px - var(--team-programs-width))}
.team-card-open>.team-responsibility-badges .team-responsibility-label{min-width:0;overflow-wrap:anywhere}
.team-card-open>.team-responsibility-badges .team-responsibility-badge{font-size:10px;padding:4px 7px;line-height:1.3}.team-card-open>.team-responsibility-badges .team-responsibility-badge svg{width:12px;height:12px}
.team-card-open>.team-responsibility-badges .team-responsibility-badge,.person-profile-intro .team-responsibility-badge{background:#383422;color:#f2d97d;border-color:#786a36}
.team-card-open>.team-responsibility-badges .team-responsibility-badge[data-area=engineering],.person-profile-intro .team-responsibility-badge[data-area=engineering]{background:#253c33;color:#a0e1b9;border-color:#416d56}
.team-card-open>.team-responsibility-badges .team-responsibility-badge[data-area=programming],.person-profile-intro .team-responsibility-badge[data-area=programming]{background:#333333;color:#b1d2fc;border-color:#766f5d}
.team-card-open>.team-responsibility-badges .team-responsibility-badge[data-area=team],.person-profile-intro .team-responsibility-badge[data-area=team]{background:#432c35;color:#ffc0ca;border-color:#895361}

.team-card-open>.team-responsibility-badges .team-responsibility-badge{max-width:100%;white-space:normal;text-align:left;justify-content:flex-start}.team-card-open>.team-responsibility-badges .team-responsibility-badge svg{flex-shrink:0}