/* Posts-only controls. Inherit both the original and cosmic theme palettes. */
.posts-browser .posts-browser__search {
  margin: 0 0 1.5rem;
  padding: 1.1rem;
  border: 1px solid var(--line-strong);
  background: var(--surface-solid);
}
.posts-browser__search label { display: block; margin-bottom: .5rem; font-weight: 700; }
.posts-browser .posts-browser__search-row { display: flex; flex-wrap: wrap; align-items: center; gap: .65rem; }
.posts-browser .posts-browser__search input {
  flex: 1 1 14rem;
  min-width: 0;
  max-width: 100%;
  min-height: 2.8rem;
  padding: .65rem .8rem;
  border: 1px solid var(--line-strong);
  border-radius: 0;
  background: var(--paper-soft);
  color: var(--ink);
  font: inherit;
}
.posts-browser .posts-browser__search button {
  min-height: 2.8rem;
  padding: .65rem 1.1rem;
  border: 1px solid var(--green);
  border-radius: 0;
  background: var(--green);
  color: var(--surface-solid);
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
.posts-browser .posts-browser__clear { display: inline-flex; align-items: center; min-height: 2.8rem; padding: .3rem; }
.posts-browser .posts-browser__search p { margin: .65rem 0 0; color: var(--ink-soft); font-size: .9rem; }
.posts-browser .posts-browser__summary { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .4rem 1rem; margin: 1rem 0; }
.posts-browser .posts-browser__summary p { margin: 0; color: var(--ink-soft); overflow-wrap: anywhere; }
.posts-browser .posts-browser__empty { padding: 1.5rem 0; }
.posts-browser .posts-pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 1rem; margin-top: 2rem; padding-top: 1.25rem; border-top: 1px solid var(--line-strong); }
.posts-browser .posts-pagination__pages { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: .35rem; padding: 0; margin: 0; list-style: none; }
.posts-browser .posts-pagination a,
.posts-browser .posts-pagination span { display: inline-flex; align-items: center; justify-content: center; min-height: 2.75rem; padding: .55rem .85rem; text-decoration: none; }
.posts-browser .posts-pagination__pages a,
.posts-browser .posts-pagination__pages span { min-width: 2.75rem; border: 1px solid var(--line-strong); }
.posts-browser .posts-pagination [aria-current="page"] { background: var(--green); border-color: var(--green); color: var(--surface-solid); font-weight: 700; }
.posts-browser .posts-pagination [aria-disabled="true"] { color: var(--ink-soft); opacity: .65; }
.posts-browser .posts-pagination__gap { padding: 0 .15rem; }
.posts-browser .posts-pagination a:hover { text-decoration: underline; }
.posts-browser :is(input, button, a):focus-visible { outline: 3px solid var(--orange-deep); outline-offset: 3px; }
.posts-browser .post-title,
.posts-browser .post-excerpt { overflow-wrap: anywhere; }
@media (max-width: 600px) {
  .posts-browser .posts-browser__search input { flex-basis: 100%; width: 100%; }
  .posts-browser .posts-pagination { gap: .65rem; }
  .posts-browser .posts-pagination__pages { flex-basis: 100%; order: 3; gap: .25rem; }
  .posts-browser .posts-pagination__pages a,
  .posts-browser .posts-pagination__pages span { min-width: 2.35rem; padding: .5rem; }
}
@media (forced-colors: active) {
  .posts-browser .posts-pagination [aria-current="page"] { border: 3px solid Highlight; }
}
@media print {
  .posts-browser .posts-browser__search,
  .posts-browser .posts-pagination { display: none; }
}