/* Public catalogue and book usability, 17 October 2026. */
.bg-public-pager {
  margin: 28px 0 12px;
  padding-top: 20px;
  border-top: 1px solid var(--reading-line, #dedeea);
  color: var(--reading-text, #22283b);
  font-size: 14px;
}
.bg-public-pager-info {
  display: flex;
  justify-content: space-between;
  gap: 8px 20px;
  flex-wrap: wrap;
  margin-bottom: 14px;
  color: var(--reading-muted, #62677a);
  line-height: 1.6;
}
.bg-public-pager-info p { margin: 0; }
.bg-public-pager-info strong { color: var(--reading-text, #22283b); }
.bg-public-pager-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-width: 0;
}
.bg-public-pager-pages {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  list-style: none;
  padding: 0;
  margin: 0;
  min-width: 0;
}
.bg-public-pager .bg-public-pager-mobile { display: none; }
.bg-public-pager-pages > li { display: flex; margin: 0; padding: 0; }
.bg-public-pager-number, .bg-public-pager-step {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 44px;
  min-height: 44px;
  padding: 8px 11px;
  box-sizing: border-box;
  border: 1px solid var(--reading-line, #dedeea);
  border-radius: 8px;
  background: var(--reading-card, #fff);
  color: var(--reading-link, #25196d);
  text-decoration: none;
  line-height: 1.3;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.bg-public-pager-number[aria-current="page"] {
  background: var(--reading-link, #25196d);
  border-color: var(--reading-link, #25196d);
  color: var(--reading-card, #fff);
}
.bg-public-pager-step .hm-icon { width: 18px; height: 18px; flex-basis: 18px; }
.bg-public-pager-gap { min-width: 20px; justify-content: center; color: var(--reading-muted, #62677a); }
.bg-public-pager [aria-disabled="true"] { color: var(--reading-muted, #62677a); background: var(--reading-soft, #f4f4f8); }
.bg-public-pager a:hover { background: var(--reading-soft, #f4f4f8); border-color: var(--reading-link, #25196d); }
.bg-public-pager a:focus-visible { outline: 3px solid #8d75da; outline-offset: 3px; }

/* Short descriptions should determine their own height. */
.bg-reading-ui .rx-book-detail[data-booktabs-release] .rx-book-panel[data-book-panel="deskripsi"],
.bg-reading-ui .rx-book-detail[data-booktabs-release] .rx-book-panel[data-book-panel="detail"] {
  min-height: 0;
}
.bg-reading-ui .rx-book-detail .rx-book-panel .bd13-prose { max-width: 72ch; overflow-wrap: anywhere; }
.bg-reading-ui .rx-book-detail .rx-book-panel > :last-child { margin-bottom: 0; }
.bg-reading-ui .rx-book-detail .bd13-meta-item dd { min-width: 0; overflow-wrap: anywhere; }
.bg-reading-ui .rx-directory .rx-directory-links {
  gap: 8px;
  padding: 0 0 18px;
  margin: 0 0 18px;
  border-bottom: 1px solid var(--reading-line, #dedeea);
}
.bg-reading-ui .rx-directory .rx-directory-links a {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 8px 14px;
  border: 1px solid var(--reading-line, #dedeea);
  border-radius: 8px;
  background: var(--reading-card, #fff);
  line-height: 1.35;
  text-decoration: none;
}
.bg-reading-ui .rx-directory .rx-directory-links a:hover { border-color: var(--reading-link, #25196d); }
.bg-reading-ui .hm-filter-dialog select { font-variant-numeric: tabular-nums; }

@media (max-width: 760px) {
  .bg-public-pager-controls { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 8px; }
  .bg-public-pager .bg-public-pager-desktop { display: none; }
  .bg-public-pager .bg-public-pager-mobile { display: flex; grid-column: 1 / -1; grid-row: 1; }
  .bg-public-pager-prev { grid-column: 1; grid-row: 2; justify-self: start; }
  .bg-public-pager-next { grid-column: 2; grid-row: 2; justify-self: end; }
  .bg-public-pager-number { min-width: 40px; padding-inline: 7px; }
  .bg-public-pager-controls > .bg-public-pager-number { grid-column: 1 / -1; grid-row: 1; justify-self: center; }
  .bg-public-pager-info { font-size: 13px; }
}
@media (max-width: 600px) {
  .bg-reading-ui .rx-book-detail[data-booktabs-release] .rx-tab-bar a {
    min-height: 52px;
    padding: 10px 5px;
    font-size: 13px;
    line-height: 1.35;
    white-space: normal;
    overflow: visible;
    text-overflow: initial;
  }
  .bg-reading-ui .hm-filter-dialog .hm-filter-fields :is(select, input) { font-size: 16px !important; min-height: 48px; }
  .bg-reading-ui .rx-directory .rx-directory-links { gap: 8px; }
  .bg-reading-ui .rx-directory .rx-directory-links a { font-size: 13px; min-height: 44px; padding: 8px 11px; }
  .bg-reading-ui .rx-directory-hero .hm-searchbar > .hm-search-input,
  .bg-reading-ui .reading-hero .hm-searchbar > .hm-search-input { flex: 1 1 100% !important; width: 100% !important; }
  .bg-reading-ui .rx-directory-hero .hm-searchbar,
  .bg-reading-ui .reading-hero .hm-searchbar { flex-wrap: wrap !important; }
  .bg-reading-ui .rx-directory-hero .hm-searchbar > .hm-button,
  .bg-reading-ui .reading-hero .hm-searchbar > .hm-button { flex: 1 1 0 !important; }
}
@media (max-width: 359px) {
  .bg-public-pager-number { min-width: 36px; padding-inline: 4px; }
}