.square-main{padding-block:var(--space-24) var(--space-64)}.square-layout{gap:var(--space-16);flex-direction:column;display:flex}.square-labels-bar{z-index:1;background:var(--color-canvas);flex:none;min-width:0;position:sticky;top:0}.square-labels-bar:before,.square-labels-bar:after{content:"";z-index:1;opacity:0;pointer-events:none;width:40px;transition:opacity var(--motion-fast);position:absolute;inset-block:0}.square-labels-bar:before{background:linear-gradient(to right, var(--color-canvas), transparent);left:0}.square-labels-bar:after{background:linear-gradient(to left, var(--color-canvas), transparent);right:0}.square-labels-bar[data-edge-start=true]:before,.square-labels-bar[data-edge-end=true]:after{opacity:1}.square-labels-arrow{display:none}@media (hover:hover) and (pointer:fine){.square-labels-arrow{z-index:2;border:1px solid var(--color-line);border-radius:var(--shape-full);background:var(--color-surface);width:32px;height:32px;color:var(--color-muted);box-shadow:var(--shadow-overlay);cursor:pointer;place-items:center;padding:0;display:none;position:absolute;top:50%;translate:0 -50%}.square-labels-arrow-start{left:0}.square-labels-arrow-end{right:0}.square-labels-bar[data-edge-start=true] .square-labels-arrow-start,.square-labels-bar[data-edge-end=true] .square-labels-arrow-end{display:grid}.square-labels-arrow:hover{color:var(--color-brand-ink)}}.square-labels{gap:var(--space-8);min-width:0;padding-block:var(--space-8);overscroll-behavior-x:contain;scrollbar-width:none;display:flex;overflow-x:auto}.square-labels::-webkit-scrollbar{display:none}.square-page:has(.community-header) .square-labels-bar{top:66px}@media (max-width:700px){.square-page:has(.community-header) .square-labels-bar{top:0}}.square-labels a{align-items:center;gap:var(--space-8);min-height:40px;padding:var(--space-6) var(--space-16);border-radius:var(--shape-full);background:var(--color-surface);color:var(--color-muted);font-size:var(--font-size-13);white-space:nowrap;flex:none;justify-content:center;display:flex}@media (hover:hover){.square-labels a:hover{background:var(--color-raised)}html:not([data-theme=dark]) .square-labels a:not([aria-current]):hover{background:var(--color-accent-soft);color:var(--color-accent-ink);box-shadow:inset 0 0 0 1px var(--color-brand)}}.square-labels :is(svg,.square-category-app-icon){color:var(--color-faint);flex-shrink:0}.square-labels a[aria-current]{background:var(--color-brand);color:var(--color-on-brand);font-weight:var(--weight-semibold)}.square-labels a[aria-current] svg{color:inherit}.square-feed{align-items:start;gap:var(--space-16);grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;display:grid}.square-feed>:not(.square-post){grid-column:1/-1}.square-post{border:1px solid var(--color-line);border-radius:var(--radius-panel);background:var(--color-surface);min-width:0;transition:border-color var(--motion-fast) var(--motion-ease-out), box-shadow var(--motion-fast) var(--motion-ease-out);isolation:isolate;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"cover cover""title title""summary summary""author metrics";display:grid;position:relative;overflow:hidden}.square-post-title-link:after{content:"";position:absolute;inset:0}.square-post-metrics>:is(a,button){z-index:1;position:relative}@media (hover:hover){.square-post:hover{border-color:var(--color-brand-ink);box-shadow:var(--shadow-square-hover)}.square-post:hover .square-post-title-link{color:var(--color-brand-ink)}}.square-card-media{border-bottom:1px solid var(--color-line);grid-area:cover;min-width:0;position:relative}.square-post-cover{aspect-ratio:2;background:var(--color-raised);border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.square-post-cover>img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.square-post-author{align-items:center;gap:var(--space-8);min-width:0;margin:var(--space-10) 0 var(--space-12) var(--space-16);color:var(--color-muted);font-size:var(--font-size-12);grid-area:author;display:flex}.square-post-author>img,.square-post-avatar{border-radius:var(--shape-full);object-fit:cover;flex-shrink:0;width:28px;height:28px}.square-post-avatar{background:var(--color-accent-soft);color:var(--color-accent-ink);place-items:center;display:grid}.square-post-author>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.square-post h3{min-width:0;margin:var(--space-12) var(--space-16) 0;font-size:var(--font-size-16);grid-area:title;line-height:1.5}.square-post-title-link{color:var(--color-ink);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}@media (hover:hover){.square-post-title-link:hover{color:var(--color-brand-ink)}}.square-post-summary{min-width:0;min-height:1.6em;margin:var(--space-6) var(--space-16) 0;color:var(--color-faint);font-size:var(--font-size-13);text-overflow:ellipsis;white-space:nowrap;grid-area:summary;line-height:1.6;overflow:hidden}.square-post-metrics{align-items:center;gap:var(--space-12);margin:var(--space-10) var(--space-16) var(--space-12) var(--space-8);color:var(--color-faint);font-size:var(--font-size-12);grid-area:metrics;display:flex}.square-post-metrics>:is(a,span){align-items:center;gap:var(--space-4);white-space:nowrap;min-height:28px;color:inherit;display:inline-flex}.square-post-metrics a:where(:hover),.square-post-share:where(:hover){color:var(--color-brand-ink)}.square-post-share{min-width:28px;min-height:28px;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.square-pagination{padding:var(--space-20);justify-content:center;align-items:center;gap:var(--space-20);color:var(--color-muted);display:flex}.square-pagination a,.square-state button{min-height:var(--control-height-touch);padding:var(--space-10) var(--space-20);border-radius:var(--radius-control);background:var(--color-raised);color:var(--color-ink);justify-content:center;align-items:center;display:inline-flex}.square-state{padding:var(--space-32) var(--space-16);text-align:center}.square-skeleton-grid{gap:var(--space-16);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.square-card-skeleton{border:1px solid var(--color-line);border-radius:var(--radius-panel);background:var(--color-surface);overflow:hidden}.square-skeleton .square-skeleton-cover{aspect-ratio:2;border-radius:0;height:auto}.square-skeleton-copy{gap:var(--space-12);padding:var(--space-16);display:grid}@media (max-width:1199px){.square-feed,.square-skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.square-main{padding-top:var(--space-16)}.square-layout{gap:var(--space-12)}.square-labels{padding-block:var(--space-6)}.square-labels a{min-height:32px;padding:var(--space-4) var(--space-12);gap:var(--space-4);position:relative}.square-labels a:before{content:"";inset:calc((var(--control-height-touch) - 32px) / -2) 0;position:absolute}.square-labels svg{width:14px;height:14px}.square-pagination{flex-wrap:wrap;padding-inline:0}.square-post-share{min-width:var(--control-height-touch);min-height:var(--control-height-touch)}.square-post-metrics>.square-post-comments{min-height:var(--control-height-touch)}.square-post-author,.square-post-metrics{margin-block:var(--space-6) var(--space-8)}}@media (max-width:700px){.square-feed,.square-skeleton-grid{grid-template-columns:minmax(0,1fr)}}.square-category-app-icon{object-fit:contain;width:24px;height:24px}@media (max-width:767px){.square-category-app-icon{width:18px;height:18px}}.square-labels a[aria-current] .square-category-app-icon{padding:var(--space-2);border-radius:var(--shape-xs);background:var(--color-accent-soft);box-sizing:border-box}