.community-banner-host{position:relative}.community-banner-strip{align-items:center;gap:var(--space-2);height:7.5rem;margin-block:var(--space-4);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);touch-action:pan-y;display:flex}.community-banner-link{gap:var(--space-2);min-width:0;color:inherit;flex:1;text-decoration:none;display:grid}.community-banner-label{color:var(--color-lime);font-size:.75rem}.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-rail{display:none}@media (width>=80rem){.page-main.community-banner-host{width:min(54rem + 286.667px,100% - 320px - 8rem)}.community-banner-host .community-banner-strip{display:none}.community-banner-host .community-banner-rail{display:grid}.page-main.community-banner-host--narrow{width:min(48rem + 100px,100% - 320px - 8rem)}}.community-banner-rail{top:var(--ui-page-top);bottom:var(--space-4);gap:var(--space-4);width:160px;min-width:0;position:absolute}.community-banner-rail--left{right:calc(100% + var(--space-8))}.community-banner-rail--right{left:calc(100% + var(--space-8))}.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:1px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text-muted);text-align:center;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:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.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;max-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}}.community-campaign{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);width:100%;height:600px;margin:0;position:relative;overflow:hidden}.community-campaign>a{color:var(--color-text);height:100%;text-decoration:none;display:grid}.community-campaign img{object-fit:cover;background:var(--color-bg);width:100%;height:100%;display:block}.community-campaign--empty,.community-campaign--adsense{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-4);text-align:center;color:var(--color-text-muted);flex-direction:column;display:flex}.community-campaign--adsense{border-radius:0;height:600px}.community-campaign--empty>span,.community-campaign--adsense>span{letter-spacing:.08em;font-size:.65rem}