.feed-toolbar{display:flex;align-items:center;justify-content:flex-start;margin:0 0 28px}
.feed-filters{display:inline-flex;gap:4px;padding:5px;border:1px solid #76b8b638;border-radius:999px;background:#06172066}
.feed-filter{display:flex;align-items:center;justify-content:center;min-width:78px;min-height:40px;padding:9px 22px;border:0;border-radius:999px;background:transparent;color:#adc8cc;font:500 13px/1.3 'DM Sans',sans-serif;cursor:pointer;transition:color .18s,background .18s}
.feed-filter:hover{color:#edfaf6;background:#8ed9cc0d}
.feed-filter[aria-pressed="true"]{background:#8ed9cc;color:#06232c}
.feed-filter:focus-visible{outline:2px solid #c4f4e9;outline-offset:3px}
.feed-empty{padding:34px 24px;margin:0;border:1px solid #76b8b638;border-radius:18px;color:#adc8cc;font-size:15px;line-height:1.7}
.feed-empty[hidden],#esplora .card-grid[hidden]{display:none}
.feed-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:600px){.feed-toolbar{margin-bottom:23px}.feed-filter{min-width:76px;min-height:40px;padding:9px 21px}.feed-empty{font-size:14px;padding:26px 20px}}
@media(prefers-reduced-motion:reduce){.feed-filter{transition:none}}

/* Ogni contenuto mantiene la propria altezza: nessuna scheda si allunga per seguire i Reel. */
#esplora .card-grid{align-items:start}
#esplora .story-card{align-self:start;height:auto}
#esplora .story-card .card-art{flex:0 0 auto;height:auto;aspect-ratio:auto}
#esplora .story-card .post-image{height:auto;max-height:none;object-fit:contain}
#esplora .story-card .card-content{flex:0 0 auto}

/* Masonry: colonne sfalsate, senza spazi vuoti sotto i post più corti. */
#esplora .card-grid.feed-masonry{--feed-gap:18px;grid-auto-rows:1px;row-gap:0;column-gap:var(--feed-gap)}
@media(max-width:1100px){#esplora .card-grid.feed-masonry{--feed-gap:20px}}
@media(max-width:600px){#esplora .card-grid.feed-masonry{--feed-gap:22px;grid-auto-rows:auto;row-gap:var(--feed-gap)}}

.feed-toolbar[hidden]{display:none}

#esplora .all-content .button,#esplora .all-content .button:hover,#esplora .all-content .button:active{transform:none;animation:none;transition:background-color .2s,color .2s,border-color .2s}


.feed-region[data-feed-state="loading"]{min-height:var(--feed-reserved-height,70vh)}
.feed-region[data-feed-state="loading"] .feed-empty{border:0;padding:20px 0}
#esplora .card-grid.is-arranging{visibility:hidden}

@media(max-width:600px){#esplora .all-content .button{width:auto;max-width:100%;display:inline-flex;padding-inline:24px;white-space:nowrap}}