/* YesWas archive + search (wave 2, agent 04, 2026-10-27): /odcinki/ and the ?s= results page.
   Built on tokens.css + components.css (yw- primitives). Everything is scoped to .yw-archive. */

.yw-archive { color: var(--yw-ink); font-family: var(--yw-font); font-size: var(--yw-text-base); line-height: var(--yw-leading-body); text-align: start; }
.yw-archive > * + * { margin-top: var(--yw-space-5); }
.yw-archive .page-title { margin-bottom: 0; text-align: start; }
.yw-archive h2, .yw-archive p, .yw-archive ul { text-align: start; }
.yw-archive__lead { margin: var(--yw-space-3) 0 0; max-width: var(--yw-measure); font-size: var(--yw-text-md); color: var(--yw-ink-muted); }

/* search form (page) */
.yw-archive__search { display: flex; flex-direction: column; gap: var(--yw-space-2); margin-top: var(--yw-space-6); }
.yw-archive__search .yw-field__label { display: block; }
.yw-archive__search .yw-search { max-width: 40rem; }
.yw-archive__search .yw-search__field { margin: 0; }
.yw-archive__search .yw-search__field[type="search"] { box-shadow: none; }
.yw-archive__search .yw-search__field:focus, .yw-archive__search .yw-search__field:focus-visible { box-shadow: inset 0 0 0 1px var(--yw-navy); }
.yw-archive__search .yw-field__hint { margin: 0; }

/* the existing search form on the ?s= page sits right under the title */
.yw-archive--search .yeswas-search { margin-top: var(--yw-space-5); max-width: 40rem; }

/* filters */
.yw-archive__filter { margin-top: var(--yw-space-5); }
.yw-archive__label { margin: 0 0 var(--yw-space-2); font-size: var(--yw-text-sm); font-weight: var(--yw-weight-strong); line-height: var(--yw-leading-snug); color: var(--yw-ink-muted); }
.yw-archive .yw-pills { margin: 0; }
.yw-archive .yw-pill { font-size: var(--yw-text-base); min-height: var(--yw-target); }
.yw-archive__n { font-size: var(--yw-text-sm); }
span.yw-pill[aria-disabled="true"] { display: inline-flex; }

/* results header: count line left, clear + sort right */
.yw-archive__results { margin-top: var(--yw-space-6); }
.yw-archive__bar { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: var(--yw-space-3) var(--yw-space-5); margin-bottom: var(--yw-space-4); }
.yw-archive__count { margin: 0; font-size: var(--yw-text-lg); font-weight: var(--yw-weight-bold); line-height: var(--yw-leading-tight); letter-spacing: 0; }
.yw-archive__tools { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--yw-space-3) var(--yw-space-5); }
.yw-archive__tools > a.yw-link { align-self: center; min-height: var(--yw-target); display: inline-flex; align-items: center; }
.yw-archive__sort .yw-archive__label { margin-bottom: var(--yw-space-1); }
.yw-archive__advanced { margin: 0; font-size: var(--yw-text-base); }

/* list of cards */
.yw-archive__list { display: flex; flex-direction: column; gap: var(--yw-space-3); margin: 0; padding: 0; list-style: none; }
.yw-archive__list > li { margin: 0; padding: 0; list-style: none; }
.yw-archive__list .yw-card { padding: var(--yw-space-4); }
@media (min-width: 40rem) { .yw-archive__list .yw-card { padding: var(--yw-space-4) var(--yw-space-5); } }
.yw-archive__list .yw-card__title { font-size: var(--yw-text-lg); letter-spacing: 0; }

/* empty state */
.yw-archive__empty { max-width: var(--yw-measure); padding: var(--yw-space-5); border: 1px solid var(--yw-border); border-radius: var(--yw-radius-lg); background: var(--yw-surface-alt); }
.yw-archive__empty-title { margin: 0 0 var(--yw-space-3); font-size: var(--yw-text-lg); font-weight: var(--yw-weight-bold); line-height: var(--yw-leading-snug); }
.yw-archive__empty ul { margin: 0; padding-left: 1.25em; list-style: disc; }
.yw-archive__empty li { margin: 0 0 var(--yw-space-2); }
.yw-archive__empty li:last-child { margin-bottom: 0; }

/* pager */
.yw-pager { margin-top: var(--yw-space-6); }
.yw-pager .yw-pills { align-items: center; }
.yw-pager__gap { padding-inline: var(--yw-space-1); color: var(--yw-ink-muted); }
.yw-pager a.yw-pill[aria-current="page"] { background: var(--yw-navy); border-color: var(--yw-navy); color: var(--yw-on-dark); font-weight: var(--yw-weight-strong); }
.yw-pager a.yw-pill[aria-current="page"]:hover { background: var(--yw-navy-deep); border-color: var(--yw-navy-deep); color: var(--yw-on-dark); }
.yw-pager .yw-pill { min-width: var(--yw-target); }

/* phones: tighter gaps, the year row wraps to a few lines */
@media (max-width: 30rem) {
	.yw-archive__bar { align-items: flex-start; }
	.yw-archive__tools { width: 100%; }
	.yw-pager .yw-pills { gap: var(--yw-space-1); }
	.yw-pager .yw-pill { padding-inline: var(--yw-space-3); }
}