/*
 * Seven Springs Sermons — layout only. Colours, fonts and buttons come from the theme
 * (WordPress global styles / preset variables), with neutral fallbacks.
 */
.sss {
	--sss-accent: var(--wp--preset--color--primary, var(--wp--preset--color--accent, var(--wp--preset--color--ti-accent, var(--wp--preset--color--contrast, var(--wp--preset--color--ti-fg, #2b2b2b)))));
	--sss-heading: var(--wp--preset--color--contrast, var(--wp--preset--color--foreground, var(--wp--preset--color--ti-fg, inherit)));
	--sss-surface: var(--wp--preset--color--base, var(--wp--preset--color--background, var(--wp--preset--color--ti-bg, #fff)));
	--sss-border: color-mix(in srgb, currentColor 16%, transparent);
	--sss-muted: color-mix(in srgb, currentColor 68%, transparent);
	--sss-soft: color-mix(in srgb, var(--sss-accent) 7%, transparent);
	--sss-gap: var(--wp--style--block-gap, 1.5rem);
	--sss-radius: 6px;
	margin-block: 0;
	container-type: inline-size;
	container-name: sss;
}
.sss *, .sss *::before, .sss *::after { box-sizing: border-box; }
.sss .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.sss :focus-visible { outline: 2px solid var(--sss-accent); outline-offset: 2px; }
.sss img { max-width: 100%; height: auto; display: block; }
.sss-heading { margin: 0 0 1rem; }
.sss-muted { color: var(--sss-muted); }
.sss-eyebrow { margin: 0 0 .35rem; font-size: .78em; letter-spacing: .12em; text-transform: uppercase; color: var(--sss-accent); font-weight: 600; }
.sss-notice { padding: .9rem 1rem; border: 1px solid var(--sss-border); border-radius: var(--sss-radius); color: var(--sss-muted); margin: 0; }
.sss-notice--error { border-left: 3px solid var(--sss-accent); }
.sss-loading { color: var(--sss-muted); font-style: italic; }

/* Grids collapse to one column on small screens */
.sss-grid { display: grid; gap: var(--sss-gap); grid-template-columns: 1fr; list-style: none; margin: 0; padding: 0; }
@container sss (min-width: 560px) {
	.sss-cols-2, .sss-cols-3, .sss-cols-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@container sss (min-width: 820px) {
	.sss-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.sss-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

/* Sermon card: text-first, no artwork */
.sss-card { padding: 1.25rem 1.35rem; border: 1px solid var(--sss-border); border-radius: var(--sss-radius); background: var(--sss-surface); display: flex; flex-direction: column; gap: .35rem; min-width: 0; }
.sss-card > * { margin: 0; }
.sss-card__title { font-size: 1.2em; line-height: 1.3; color: var(--sss-heading); text-transform: none; letter-spacing: normal; }
.sss-card__scripture { font-weight: 600; color: var(--sss-accent); }
.sss-card__meta { color: var(--sss-muted); font-size: .92em; line-height: 1.5; }
.sss-card__speaker { color: inherit; }
.sss-card__series { font-size: .9em; font-style: italic; color: var(--sss-muted); }
.sss-card__tags { display: flex; flex-wrap: wrap; gap: .35rem; list-style: none; padding: 0; font-size: .8em; }
.sss-card__tags li { padding: .1rem .5rem; border: 1px solid var(--sss-border); border-radius: 999px; color: var(--sss-muted); }
.sss-card__actions { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1rem; margin-top: .55rem !important; }
.sss-card__link { font-size: .88em; }
.sss-listen { display: inline-flex; align-items: center; gap: .4em; cursor: pointer; }
.sss-listen__icon { font-size: .85em; line-height: 1; }
.sss-player { margin-top: .5rem !important; }
.sss-player audio { width: 100%; display: block; }
.sss-latest--single .sss-card { padding: 1.6rem 1.75rem; }
.sss-latest--single .sss-card__title { font-size: 1.5em; }

/* Current series feature (artwork appears here, not on cards) */
.sss-feature { display: grid; gap: calc(var(--sss-gap) * 1.2); grid-template-columns: 1fr; align-items: start; }
@container sss (min-width: 600px) {
	.sss-feature { grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); }
}
.sss-feature__art { margin: 0; }
.sss-feature__art img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: var(--sss-radius); }
.sss-feature__body > * { margin-top: 0; }
.sss-feature__title { margin: 0 0 .6rem; color: var(--sss-heading); }
.sss-feature__desc { color: var(--sss-muted); }
.sss-feature__desc p { margin: 0 0 .6rem; }
.sss-feature__latest { margin: 1rem 0; }
.sss-feature__latest-label { margin: 0 0 .4rem; font-size: .8em; text-transform: uppercase; letter-spacing: .1em; color: var(--sss-muted); }
.sss-more-link { font-weight: 600; }

/* Current series grid */
.sss-series-tile { border: 1px solid var(--sss-border); border-radius: var(--sss-radius); overflow: hidden; display: flex; flex-direction: column; background: var(--sss-surface); }
.sss-series-tile__art { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; }
.sss-series-tile__art--blank { background: var(--sss-soft); }
.sss-series-tile__body { padding: 1.1rem 1.25rem 1.3rem; display: flex; flex-direction: column; gap: .4rem; }
.sss-series-tile__body > * { margin: 0; }
.sss-series-tile__title { font-size: 1.25em; line-height: 1.3; }
.sss-series-tile__title a { color: var(--sss-heading); text-decoration: none; }
.sss-series-tile__title a:hover, .sss-series-tile__title a:focus { text-decoration: underline; }
.sss-series-tile__latest { font-size: .93em; }

/* Load more & pager */
.sss-load-more-wrap { text-align: center; margin: 1.5rem 0 0; }
.sss-pager ul { list-style: none; display: flex; flex-wrap: wrap; gap: .35rem; justify-content: center; padding: 0; margin: 1.75rem 0 0; }
.sss-pager a, .sss-pager span { display: inline-block; min-width: 2.4em; padding: .4em .7em; text-align: center; border: 1px solid var(--sss-border); border-radius: var(--sss-radius); text-decoration: none; }
.sss-pager [aria-current] { background: var(--sss-accent); border-color: var(--sss-accent); color: var(--sss-surface, #fff); }

/* Filters / toolbar */
.sss-filters, .sss-toolbar { display: grid; gap: .75rem 1rem; grid-template-columns: 1fr; margin: 0 0 1.5rem; padding: 1rem; border: 1px solid var(--sss-border); border-radius: var(--sss-radius); background: var(--sss-soft); }
@container sss (min-width: 480px) { .sss-filters, .sss-toolbar { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@container sss (min-width: 820px) { .sss-filters { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sss-toolbar { grid-template-columns: 2fr 1fr 1fr; } }
.sss-field { margin: 0; display: flex; flex-direction: column; gap: .25rem; min-width: 0; }
.sss-field--wide { grid-column: 1 / -1; }
.sss-field label { font-size: .85em; font-weight: 600; }
.sss-field input, .sss-field select { width: 100%; min-height: 2.6em; padding: .45em .6em; font: inherit; border: 1px solid var(--sss-border); border-radius: var(--sss-radius); background: var(--sss-surface); color: inherit; }
.sss-field--actions { flex-direction: row; align-items: center; gap: 1rem; grid-column: 1 / -1; }
.sss-summary { margin: 0 0 1rem; color: var(--sss-muted); }
.sss-results.is-loading { opacity: .5; transition: opacity .2s; }

/* Series browser */
.sss-series-card { all: unset; box-sizing: border-box; display: flex; flex-direction: column; width: 100%; height: 100%; cursor: pointer; border: 1px solid var(--sss-border); border-radius: var(--sss-radius); overflow: hidden; background: var(--sss-surface); }
.sss-series-card:hover, .sss-series-card[aria-expanded="true"] { border-color: var(--sss-accent); }
.sss-series-card:focus-visible { outline: 2px solid var(--sss-accent); outline-offset: 2px; }
.sss-series-card__art { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; }
.sss-series-card__art--blank { display: block; background: var(--sss-soft); }
.sss-series-card__title { display: block; padding: .85rem 1rem .2rem; font-weight: 600; color: var(--sss-heading); line-height: 1.3; }
.sss-series-card__meta { display: block; padding: 0 1rem .95rem; font-size: .85em; color: var(--sss-muted); }
.sss-series-item { margin: 0; }
.sss-series-item[hidden] { display: none; }
.sss-series-view { margin: 0 0 2rem; padding: 1.25rem; border: 1px solid var(--sss-border); border-radius: var(--sss-radius); scroll-margin-top: 6rem; }
.sss-series-view__head { display: grid; gap: 1.25rem; grid-template-columns: 1fr; margin-bottom: 1.25rem; }
@container sss (min-width: 560px) { .sss-series-view__head { grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); } }
.sss-series-view__art { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; border-radius: var(--sss-radius); }
.sss-series-view__title { margin: 0 0 .5rem; color: var(--sss-heading); }
.sss-series-view__desc { color: var(--sss-muted); }
.sss-series-view__links { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; }
.sss-series-view__close { font: inherit; cursor: pointer; background: none; border: 1px solid var(--sss-border); border-radius: var(--sss-radius); padding: .35em .9em; color: inherit; }

/* Scripture & speaker chips */
.sss-testaments { display: grid; gap: var(--sss-gap); grid-template-columns: 1fr; }
@container sss (min-width: 640px) { .sss-testaments { grid-template-columns: 1fr 1fr; } }
.sss-testament__title { margin: 0 0 .75rem; }
.sss-chips { list-style: none; display: flex; flex-wrap: wrap; gap: .45rem; margin: 0; padding: 0; }
.sss-chip { font: inherit; font-size: .92em; cursor: pointer; padding: .4em .85em; border: 1px solid var(--sss-border); border-radius: 999px; background: var(--sss-surface); color: inherit; }
.sss-chip:hover { border-color: var(--sss-accent); }
.sss-chip[aria-pressed="true"] { background: var(--sss-accent); border-color: var(--sss-accent); color: var(--sss-surface, #fff); }
.sss-chip-results { margin-top: 1.75rem; scroll-margin-top: 6rem; }
.sss-chip-results:empty { display: none; }
.sss-chip-results__title { margin: 0 0 .5rem; }

@media (prefers-reduced-motion: reduce) { .sss * { transition: none !important; scroll-behavior: auto !important; } }
.sss-series-view:focus, .sss-chip-results:focus { outline: none; }

/* Most popular */
.sss-popular__picker { max-width: 22rem; margin: 0 0 1rem; }
.sss-popular__list { list-style: none; counter-reset: sss-rank; margin: 0; padding: 0; display: grid; gap: .9rem; }
.sss-popular__item { counter-increment: sss-rank; display: grid; grid-template-columns: 2.4rem 1fr; gap: .6rem; align-items: start; }
.sss-popular__item::before { content: counter(sss-rank); font-size: 1.6em; font-weight: 600; line-height: 1.2; color: var(--sss-accent); text-align: right; padding-top: 1.1rem; }
.sss-card__plays { font-size: .85em; color: var(--sss-muted); }

/* Bible coverage */
.sss-coverage__stats { display: grid; gap: .75rem; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0 0 1.25rem; }
@container sss (min-width: 640px) { .sss-coverage__stats { grid-template-columns: 2fr 1fr 1fr 1fr; } }
.sss-stat { margin: 0; padding: .9rem 1rem; border: 1px solid var(--sss-border); border-radius: var(--sss-radius); display: flex; flex-direction: column; gap: .15rem; }
.sss-stat__num { font-size: 1.7em; font-weight: 600; line-height: 1.1; color: var(--sss-heading); }
.sss-stat--main .sss-stat__num { font-size: 2.4em; color: var(--sss-accent); }
.sss-stat__label { font-size: .85em; color: var(--sss-muted); }
.sss-coverage__who { margin: -.5rem 0 1rem; color: var(--sss-muted); font-style: italic; }
.sss-coverage__testaments { display: grid; gap: var(--sss-gap); grid-template-columns: 1fr; }
@container sss (min-width: 700px) { .sss-coverage__testaments { grid-template-columns: 1fr 1fr; } }
.sss-coverage__books { list-style: none; margin: 0; padding: 0; display: grid; gap: .3rem; }
.sss-coverage__book { display: grid; grid-template-columns: minmax(6.5rem, 9rem) 1fr 3.4rem; gap: .6rem; align-items: center; font-size: .9em; }
.sss-coverage__book.is-empty { color: var(--sss-muted); }
.sss-coverage__name a { text-decoration: none; }
.sss-coverage__name a:hover, .sss-coverage__name a:focus { text-decoration: underline; }
.sss-coverage__bar { height: .55rem; border-radius: 999px; background: var(--sss-soft); border: 1px solid var(--sss-border); overflow: hidden; }
.sss-coverage__bar > span { display: block; height: 100%; background: var(--sss-accent); }
.sss-coverage__num { text-align: right; font-variant-numeric: tabular-nums; color: var(--sss-muted); font-size: .9em; }
.sss-coverage__book.is-complete .sss-coverage__num { color: var(--sss-accent); font-weight: 600; }
.sss-coverage__note { margin: 1rem 0 0; font-size: .85em; color: var(--sss-muted); }

/* Most popular — compact list */
.sss-popular__thin { list-style: none; counter-reset: sss-rank; margin: 0; padding: 0; border-top: 1px solid var(--sss-border); }
.sss-thin.sss-card { counter-increment: sss-rank; display: grid; grid-template-columns: 2.6rem minmax(0, 1fr) auto; align-items: center; gap: .25rem .8rem; padding: .6rem .25rem; border: 0; border-bottom: 1px solid var(--sss-border); border-radius: 0; background: none; flex-direction: row; }
.sss-thin__rank::before { content: counter(sss-rank); font-size: 1.9em; font-weight: 600; line-height: 1; color: var(--sss-accent); font-variant-numeric: tabular-nums; }
.sss-thin__rank { text-align: center; }
.sss-thin__body { min-width: 0; }
.sss-thin__title { margin: 0; font-weight: 600; line-height: 1.3; color: var(--sss-heading); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.sss-thin__title a { color: inherit; text-decoration: none; }
.sss-thin__title a:hover, .sss-thin__title a:focus { text-decoration: underline; }
.sss-thin__meta { margin: .1rem 0 0; font-size: .85em; color: var(--sss-muted); }
.sss-thin__passage { color: var(--sss-accent); font-weight: 600; }
.sss-thin__play { width: 2.4rem; height: 2.4rem; border-radius: 50%; border: 1px solid var(--sss-accent); background: transparent; color: var(--sss-accent); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; padding: 0; font-size: .8em; }
.sss-thin__play[aria-pressed="true"], .sss-thin__play:hover { background: var(--sss-accent); color: var(--sss-surface, #fff); }
.sss-thin .sss-player { grid-column: 2 / -1; margin: .3rem 0 .2rem !important; }
.sss-popular--compact .sss-popular__picker { margin-bottom: .6rem; }

.sss-coverage__book.no-count { grid-template-columns: minmax(6.5rem, 9rem) 1fr 1.4rem; }
.sss-coverage__book.no-count .sss-coverage__num { color: var(--sss-accent); font-weight: 600; text-align: center; }

/* Bible coverage — books dropdown */
.sss-coverage__details { border: 1px solid var(--sss-border); border-radius: var(--sss-radius); }
.sss-coverage__details > summary { cursor: pointer; list-style: none; display: flex; flex-wrap: wrap; align-items: baseline; gap: .25rem .75rem; padding: .75rem 1rem; }
.sss-coverage__details > summary::-webkit-details-marker { display: none; }
.sss-coverage__details > summary::after { content: ""; margin-left: auto; align-self: center; width: .55em; height: .55em; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform .15s; color: var(--sss-accent); }
.sss-coverage__details[open] > summary::after { transform: rotate(-135deg); }
.sss-coverage__details > summary:focus-visible { outline: 2px solid var(--sss-accent); outline-offset: 2px; }
.sss-coverage__summary-title { font-weight: 600; color: var(--sss-heading); }
.sss-coverage__summary-meta { color: var(--sss-muted); font-size: .9em; font-variant-numeric: tabular-nums; }
.sss-coverage__details[open] > .sss-coverage__testaments { padding: 0 1rem 1rem; }

/* Footnote marker with hover / tap note */
.sss-stat--main { position: relative; }
.sss-fn { position: static; display: inline; }
.sss-fn__mark { background: none; border: 0; padding: 0 .15em; margin: 0; font: inherit; font-size: 1.1em; line-height: 1; vertical-align: super; color: var(--sss-accent); cursor: help; }
.sss-fn__mark:focus-visible { outline: 2px solid var(--sss-accent); outline-offset: 1px; border-radius: 2px; }
.sss-fn__tip { position: absolute; z-index: 20; left: 0; top: calc(100% + .4rem); width: min(22rem, calc(100vw - 2.5rem)); width: min(22rem, 100cqw); box-sizing: border-box; padding: .7rem .85rem; border: 1px solid var(--sss-border); border-radius: var(--sss-radius); background: var(--wp--preset--color--base, var(--wp--preset--color--background, #fff)); color: var(--wp--preset--color--contrast, var(--wp--preset--color--foreground, #1e1e1e)); box-shadow: 0 6px 20px rgba(0,0,0,.12); font-size: .82rem; line-height: 1.45; font-style: normal; font-weight: 400; text-align: left; visibility: hidden; opacity: 0; transition: opacity .12s, visibility .12s; }
.sss-fn__tip::before { content: ""; position: absolute; top: -.5rem; left: 0; right: 0; height: .5rem; } /* bridge so the note stays open while the pointer moves onto it */
.sss-fn:not(.is-dismissed):hover .sss-fn__tip, .sss-fn:not(.is-dismissed) .sss-fn__mark:focus-visible + .sss-fn__tip, .sss-fn.is-open .sss-fn__tip { visibility: visible; opacity: 1; }
.sss-fn__tip a { color: var(--sss-accent); }

/* ===== Compact rows (sermon lists, archive, series view) ===== */
.sss-rows { display: flex; flex-direction: column; border-top: 1px solid var(--sss-border); }
.sss-card.sss-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: .2rem .9rem; padding: .7rem .25rem; border: 0; border-bottom: 1px solid var(--sss-border); border-radius: 0; background: none; }
.sss-row__body { min-width: 0; }
.sss-row__title { margin: 0; font-size: 1.02em; font-weight: 600; line-height: 1.3; }
.sss-row__title a { color: var(--sss-heading); text-decoration: none; }
.sss-row__title a:hover, .sss-row__title a:focus { text-decoration: underline; }
.sss-row__meta { margin: .15rem 0 0; font-size: .86em; color: var(--sss-muted); line-height: 1.45; }
.sss-row__passage { color: var(--sss-accent); font-weight: 600; }
.sss-row__m + .sss-row__m::before { content: " · "; }
.sss-row__series { font-style: italic; }
.sss-row__play { width: 2.4rem; height: 2.4rem; flex: none; border-radius: 50%; border: 1px solid var(--sss-accent); background: transparent; color: var(--sss-accent); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; padding: 0; font-size: .8em; }
.sss-row__play[aria-pressed="true"], .sss-row__play:hover { background: var(--sss-accent); color: var(--sss-surface, #fff); }
.sss-row .sss-player, .sss-srow .sss-player { grid-column: 1 / -1; margin: .35rem 0 .1rem !important; }

/* ===== Series rows (current series, current series grid) ===== */
.sss-srows { display: grid; gap: .75rem; }
.sss-card.sss-srow { display: grid; grid-template-columns: 4.75rem minmax(0, 1fr) auto; align-items: center; gap: .3rem .9rem; padding: .7rem; }
.sss .sss-srow__art { width: 4.75rem; height: 4.75rem; aspect-ratio: 1 / 1; object-fit: cover; border-radius: calc(var(--sss-radius) - 2px); display: block; }
.sss-srow__art--blank { background: var(--sss-soft); }
.sss-srow__body { min-width: 0; }
.sss-srow__body > * { margin: 0; }
.sss-srow .sss-eyebrow { margin-bottom: .1rem; font-size: .72em; }
.sss-srow__title { font-size: 1.08em; line-height: 1.25; }
.sss-srow__title a { color: var(--sss-heading); text-decoration: none; }
.sss-srow__title a:hover { text-decoration: underline; }
.sss-srow__latest { margin-top: .2rem !important; font-size: .86em; line-height: 1.4; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
@container sss (min-width: 760px) {
	.sss-current-grid--rows .sss-srows { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ===== Archive: search bar with filters in a dropdown ===== */
.sss-filters.sss-filters--dropdown, .sss-filters:has(.sss-searchbar) { display: block; padding: .75rem; }
.sss-searchbar { display: flex; gap: .5rem; }
.sss-searchbar input { flex: 1; min-width: 0; min-height: 2.6em; padding: .45em .7em; font: inherit; border: 1px solid var(--sss-border); border-radius: var(--sss-radius); background: var(--sss-surface); color: inherit; }
.sss-searchbar .wp-element-button { flex: none; }
.sss-filters__more { margin-top: .6rem; }
.sss-filters__more > summary { cursor: pointer; list-style: none; display: flex; align-items: center; gap: .5rem; font-weight: 600; font-size: .92em; padding: .2rem 0; }
.sss-filters__more > summary::-webkit-details-marker { display: none; }
.sss-filters__more > summary::before { content: ""; width: .45em; height: .45em; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(-45deg); transition: transform .15s; margin: 0 .15rem; }
.sss-filters__more[open] > summary::before { transform: rotate(45deg); }
.sss-filters__count { display: inline-flex; align-items: center; justify-content: center; min-width: 1.4em; height: 1.4em; padding: 0 .35em; border-radius: 999px; background: var(--sss-accent); color: var(--sss-surface, #fff); font-size: .78em; }
.sss-filters__count[hidden] { display: none; }
.sss-filters__hint { font-weight: 400; color: var(--sss-muted); font-size: .9em; }
.sss-filters__grid { display: grid; gap: .75rem 1rem; grid-template-columns: 1fr; margin-top: .75rem; }
@container sss (min-width: 480px) { .sss-filters__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@container sss (min-width: 820px) { .sss-filters__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@container sss (max-width: 479px) { .sss-filters__hint { display: none; } }

/* ===== Phones: keep the bigger layouts compact ===== */
@container sss (max-width: 520px) {
	/* Current series (feature): small art beside the title instead of a full-width square */
	.sss-feature { grid-template-columns: 5.5rem minmax(0, 1fr); gap: .5rem .9rem; }
	.sss-feature__art img { border-radius: calc(var(--sss-radius) - 2px); }
	.sss-feature__body { display: contents; }
	.sss-feature__body > .sss-eyebrow, .sss-feature__body > .sss-feature__title { grid-column: 2; }
	.sss-feature__art { grid-row: 1 / span 2; align-self: start; }
	.sss-feature__body > :not(.sss-eyebrow):not(.sss-feature__title) { grid-column: 1 / -1; }
	.sss-feature__title { font-size: 1.3em; margin-bottom: 0; }
	.sss-feature__desc { font-size: .92em; }
	/* Series tiles and series-browser cards become rows */
	.sss-series-tile { flex-direction: row; align-items: stretch; }
	.sss .sss-series-tile__art { width: 5.5rem; height: 5.5rem; aspect-ratio: 1 / 1; flex: none; align-self: center; margin-left: .6rem; border-radius: calc(var(--sss-radius) - 2px); }
	.sss-series-tile .sss-card__actions { margin-top: .3rem !important; }
	.sss-series-tile .sss-listen.wp-element-button { padding: .45em .9em; font-size: .85em; }
	.sss-row__m:has(> .sss-row__service), .sss-row__m:has(> .sss-row__series) { display: none; }
	.sss-series-tile__body { padding: .7rem .9rem; gap: .25rem; }
	.sss-series-tile__title { font-size: 1.05em; }
	.sss-series-card { flex-direction: row; align-items: center; }
	.sss .sss-series-card__art { width: 4rem; height: 4rem; aspect-ratio: 1 / 1; flex: none; }
	.sss-series-card__title { padding: .5rem .8rem .1rem; }
	.sss-series-card__meta { padding: 0 .8rem .5rem; }
	/* Cards: tighter */
	.sss-card:not(.sss-row):not(.sss-srow):not(.sss-thin) { padding: .9rem 1rem; }
	.sss-card__title { font-size: 1.08em; }
}
@container sss (max-width: 520px) {
	.sss-series-card { display: grid; grid-template-columns: 4rem minmax(0, 1fr); }
	.sss-series-card__art { grid-row: 1 / span 2; }
}

/* ===== Browse by Scripture: testament / genre filters ===== */
.sss-sb-filter { display: grid; gap: .7rem; margin: 0 0 1.25rem; }
.sss-sb-filter[hidden] { display: none; }
.sss-seg { display: inline-flex; flex-wrap: wrap; border: 1px solid var(--sss-border); border-radius: 999px; overflow: hidden; width: fit-content; max-width: 100%; }
.sss-seg button { font: inherit; font-size: .92em; padding: .45em 1em; border: 0; border-left: 1px solid var(--sss-border); background: transparent; color: inherit; cursor: pointer; }
.sss-seg button:first-child { border-left: 0; }
.sss-seg button[aria-pressed="true"] { background: color-mix(in srgb, var(--sss-accent) 14%, transparent); font-weight: 700; }
.sss-seg__n { font-weight: 400; font-size: .85em; color: var(--sss-muted); font-variant-numeric: tabular-nums; }
.sss-genres { display: flex; flex-wrap: wrap; gap: .4rem; }
.sss-genre-btn { font: inherit; font-size: .85em; padding: .3em .8em; border: 1px dashed var(--sss-border); border-radius: 999px; background: transparent; color: inherit; cursor: pointer; }
.sss-genre-btn[hidden] { display: none; }
.sss-genre-btn[aria-pressed="true"] { border-style: solid; border-color: var(--sss-accent); color: var(--sss-accent); font-weight: 600; }
.sss-sb-books { display: grid; gap: calc(var(--sss-gap) * .9); }
.sss-sb-books .sss-testament[hidden], .sss-genre[hidden] { display: none; }
.sss-sb-books .sss-testament__title { margin: 0 0 .6rem; padding-bottom: .35rem; border-bottom: 1px solid var(--sss-border); }
.sss-genre-grid { display: grid; gap: 1rem 1.75rem; grid-template-columns: 1fr; }
@container sss (min-width: 620px) { .sss-genre-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@container sss (min-width: 980px) { .sss-genre-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.sss-genre__title { margin: 0 0 .45rem; font-size: .78em; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--sss-muted); }
.sss-chip__n { font-size: .8em; color: var(--sss-muted); font-variant-numeric: tabular-nums; margin-left: .15em; }
.sss-chip[aria-pressed="true"] .sss-chip__n { color: inherit; }
.sss-scripture .sss-chip-results:not(:empty) { margin-top: calc(var(--sss-gap) * 1.2); }