.social-projects--fll.social-fll-hub{
  --hub-bg:#000;
  --hub-card:#14241d;
  --hub-text:#f2f6e9;
  --hub-muted:#b9ccc0;
  --hub-border:#345344;
  --hub-teal:#35d2b9;
  --hub-lime:#e4ee8c;
  display:grid;
  gap:14px;
  min-width:0;
  color:var(--hub-text);
  background:var(--hub-bg);
  border:0;
  border-radius:0;
  padding:0;
}
.social-fll-hub *{box-sizing:border-box}
.social-fll-hub [hidden]{display:none!important}
.social-fll-hub :is(button,a,input,select):focus-visible{outline:3px solid var(--hub-lime);outline-offset:3px}
.social-fll-hub :is(h1,h2,h3,p){overflow-wrap:break-word}
.social-projects--fll.social-fll-hub .eyebrow{color:var(--hub-teal);font-size:.74rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.social-fll-hub-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,360px);
  gap:20px;
  align-items:center;
  padding:20px 24px;
  background:var(--hub-card);
  border:1px solid #456d56;
  border-radius:14px;
}
.social-fll-hub-intro,.social-fll-hub-identity{min-width:0}
.social-fll-hub .social-fll-hub-intro h1{margin:4px 0 8px;font-size:clamp(1.45rem,2vw,1.9rem);line-height:1.2;color:var(--hub-text)}
.social-fll-hub-intro>p:not(.eyebrow){margin:0;color:var(--hub-muted);font-size:.9rem;line-height:1.5}
.social-fll-hub-intro>.eyebrow{margin:0}
.social-fll-hub-hero-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}
.social-fll-hub-hero-actions .button,.social-fll-hub .button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;white-space:normal;text-align:center}
.social-fll-hub-identity{display:grid;gap:12px;justify-items:end}
.social-fll-hub-identity img{display:block;max-width:min(100%,150px);width:100%;height:auto;object-fit:contain}
.social-fll-hub-stats{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(0,1fr));gap:8px;width:100%}
.social-fll-hub-stats>div{min-width:0;min-height:0;padding:4px 10px;border:0;border-inline-start:1px solid var(--hub-border);border-radius:0;background:transparent}
.social-fll-hub-stats small{display:block;color:var(--hub-muted);font-size:.76rem}
.social-fll-hub .social-fll-hub-stats strong{display:block;margin-top:6px;color:var(--hub-text);font-size:.95rem;line-height:1.2;overflow-wrap:anywhere}
.social-fll-hub-project-select{max-width:440px;color:var(--hub-muted)}
.social-fll-hub-project-select select{min-height:44px;color:var(--hub-text);background:var(--hub-card);border:1px solid var(--hub-border);border-radius:10px}
.social-fll-hub-nav{display:flex;gap:8px;flex-wrap:wrap;padding:6px;border:1px solid #48484d;border-radius:14px;background:#1b1b1f}
.social-fll-hub-nav button{flex:1 1 auto;min-height:44px;padding:10px 15px;border:1px solid transparent;border-radius:10px;background:transparent;color:#dedee1;font:inherit;font-weight:700;cursor:pointer}
.social-fll-hub-nav button:hover,.social-fll-hub-nav button:focus-visible{border-color:#68686c;background:#303036;color:#fff}
.social-fll-hub-nav button[aria-pressed=true]{background:#ffdb1a;color:#1b1b1f;border-color:#ffdb1a}
.social-fll-hub-content{display:grid;gap:16px;min-width:0}
.social-fll-hub-panel{min-width:0}
.social-fll-hub-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.social-fll-hub-overview article,.social-fll-hub-archive-link,.social-fll-hub-panel>.social-fll-hub-heading,.social-fll-hub-archive-panel>[data-fll-archive-content]{
  min-width:0;
  padding:clamp(18px,2.2vw,26px);
  border:1px solid var(--hub-border);
  border-radius:16px;
  background:var(--hub-card);
}
.social-fll-hub-overview article{display:flex;flex-direction:column;align-items:flex-start}
.social-fll-hub-overview h2{margin:2px 0 10px;font-size:clamp(1.3rem,2vw,1.8rem);color:var(--hub-text)}
.social-fll-hub-overview p:not(.eyebrow),.social-fll-hub-archive-link p,.social-fll-hub-heading p:not(.eyebrow){color:var(--hub-muted)}
.social-fll-hub-overview .button{margin-top:auto}
.social-fll-hub-archive-link,.social-fll-hub-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}
.social-fll-hub-archive-link strong{font-size:1.1rem;color:var(--hub-text)}
.social-fll-hub-archive-link p{margin:5px 0 0}
.social-fll-hub-heading{margin-bottom:14px}
.social-fll-hub-heading h2{margin:3px 0 5px;color:var(--hub-text);font-size:clamp(1.5rem,2.5vw,2.1rem)}
.social-fll-hub-heading p{margin:0}
.social-fll-hub-people-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.social-fll-hub-people-grid>.social-member-legacy{grid-column:1/-1}
.social-fll-hub :is(.social-members,.social-mentors,.social-member-legacy,.social-event-card,.social-member-card){min-width:0;background:var(--hub-card);border-color:var(--hub-border);color:var(--hub-text)}
.social-fll-hub :is(.social-members,.social-mentors,.social-member-legacy){padding:18px;border:1px solid var(--hub-border);border-radius:16px}
.social-fll-hub .panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.social-fll-hub .panel-head h3{margin:0;color:var(--hub-text)}
.social-fll-hub .social-card-grid,.social-fll-hub .social-member-grid{display:grid;gap:12px}
.social-fll-hub-empty{padding:22px;border:1px dashed #5c806b;border-radius:12px;background:#112019;color:var(--hub-muted)}
.social-fll-hub .social-section-error{padding:16px;border:1px solid #b38168;border-radius:12px;background:#38251d}
.social-fll-hub .social-section-error p{color:#ffe2d2}
.social-fll-hub .social-meeting-pages{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:14px}
.social-fll-hub-archive-panel [data-fll-archive-content]>.fll-workspace{margin-top:0}
@media(max-width:760px){
  .social-fll-hub-hero{grid-template-columns:1fr}
  .social-fll-hub-identity{grid-template-columns:100px minmax(0,1fr);align-items:center;justify-items:start;gap:12px}
  .social-fll-hub-identity img{max-width:100px}
}
@media(max-width:650px){
  .social-projects--fll.social-fll-hub{padding:0;border-radius:0;gap:12px}
  .social-fll-hub-hero{padding:18px;border-radius:13px}
  .social-fll-hub-identity{grid-template-columns:1fr;gap:10px}
  .social-fll-hub-stats{grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(0,1fr))}
  .social-fll-hub-stats>div{min-height:0}
  .social-fll-hub-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .social-fll-hub-nav button:last-child{grid-column:1/-1}
  .social-fll-hub-overview,.social-fll-hub-people-grid{grid-template-columns:1fr}
  .social-fll-hub-archive-link,.social-fll-hub-heading{align-items:stretch;flex-direction:column}
  .social-fll-hub :is(.social-members,.social-mentors,.social-member-legacy){padding:14px}
}

.social-fll-hub-about{margin-top:14px;border:1px solid var(--hub-border);border-radius:12px;background:var(--hub-card);min-width:0}
.social-fll-hub-about>summary{min-height:48px;padding:12px 18px;color:var(--hub-text);font-weight:700;cursor:pointer;line-height:1.5}
.social-fll-hub-about>summary:focus-visible{outline:3px solid var(--hub-lime);outline-offset:3px}
.social-fll-hub-about>div{padding:0 18px 18px;color:var(--hub-muted);white-space:pre-wrap;overflow-wrap:anywhere;font-size:.95rem;line-height:1.65;max-width:95ch}
