.community-banner-host{position:relative}.page-main.community-catalog-page{--page-content-inset:var(--space-8);width:min(calc(100% - 2 * var(--community-frame-gutter)), var(--community-frame-width));max-width:none;padding-block-start:var(--page-content-inset)}.page-main.community-page{--page-content-inset:var(--space-8);width:min(calc(100% - 2 * var(--community-frame-gutter)), var(--community-frame-width));align-content:start;column-gap:var(--space-8);max-width:none;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);padding-block-start:var(--page-content-inset);display:grid}.community-page-content{grid-area:1/1;min-width:0;display:flow-root}.page-heading.community-catalog-heading{justify-content:space-between;align-items:flex-end;gap:var(--space-3);max-width:none;margin:0 0 var(--space-6);flex-wrap:wrap;display:flex}.community-catalog-heading__identity{min-width:0}.community-catalog-heading__identity>.eyebrow{margin:0 0 var(--space-3)}.community-catalog-heading__title{align-items:center;gap:var(--space-3);min-height:var(--ui-control-min-height);display:flex}.community-catalog-heading__title>h1{margin:0;line-height:1.2}.community-catalog-heading__actions{justify-content:flex-end;align-items:center;gap:var(--space-2);min-height:var(--ui-control-min-height);flex-wrap:wrap;margin-inline-start:auto;display:flex}.community-management-toggle{width:var(--ui-control-min-height);min-height:var(--ui-control-min-height);padding:var(--space-2);border:1px solid var(--color-border);flex:none}.community-management-toggle[aria-pressed=true],.community-management-toggle[aria-pressed=true]:hover:not(:disabled){border-color:var(--color-lime);color:var(--color-on-accent);background:var(--color-lime)}.community-page>.community-banner-strip{grid-area:2/1}@media (width<=43.75rem){.page-main.community-page,.page-main.community-catalog-page{--page-content-inset:var(--space-6)}}.community-banner-strip{align-items:center;gap:var(--space-2);height:7.5rem;margin-block:var(--space-4);padding:var(--space-3);background:var(--color-surface);touch-action:pan-y;border:0;border-radius:0;display:flex}.community-banner-link{gap:var(--space-2);min-width:0;color:inherit;flex:1;text-decoration:none;display:grid}.community-banner-label{align-items:center;gap:var(--space-1);color:var(--color-lime);font-size:.75rem;display:flex}.community-banner-link--hot .community-banner-label{color:var(--color-warning)}.community-banner-link strong{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.community-banner-controls{justify-items:end;gap:var(--space-1);flex-shrink:0;display:grid}.community-banner-controls>div{align-items:center;gap:var(--space-1);display:flex}.community-banner-controls .app-button--compact{min-width:2.5rem;padding:var(--space-1) var(--space-2)}.community-banner-controls button{justify-content:center;align-items:center;gap:var(--space-1);display:inline-flex}.community-banner-rail{display:none}@media (width>=85rem){.page-main.community-page:has(>.community-banner-rail){grid-template-columns:minmax(0,1fr) 160px}.community-banner-host .community-banner-strip{display:none}.community-banner-host .community-banner-rail{display:grid}}.community-banner-rail{gap:var(--space-6);grid-area:1/2/3;width:160px;min-width:0}.community-banner-follow{--community-banner-center-top:6rem;top:var(--community-banner-center-top,6rem);align-self:start;gap:var(--space-4);animation:community-banner-arrive var(--motion-fast) ease-out;display:grid;position:sticky;overflow:visible}.community-banner-ad{aspect-ratio:4/15;justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3);border:0;border-block-start:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);text-align:center;border-radius:0;flex-direction:column;display:flex}.community-banner-groups{gap:var(--space-4);display:grid}.community-banner-block:empty{display:none}.community-banner-block{min-width:0}.community-banner-follow--stationary{max-height:none;animation:none;overflow:visible}.community-banner-strip .community-banner-image{object-fit:contain;float:left;width:4rem;height:4rem}.community-banner-ad span{letter-spacing:.08em;font-size:.65rem}.community-banner-ad small{font-size:.75rem}.community-banner-panel{min-width:0;padding:var(--space-3);border:0;border-block-start:1px solid var(--color-border);background:var(--color-surface);border-radius:0}.community-banner-panel--empty{background:var(--color-surface-raised);border-block-start:0}.community-banner-strip--empty{background:var(--color-surface-raised)}.community-banner-panel h2{margin:0 0 var(--space-3);color:var(--color-lime);font-size:.875rem}.community-banner-panel ul{margin:0;padding:0;list-style:none}.community-banner-panel li+li{border-top:1px solid var(--color-border)}.community-banner-panel li a{min-width:0;padding-block:var(--space-3);color:var(--color-text);overflow-wrap:anywhere;font-size:.875rem;text-decoration:none;display:block}.community-banner-title{-webkit-line-clamp:3;-webkit-box-orient:vertical;height:4.5em;line-height:1.5;display:-webkit-box;overflow:hidden}.community-banner-panel li a:hover{color:var(--color-lime)}.community-banner-image{aspect-ratio:6/5;object-fit:contain;border-radius:var(--radius-sm);width:100%;height:auto;margin-bottom:var(--space-2);display:block}.community-banner-strip .community-banner-image{object-fit:contain;grid-area:1/1/3;width:4rem;height:4rem;margin:0;display:block}.community-banner-strip .community-banner-link:has(.community-banner-image){column-gap:var(--space-3);grid-template-columns:4rem minmax(0,1fr);align-items:center}.community-banner-strip .community-banner-link:has(.community-banner-image)>:not(img){grid-column:2}@keyframes community-banner-arrive{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.community-banner-follow{animation:none}}