/* Sree Yearly Archive — scoped, mobile-first, inherits theme fonts. */
.sya-archive, .sya-w { font-family: inherit; color: inherit; line-height: 1.6; }
.sya-archive { font-size: 15px; container-type: inline-size; container-name: sya; }
.sya-archive *, .sya-w * { box-sizing: border-box; }
.sya-archive .sya-heading { font-size: 1.15em; margin: 0 0 .6em; padding-bottom: .35em; border-bottom: 2px solid currentColor; border-bottom-color: rgba(0,0,0,.12); }
.sya-archive .sya-count, .sya-w .sya-count { display: inline-block; min-width: 1.8em; padding: 0 .45em; border-radius: 1em; background: rgba(0,0,0,.06); font-size: .85em; text-align: center; }

/* Filters */
.sya-filters { display: grid; grid-template-columns: 1fr 1fr; gap: .6em .75em; margin: 0 0 1.5em; padding: .9em; background: rgba(0,0,0,.03); border: 1px solid rgba(0,0,0,.08); border-radius: 6px; }
.sya-filters .sya-field { display: flex; flex-direction: column; min-width: 0; }
.sya-filters .sya-field-q, .sya-filters .sya-actions { grid-column: 1 / -1; }
.sya-filters label { font-size: 13px; margin-bottom: .2em; opacity: .8; }
.sya-filters input, .sya-filters select { width: 100%; min-height: 40px; padding: .35em .5em; font: inherit; border: 1px solid rgba(0,0,0,.2); border-radius: 4px; background: #fff; }
.sya-actions { display: flex; align-items: center; gap: 1em; }
.sya-archive .sya-btn { display: inline-block; min-height: 40px; padding: .45em 1.3em; font: inherit; border: 0; border-radius: 4px; background: #222; color: #fff; cursor: pointer; text-decoration: none; }
.sya-archive .sya-btn:hover, .sya-archive .sya-btn:focus { background: #000; color: #fff; }
.sya-reset { font-size: .9em; }

/* Layout */
.sya-layout { display: flex; flex-direction: column; gap: 1.5em; }
.sya-accordion { order: 2; }
.sya-results { order: 1; min-width: 0; }
.sya-results[aria-busy="true"] { opacity: .5; transition: opacity .15s; }

/* Accordion */
.sya-year { border-bottom: 1px solid rgba(0,0,0,.08); }
.sya-year > summary { display: flex; justify-content: space-between; align-items: center; padding: .55em .2em; cursor: pointer; font-weight: 600; list-style: none; }
.sya-year > summary::-webkit-details-marker { display: none; }
.sya-year > summary::after { content: "+"; margin-left: .5em; font-weight: 400; }
.sya-year[open] > summary::after { content: "−"; }
.sya-year-label { flex: 1; }
.sya-archive .sya-months { list-style: none; margin: 0 0 .6em; padding: 0 0 0 .6em; }
.sya-archive .sya-months li { display: flex; justify-content: space-between; align-items: center; padding: .2em 0; }
.sya-months a[aria-current="true"] { font-weight: 700; text-decoration: underline; }

/* Results */
.sya-list { display: grid; grid-template-columns: 1fr; gap: 1em; }
.sya-item { display: flex; gap: .8em; padding-bottom: 1em; border-bottom: 1px solid rgba(0,0,0,.08); }
.sya-thumb { flex: 0 0 96px; }
.sya-thumb img { display: block; width: 96px; height: 72px; object-fit: cover; border-radius: 4px; }
.sya-body { min-width: 0; }
.sya-archive .sya-item .sya-title { font-size: 18px; margin: 0 0 4px; line-height: 1.45; }
.sya-title a { text-decoration: none; }
.sya-archive .sya-meta { margin: 0 0 4px; font-size: 13px; opacity: .85; }
.sya-archive .sya-excerpt { margin: 0; font-size: 15px; line-height: 1.65; }
.sya-pager { margin: 1.2em 0 0; text-align: center; }
.sya-pageinfo { display: block; margin-top: .4em; font-size: 13px; opacity: .7; }
.sya-prev { margin: 0 0 1em; }
.sya-empty { padding: 1em; background: rgba(0,0,0,.03); border-radius: 4px; }

/* Writers A-Z */
.sya-writers { margin-top: 2em; }
.sya-az { display: flex; flex-wrap: wrap; gap: .3em; margin: 0 0 1em; }
.sya-az a { display: inline-block; min-width: 2.2em; padding: .2em .4em; text-align: center; border: 1px solid rgba(0,0,0,.15); border-radius: 4px; text-decoration: none; }
.sya-az-group { margin: 0 0 1em; scroll-margin-top: 80px; }
.sya-archive .sya-az-group h3 { font-size: 1.1em; margin: 0 0 .3em; }
.sya-archive .sya-az-group ul { list-style: none; margin: 0; padding: 0; columns: 1; column-gap: 1.5em; }
.sya-archive .sya-az-group li { display: flex; justify-content: space-between; gap: .5em; padding: .15em 0; break-inside: avoid; }

/* Widget */
.sya-w ul { list-style: none; margin: 0; padding: 0; }
.sya-w-year > details > summary { display: flex; justify-content: space-between; align-items: center; padding: .4em 0; cursor: pointer; font-weight: 600; border-bottom: 1px solid rgba(0,0,0,.07); }
.sya-w-year ul { padding: .2em 0 .4em .6em; }
.sya-w-year ul li { display: flex; justify-content: space-between; padding: .15em 0; }
.sya-w-more > summary { margin: .5em 0; cursor: pointer; font-weight: 600; list-style: none; }
.sya-w-more > summary::-webkit-details-marker { display: none; }
.sya-w-more .sya-w-hide, .sya-w-more[open] .sya-w-show { display: none; }
.sya-w-more[open] .sya-w-hide { display: inline; }
.sya-w-more[open] > summary { order: 2; }
.sya-w-all { margin: .6em 0 0; font-weight: 600; }
.sya-w { font-size: 15px; }

@container sya (min-width: 560px) {
	.sya-filters { grid-template-columns: repeat(4, 1fr); }
	.sya-thumb { flex-basis: 140px; }
	.sya-thumb img { width: 140px; height: 100px; }
	.sya-archive .sya-az-group ul { columns: 2; }
}
/* Side-by-side only when the archive itself is wide (e.g. full-width page template). */
@container sya (min-width: 860px) {
	.sya-layout { flex-direction: row; align-items: flex-start; }
	.sya-accordion { order: 0; flex: 0 0 240px; }
	.sya-results { flex: 1; }
	.sya-archive .sya-az-group ul { columns: 3; }
}