:root{--background:#f5f5f7;--surface:#fff;--text:#2c2c2c;--primary:#0051ba;--link:#0051ba;--plum:#6b5b95;--border:#e0e0e0}*{box-sizing:border-box}body{background:var(--background);color:var(--text);margin:0;font-family:IBM Plex Sans,system-ui,sans-serif;font-size:15px;line-height:1.55}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.skip-link{background:var(--primary);color:#fff;z-index:100;padding:.5rem 1rem;position:absolute;top:0;left:-9999px}.skip-link:focus{text-decoration:none;top:.5rem;left:.5rem}.site-header,.site-footer,main{width:min(1200px,100% - 2rem);margin-inline:auto}.site-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 0;display:flex}.brand{letter-spacing:-.02em;color:var(--text);font-size:1.1rem;font-weight:650;text-decoration:none}.site-nav{gap:1.25rem;font-size:.9rem;font-weight:500;display:flex}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--plum);margin-bottom:.6rem;font-size:.75rem;font-weight:600;display:inline-block}main{padding:1rem 0 4rem}.site-footer{border-top:1px solid var(--border);color:var(--plum);padding:1.5rem 0 2.5rem;font-size:.85rem}.hero{margin-bottom:2rem}.hero h1{letter-spacing:-.03em;margin:0 0 .65rem;font-size:clamp(1.9rem,4vw,2.75rem);font-weight:700;line-height:1.1}.hero p{max-width:40rem;color:var(--plum);margin:0}.breadcrumbs{color:var(--plum);flex-wrap:wrap;gap:.35rem;margin-bottom:1.25rem;font-size:.8rem;display:flex}.breadcrumbs a{color:var(--plum)}.breadcrumbs span[aria-hidden]{color:var(--border)}.stats{flex-wrap:wrap;gap:1.5rem;margin:1.5rem 0 0;display:flex}.stat .num{color:var(--primary);font-size:1.5rem;font-weight:700;line-height:1.1}.stat .lbl{text-transform:uppercase;letter-spacing:.06em;color:var(--plum);font-size:.75rem}.toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin:1.5rem 0 .5rem;display:flex}.search-input{border:1px solid var(--border);background:var(--surface);max-width:400px;font:inherit;color:var(--text);border-radius:10px;flex:260px;padding:.6rem .9rem}.search-input::placeholder{color:var(--plum);opacity:.7}.search-input:focus{border-color:var(--primary);outline:none}.filter-pills{flex-wrap:wrap;gap:.4rem;margin:.75rem 0 0;display:flex}.filter-pills button{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;padding:.3rem .75rem;font-size:.8rem}.filter-pills button[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:#fff}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.card{background:var(--surface);border:1px solid var(--border);color:inherit;border-radius:14px;flex-direction:column;gap:.6rem;padding:1.25rem;text-decoration:none;transition:box-shadow .15s,transform .15s,border-color .15s;display:flex}.card:hover{border-color:color-mix(in srgb, var(--primary) 45%, var(--border));text-decoration:none;transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.card h2,.card h3{letter-spacing:-.02em;margin:0;font-size:1.1rem}.card .desc{color:var(--plum);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.85rem;display:-webkit-box;overflow:hidden}.meta{color:var(--plum);flex-wrap:wrap;gap:.9rem;font-size:.8rem;display:flex}.meta strong{color:var(--primary);font-weight:600}.pills{flex-wrap:wrap;gap:.35rem;margin-top:auto;display:flex}.pill{background:color-mix(in srgb, var(--plum) 12%, white);color:var(--plum);border-radius:999px;padding:.2rem .55rem;font-size:.75rem;font-weight:500;text-decoration:none}a.pill:hover{background:color-mix(in srgb, var(--plum) 20%, white);text-decoration:none}.badges{flex-wrap:wrap;gap:.3rem;display:flex}.badge{background:var(--primary);color:#fff;border-radius:999px;padding:.18rem .5rem;font-size:.72rem;font-weight:500}.community-list{flex-direction:column;gap:.75rem;margin-top:1.5rem;display:flex}.community-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;transition:box-shadow .15s,border-color .15s;display:flex}.community-card:hover{border-color:color-mix(in srgb, var(--primary) 45%, var(--border));box-shadow:0 6px 18px #0000000d}.community-card img.platform-logo{object-fit:contain;border-radius:4px;flex-shrink:0;width:20px;height:20px;margin-top:.2rem}.community-card .body{flex:1;min-width:0}.community-card .name-row{flex-wrap:wrap;align-items:baseline;gap:.6rem;display:flex}.community-card h3{margin:0;font-size:1rem}.community-card .members{color:var(--plum);white-space:nowrap;font-size:.78rem}.community-card .desc{color:var(--plum);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.3rem 0 0;font-size:.85rem;display:-webkit-box;overflow:hidden}.community-card .badges{margin-top:.5rem}.join-btn{background:var(--primary);color:#fff;border-radius:8px;flex-shrink:0;align-self:center;padding:.45rem 1rem;font-size:.85rem;font-weight:600;text-decoration:none;box-shadow:0 2px 6px #0051ba40}.join-btn:hover{text-decoration:none;box-shadow:0 4px 12px #0051ba59}.join-btn:active{transform:scale(1.03)}.section{margin-top:2.5rem}.section h2{letter-spacing:-.02em;margin:0 0 .25rem;font-size:1.3rem}.section>p{color:var(--plum);margin:.25rem 0 0}.detail-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:2rem;margin-top:1.5rem;display:grid}.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.panel h2,.panel h3{margin:0 0 .5rem;font-size:1.05rem}.panel p{margin:0 0 .75rem}.panel dl{flex-direction:column;gap:.5rem;margin:0;display:flex}.panel dt{text-transform:uppercase;letter-spacing:.05em;color:var(--plum);font-size:.72rem}.panel dd{margin:0;font-weight:500}.side-stack{flex-direction:column;gap:1rem;display:flex}.pagination{flex-wrap:wrap;gap:.4rem;margin-top:1rem;display:flex}.pagination a{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:.35rem .75rem;font-size:.85rem;text-decoration:none}.pagination a:hover{border-color:color-mix(in srgb, var(--primary) 45%, var(--border));text-decoration:none}.pagination a[aria-current=page]{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.empty{border:1px dashed var(--border);color:var(--plum);text-align:center;border-radius:12px;margin-top:1.5rem;padding:2rem}.back-link{margin:1rem 0 0;font-size:.85rem;font-weight:500}.chart{flex-direction:column;gap:.55rem;margin-top:1.25rem;display:flex}.chart-row{grid-template-columns:minmax(120px,200px) 1fr auto;align-items:center;gap:.75rem;font-size:.85rem;display:grid}.chart-label{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.chart-label:hover{color:var(--link)}.chart-track{background:color-mix(in srgb, var(--plum) 10%, white);border-radius:6px;height:14px;overflow:hidden}.chart-fill{background:linear-gradient(90deg, var(--primary), var(--plum));border-radius:6px;height:100%}.chart-value{font-variant-numeric:tabular-nums;color:var(--plum);white-space:nowrap;font-weight:600}@media (width<=767px){.chart-row{grid-template-columns:minmax(90px,130px) 1fr auto}.grid,.detail-grid{grid-template-columns:1fr}.search-input{max-width:none}.join-btn{text-align:center;align-self:stretch}.community-card{flex-wrap:wrap}}