/* DISCOVER 001. One DOM, small sections and the existing poll interactions. */
.discover-main { min-inline-size: 0; }
.discover-main h2 { font-size: 1.125rem; line-height: 1.4; letter-spacing: -.02em; margin-block-end: .75rem; }
.discover-topics { margin-block-end: 2rem; }

.discover-sections { display: grid; gap: 2rem; min-inline-size: 0; }
.discover-sections > * { min-inline-size: 0; }
.discover-section-heading { margin-block-end: 1rem; }
.discover-section-heading h2 { display: flex; align-items: center; gap: .5rem; margin-block-end: .35rem; }
.discover-section-heading h2 > .ft-icon { inline-size: 1.35rem; block-size: 1.35rem; color: var(--ft-primary); }
.discover-section-heading > p { margin: 0; color: var(--ft-muted); font-size: .8125rem; line-height: 1.6; }
.discover-poll-grid { display: flex; gap: .9rem; overflow-x: auto; scroll-snap-type: x proximity; overscroll-behavior-inline: contain; scrollbar-width: thin; padding: .25rem .25rem .85rem; }
.discover-poll-grid > .question-card { flex: 0 0 93%; align-self: start; scroll-snap-align: start; }
.discover-poll-grid > .question-card:only-child { flex-basis: 100%; }
.question-card--discover-poll .question-card__title { font-size: 1.0625rem; }
.question-card--discover-poll .question-card__excerpt { -webkit-line-clamp: 2; }
.question-card--discover-poll .poll { position: relative; z-index: 2; }
.discover-card-list { display: grid; gap: .75rem; }
.question-card--compact { padding: 1rem; border-radius: 1rem; box-shadow: 0 2px 10px rgb(56 26 75 / .025); }
.question-card--compact .question-card__meta { gap: .55rem; margin-block-end: .65rem; }
.question-card--compact .question-card__title { font-size: 1rem; line-height: 1.5; overflow-wrap: anywhere; }
.question-card--compact .question-card__excerpt { -webkit-line-clamp: 2; font-size: .8125rem; }
.question-card--compact .question-card__footer { clear: both; padding-block-start: .6rem; margin-block-start: .7rem; }
.question-card--compact .poll-badge { margin-block-end: .35rem; font-size: .7rem; }
.question-card__thumbnail { float: right; inline-size: 4.5rem; block-size: 4.5rem; margin: .15rem 0 .7rem .7rem; object-fit: cover; border-radius: .7rem; }
.discover-articles { display: flex; gap: 1rem; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: thin; padding: .25rem .25rem .85rem; }
.discover-article { flex: 0 0 80%; scroll-snap-align: start; min-inline-size: 0; border: 1px solid var(--ft-border); background: var(--ft-surface); border-radius: 1rem; }
.discover-article:only-child { flex-basis: 100%; }
.discover-article > a { display: block; height: 100%; border-radius: inherit; color: var(--ft-ink); text-decoration: none; }
.discover-article__image { display: grid; place-items: center; aspect-ratio: 16 / 10; background: var(--topic-bg); color: var(--topic-accent); border-radius: 1rem 1rem 0 0; overflow: hidden; }
.discover-article__image img { inline-size: 100%; block-size: 100%; object-fit: cover; }
.discover-article__image > .ft-icon { inline-size: 2.75rem; block-size: 2.75rem; }
.discover-article__text { padding: 1rem; }
.discover-article__meta { color: var(--ft-muted); font-size: .6875rem; }
.discover-article h3 { font-size: 1rem; line-height: 1.5; margin-block: .5rem; overflow-wrap: anywhere; }
.discover-article p { font-size: .8125rem; color: var(--ft-muted); margin: 0; line-height: 1.6; }
@media (min-width: 48rem) {
	.discover-articles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
	.discover-article__text { padding: .75rem; }
}
@media (min-width: 72rem) {
	.discover-poll-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: visible; }
	.discover-poll-grid > .question-card { padding: 1rem; }
}

/* ODKRYWAJ 002: local overview, shared shell and media stay unchanged elsewhere. */
.ft-shell .ft-app-view--discover { grid-template-columns: minmax(0, 1fr); }
.discover-main--overview { container: discover / inline-size; }
.discover-main--overview > .app-page-heading { display: flex; flex-wrap: wrap; align-items: start; gap: .25rem .75rem; margin-block-end: 1.5rem; }
.discover-main--overview > .app-page-heading > h1 { flex: 1 1 10rem; min-inline-size: 0; }
.discover-main--overview > .app-page-heading > p { flex-basis: 100%; margin: 0; }
.discover-main--overview .audit-discover-topics { display: inline-flex; align-items: center; gap: .35rem; min-block-size: 2.75rem; font-size: .875rem; font-weight: 600; text-decoration: none; }
.discover-main--overview .audit-discover-topics:hover { text-decoration: underline; }
.discover-main--overview .audit-discover-topics .ft-icon { inline-size: 1rem; block-size: 1rem; }
.discover-topics-full { display: none; }
@media (min-width: 48rem) { .discover-topics-full { display: inline; } .discover-topics-short { display: none; } }
.discover-main--overview .stories-strip { padding-block: 0; margin-block-end: 1.75rem; }
.discover-main--overview .stories-strip > header { padding-block-end: .875rem; }
.discover-main--overview .stories-strip h2 { margin: 0; }
.discover-main--overview .stories-strip__list { flex-wrap: nowrap; }
.discover-main--overview h2 { display: flex; align-items: center; gap: .5rem; font-size: 1.125rem; line-height: 1.35; margin: 0 0 .875rem; }
.discover-main--overview h2 .ft-icon { color: var(--ft-primary); inline-size: 1.25rem; block-size: 1.25rem; }
.discover-main--overview .community-photos { margin: 0 0 1.75rem; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.discover-main--overview .community-photos__heading { margin-block-end: .875rem; }
.discover-main--overview .community-photos__heading h2 { margin: 0; }
.discover-main--overview .community-photos__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; }
.discover-main--overview .community-photos__grid .photo-grid__item { aspect-ratio: 4 / 5; border-radius: .75rem; }
.discover-main--overview [data-discover-image] { object-fit: cover; width: 100%; height: 100%; }
.discover-media-error, .discover-empty { color: var(--ft-muted); font-size: .875rem; }
.discover-guest { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem 1rem; background: var(--ft-lilac); padding: .875rem 1rem; border-radius: 1rem; margin-block-end: 1.75rem; font-size: .875rem; }
.discover-guest p { margin: 0; }
.discover-guest a { display: inline-flex; align-items: center; gap: .4rem; font-weight: 600; min-height: 2.5rem; }
.discover-overview, .discover-overview__list { display: grid; align-items: start; gap: 1rem; min-width: 0; }
.discover-overview { gap: 1.75rem; }
.discover-overview > section { min-width: 0; }
.discover-card { display: grid; gap: .75rem; min-width: 0; padding: 1rem; border: 1px solid var(--ft-border); border-radius: 1.125rem; background: var(--ft-surface); box-shadow: 0 3px 16px rgb(56 26 75 / .025); }
.discover-card__author { display: flex; align-items: center; gap: .5rem; min-width: 0; }
.discover-card__author .question-avatar { flex: 0 0 2rem; width: 2rem; height: 2rem; }
.discover-card__author > a, .discover-card__author > span:last-child { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: .875rem; font-weight: 600; color: var(--ft-ink); text-decoration: none; }
.discover-card h3 { margin: 0; font-size: 1.125rem; line-height: 1.4; letter-spacing: -.015em; overflow-wrap: anywhere; }
.discover-card h3 a { color: var(--ft-ink); text-decoration: none; }
.discover-card h3 a:hover { color: var(--ft-primary); }
.discover-card__label { justify-self: start; color: var(--ft-muted); font-size: .75rem; font-weight: 600; }
.discover-card__footer { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .25rem .5rem; font-size: .8125rem; color: var(--ft-muted); padding-top: .25rem; }
.discover-card__footer > a { display: inline-flex; align-items: center; gap: .3rem; font-weight: 600; min-height: 2.5rem; }
.discover-card__footer .ft-icon { width: 1rem; height: 1rem; }
.discover-poll__options { list-style: none; padding: 0; margin: 0; display: grid; gap: .375rem; }
.discover-poll__options li { min-width: 0; }
.discover-poll__options a { display: block; padding: .625rem .75rem; color: var(--ft-ink); background: color-mix(in srgb, var(--ft-lilac) 55%, var(--ft-surface)); border-radius: .625rem; text-decoration: none; font-size: .875rem; }
.discover-poll__options:not(.discover-poll__options--images) a > span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.discover-poll__options--images { grid-template-columns: repeat(var(--discover-options, 4), minmax(0, 1fr)); gap: .375rem; }
.discover-poll__options--images:has(>li:nth-child(2):last-child) { --discover-options: 2; }
.discover-poll__options--images:has(>li:nth-child(3):last-child) { --discover-options: 3; }
.discover-poll__options--images a { padding: 0; background: var(--ft-lilac); }
.discover-poll__image { display: block; position: relative; height: 5rem; overflow: hidden; border-radius: .625rem; }
.discover-poll__letter { position: absolute; inset: .3rem auto auto .3rem; z-index: 1; display: grid; place-items: center; width: 1.4rem; height: 1.4rem; font-size: .75rem; font-weight: 700; border-radius: .4rem; background: var(--ft-surface); color: var(--ft-ink); box-shadow: 0 1px 5px rgb(0 0 0 / .1); }
.discover-image-error { display: grid; place-items: center; position: absolute; inset: 0; padding: .5rem; background: var(--ft-lilac); color: var(--ft-ink); font-size: .75rem; line-height: 1.35; text-align: center; }
.discover-poll__more { margin: 0; font-size: .75rem; color: var(--ft-muted); }
.discover-thread__labels { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.discover-thread__labels .topic-badge { font-size: .6875rem; padding: .25rem .5rem; }
.discover-thread__excerpt { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 0; font-size: .875rem; color: var(--ft-muted); line-height: 1.5; overflow-wrap: anywhere; }
@container discover (min-width: 46.875rem) {
 .discover-overview { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
 .discover-overview--one { grid-template-columns: minmax(0, 40rem); }
 .discover-card { padding: 1.125rem; }
 .discover-thread__excerpt { -webkit-line-clamp: 2; }
}
@container discover (min-width: 44rem) {
 .discover-main--overview .community-photos__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}

/* ODKRYWAJ 002 FIX: quiet local previews, with the existing destination and controls. */
.discover-main--overview .discover-poll { gap: .625rem; }
.discover-main--overview .discover-poll__options:not(.discover-poll__options--images) { gap: .125rem; }
.discover-main--overview .discover-poll__options:not(.discover-poll__options--images) a { display: flex; align-items: center; gap: .5rem; min-block-size: 2.25rem; padding: .25rem 0; background: transparent; border-radius: .25rem; }
.discover-main--overview .discover-poll__options:not(.discover-poll__options--images) a:hover { color: var(--ft-primary); text-decoration: underline; }
.discover-main--overview .discover-poll__text-letter { flex: 0 0 1.25rem; color: var(--ft-muted); font-size: .75rem; font-weight: 600; }
.discover-main--overview .discover-poll__options:not(.discover-poll__options--images) a > span:last-child { min-inline-size: 0; }
.discover-main--overview .discover-poll__caption { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; padding: .35rem .4rem; font-size: .75rem; line-height: 1.4; overflow-wrap: anywhere; }
.discover-main--overview .discover-poll .discover-card__footer { padding-block-start: 0; }
.discover-main--overview .discover-thread__labels { gap: .35rem .5rem; }
.discover-main--overview .discover-card__label--day { color: var(--ft-primary); }
.discover-main--overview .discover-more { display: inline-flex; align-items: center; gap: .4rem; min-block-size: 2.75rem; margin-block-start: .75rem; font-size: .875rem; font-weight: 600; }
.discover-main--overview .discover-more .ft-icon { inline-size: 1rem; block-size: 1rem; }
