/* ============================================================
   Exchanged Timeline — Find surface (browse.css)
   Used by the [et_browse] shortcode (v2.0.261)
   Same neutral palette as the influence view and the author page.
   ============================================================ */

.et-br {
	--br-ink: #1d2327;
	--br-muted: #646970;
	--br-faint: #8c8f94;
	--br-rule: #dcdcde;
	--br-wash: #f6f7f7;
	--br-sheet: #fff;
	--br-blue: #2271b1;
	--br-blue-dark: #135e96;
	--br-green: #1a7a2a;
	--br-amber: #8a4b00;
	font-family: inherit;
	color: var(--br-ink);
	margin: 0 0 2.5rem;
}
.et-br *, .et-br *::before, .et-br *::after { box-sizing: border-box; }
.et-br h2 { font-size: 1.15rem; margin: 0 0 .6rem; line-height: 1.3; }
.et-br h3 { margin: 0; }
.et-br ul, .et-br ol { list-style: none; margin: 0; padding: 0; }
.et-br .screen-reader-text {
	position: absolute !important; width: 1px; height: 1px; overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px); white-space: nowrap;
}

/* ── Search ─────────────────────────────────────────────── */
.et-br-search {
	display: flex;
	gap: .5rem;
	max-width: 46rem;
}
.et-br-search input[type="search"] {
	flex: 1 1 auto;
	min-width: 0;
	font: inherit;
	font-size: 1.05rem;
	padding: .6rem .85rem;
	border: 1px solid var(--br-faint);
	border-radius: 6px;
	background: var(--br-sheet);
	color: var(--br-ink);
}
.et-br-search input[type="search"]:focus {
	outline: 2px solid var(--br-blue);
	outline-offset: 1px;
	border-color: var(--br-blue);
}
.et-br-go, .et-br-apply {
	font: inherit;
	font-weight: 600;
	padding: .6rem 1.1rem;
	border: 0;
	border-radius: 6px;
	background: var(--br-blue);
	color: #fff;
	cursor: pointer;
}
.et-br-go:hover, .et-br-apply:hover { background: var(--br-blue-dark); }
.et-br-scope {
	margin: .45rem 0 1rem;
	font-size: .88rem;
	color: var(--br-muted);
}

/* ── Chips ──────────────────────────────────────────────── */
.et-br-chips {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .4rem;
	margin: 0 0 1rem;
}
.et-br-chip {
	display: inline-flex;
	align-items: center;
	gap: .35rem;
	padding: .25rem .65rem;
	border: 1px solid var(--br-rule);
	border-radius: 999px;
	background: var(--br-wash);
	color: var(--br-ink);
	font-size: .85rem;
	text-decoration: none;
}
.et-br-chip:hover { border-color: var(--br-faint); background: #ececec; }
.et-br-chip span[aria-hidden] { color: var(--br-muted); font-size: 1rem; line-height: 1; }
.et-br-clear { font-size: .85rem; margin-left: .25rem; }

/* ── Layout ─────────────────────────────────────────────── */
.et-br-body {
	display: grid;
	grid-template-columns: 15rem minmax(0, 1fr);
	gap: 2rem;
	align-items: start;
}

/* ── Facet rail ─────────────────────────────────────────── */
.et-br-rail-toggle { display: none; }
.et-br-facet {
	border-top: 1px solid var(--br-rule);
	padding: .55rem 0 .65rem;
}
.et-br-facet:first-child { border-top: 0; padding-top: 0; }
.et-br-facet summary {
	cursor: pointer;
	font-weight: 600;
	font-size: .92rem;
	list-style: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.et-br-facet summary::-webkit-details-marker { display: none; }
.et-br-facet summary::after { content: "\25BE"; color: var(--br-faint); font-size: .8rem; }
.et-br-facet:not([open]) summary::after { content: "\25B8"; }
.et-br-facet ul { margin-top: .45rem; }
.et-br-facet li {
	display: flex;
	align-items: flex-start;
	gap: .45rem;
	padding: .14rem 0;
	font-size: .9rem;
}
.et-br-facet input[type="checkbox"] { margin: .2rem 0 0; flex: none; }
.et-br-facet label {
	flex: 1 1 auto;
	display: flex;
	justify-content: space-between;
	gap: .5rem;
	cursor: pointer;
}
.et-br-facet-note { margin: .35rem 0 0; font-size: .78rem; color: var(--br-muted); }
.et-br-n { color: var(--br-faint); font-size: .82rem; font-variant-numeric: tabular-nums; }
.et-br-count-pill {
	display: inline-block;
	min-width: 1.4em;
	padding: 0 .4em;
	margin-left: .3em;
	border-radius: 999px;
	background: var(--br-blue);
	color: #fff;
	font-size: .78rem;
	text-align: center;
}

/* ── Notices ────────────────────────────────────────────── */
.et-br-notice {
	margin: 0 0 1rem;
	padding: .6rem .85rem;
	border-left: 3px solid var(--br-blue);
	background: var(--br-wash);
	font-size: .92rem;
}
.et-br-notice--admin { border-left-color: var(--br-amber); }

/* ── Curated entry points ───────────────────────────────── */
.et-br-curated { display: grid; gap: 1.5rem; margin: 0 0 2rem; }
.et-br-tiles {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
	gap: .65rem;
}
.et-br-tiles a {
	display: flex;
	flex-direction: column;
	gap: .15rem;
	height: 100%;
	padding: .75rem .9rem;
	border: 1px solid var(--br-rule);
	border-radius: 8px;
	background: var(--br-sheet);
	color: var(--br-ink);
	text-decoration: none;
}
.et-br-tiles a:hover { border-color: var(--br-blue); }
.et-br-tiles strong { color: var(--br-blue-dark); }
.et-br-tile-sub { font-size: .85rem; color: var(--br-muted); }
.et-br-curated.is-compact .et-br-tiles { grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr)); }
.et-br-curated.is-compact { margin-top: 1.5rem; }

/* ── Authors strip ──────────────────────────────────────── */
.et-br-authors { margin: 0 0 1.75rem; }
.et-br-authors ul {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
	gap: .5rem 1.25rem;
}
.et-br-author a, .et-br-author strong { font-weight: 600; }
.et-br-author .et-br-meta { display: block; }

/* ── Results ────────────────────────────────────────────── */
.et-br-head {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: baseline;
	gap: .5rem 1rem;
	border-bottom: 1px solid var(--br-rule);
	padding-bottom: .5rem;
	margin-bottom: .25rem;
}
.et-br-total { margin: 0 !important; }
.et-br-total span { color: var(--br-muted); font-weight: 400; }
.et-br-sort { font-size: .88rem; color: var(--br-muted); display: inline-flex; align-items: center; gap: .4rem; }
.et-br-sort select {
	font: inherit;
	font-size: .88rem;
	padding: .25rem .4rem;
	border: 1px solid var(--br-rule);
	border-radius: 4px;
	background: var(--br-sheet);
	color: var(--br-ink);
}

.et-br-card {
	padding: .9rem 0;
	border-bottom: 1px solid var(--br-rule);
}
.et-br-card-title { font-size: 1.05rem; line-height: 1.35; }
.et-br-card-title a { text-decoration: none; }
.et-br-card-title a:hover { text-decoration: underline; }
.et-br-orig { font-weight: 400; font-style: italic; color: var(--br-muted); font-size: .9rem; }
.et-br-meta { margin: .2rem 0 0; font-size: .88rem; color: var(--br-muted); }
.et-br-line { margin: .35rem 0 0; font-size: .93rem; line-height: 1.5; }
.et-br-badges { display: flex; flex-wrap: wrap; gap: .35rem; margin: .45rem 0 0; }
.et-br-badge {
	display: inline-block;
	padding: .05rem .5rem;
	border-radius: 999px;
	border: 1px solid var(--br-rule);
	font-size: .76rem;
	color: var(--br-muted);
	background: var(--br-sheet);
}
.et-br-badge--read, .et-br-badge--free { border-color: #b8dcc0; color: var(--br-green); background: #f1f8f2; }
.et-br-badge--orig { border-color: #e6cfae; color: var(--br-amber); background: #fbf5ec; }

/* ── Pages ──────────────────────────────────────────────── */
.et-br-pages {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .35rem;
	margin: 1.25rem 0 0;
	font-size: .92rem;
}
.et-br-pages a, .et-br-page {
	padding: .25rem .6rem;
	border: 1px solid var(--br-rule);
	border-radius: 4px;
	text-decoration: none;
}
.et-br-page.is-current { background: var(--br-ink); border-color: var(--br-ink); color: #fff; }
.et-br-gap { color: var(--br-faint); padding: 0 .2rem; }

.et-br-floor { margin-top: 1.5rem; }

/* ── Narrow screens: the rail folds behind a button ─────── */
@media (max-width: 782px) {
	.et-br-body { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
	.et-br-rail-toggle {
		display: inline-flex;
		align-items: center;
		font: inherit;
		font-weight: 600;
		padding: .45rem .9rem;
		border: 1px solid var(--br-rule);
		border-radius: 6px;
		background: var(--br-sheet);
		color: var(--br-ink);
		cursor: pointer;
	}
	.et-br-facets { display: none; margin-top: .75rem; }
	.et-br-rail-open .et-br-facets { display: block; }
	.et-br-search { flex-wrap: nowrap; }
}