/* Scoped warm visual patch for the existing public Theravada catalog. */
.paritta-r3-catalog {
  --r3-ink: #12343b;
  --r3-muted: #6d6b64;
  --r3-accent: #e66b08;
  --r3-accent-dark: #b94f05;
  --r3-paper: #fff9ee;
  --r3-line: #f0dfc5;
  --r3-shadow: 0 5px 15px rgba(116, 73, 22, .075);
  background: linear-gradient(180deg, #fffaf0 0%, #fff8ea 52%, #fffaf0 100%);
  color: var(--r3-ink);
  overflow-x: clip;
}

.paritta-r3-catalog .paritta-r3-topbar {
  border-bottom-color: #f0e2cd;
  background: rgba(255, 250, 240, .97);
}
.paritta-r3-catalog .paritta-r3-topbar > button {
  background: #fff0d0;
  color: #bd4e06;
}
.paritta-r3-catalog .paritta-r3-topbar strong { color: #14343b; }
.paritta-r3-catalog .paritta-r3-topbar small { color: #777064; }

.paritta-r3-catalog .paritta-r3-catalog-intro {
  position: relative;
  isolation: isolate;
  min-height: 250px;
  margin: 0;
  padding: 1rem 1rem 1.1rem;
  overflow: hidden;
  background: #fff5e3;
}
.paritta-r3-catalog .paritta-r3-catalog-intro::before {
  position: absolute;
  z-index: -2;
  inset: 0 0 0 31%;
  background: url('/assets/paritta/paritta-home-header-human-approved-r1.png') center 51% / cover no-repeat;
  content: "";
}
.paritta-r3-catalog .paritta-r3-catalog-intro::after {
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(90deg, #fff9ee 0%, rgba(255, 249, 238, .97) 40%, rgba(255, 249, 238, .78) 62%, rgba(255, 249, 238, .08) 100%), linear-gradient(0deg, rgba(255, 248, 234, .74), transparent 45%);
  content: "";
}
.paritta-r3-catalog .paritta-r3-eyebrow { color: #bd4e06; letter-spacing: .08em; }
.paritta-r3-catalog .paritta-r3-catalog-intro h1 {
  max-width: 17rem;
  margin: .1rem 0 .52rem;
  color: #12343b;
  font: 700 clamp(1.8rem, 7vw, 2.25rem)/1.04 Georgia, serif;
  letter-spacing: -.025em;
}
.paritta-r3-catalog .paritta-r3-catalog-intro > p:not(.paritta-r3-eyebrow) {
  max-width: 19rem;
  margin: 0;
  color: #445359;
  font: 400 .91rem/1.43 Georgia, serif;
}

.paritta-r3-catalog .paritta-r3-search { margin: -.1rem .85rem .8rem; color: #75400f; }
.paritta-r3-catalog .paritta-r3-search > div {
  min-height: 49px;
  border-color: #eadcc7;
  border-radius: 999px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 3px 11px rgba(92, 62, 26, .07);
}
.paritta-r3-catalog .paritta-r3-search > div > span { color: #685b47; }
.paritta-r3-catalog .paritta-r3-search input { color: #243b3d; }
.paritta-r3-catalog .paritta-r3-filter { gap: .42rem; padding: .05rem .85rem .45rem; }
.paritta-r3-catalog .paritta-r3-filter button {
  min-height: 40px;
  border-color: #ebdfce;
  background: #fffdf8;
  color: #394447;
  box-shadow: 0 2px 8px rgba(88, 62, 29, .055);
}
.paritta-r3-catalog .paritta-r3-filter button.active {
  border-color: #d95d06;
  background: #e66b08;
  color: #fff;
  box-shadow: 0 3px 9px rgba(189, 78, 6, .2);
}
.paritta-r3-catalog .paritta-r3-result-count { color: #716b61; }
.paritta-r3-catalog .paritta-r3-reading-list { gap: .45rem; padding-inline: .85rem; }
.paritta-r3-catalog .paritta-r3-reading-card {
  min-height: 82px;
  gap: .55rem;
  padding: .48rem .56rem;
  border-color: #efe2cf;
  border-radius: 1rem;
  background: rgba(255, 254, 250, .96);
  box-shadow: var(--r3-shadow);
  color: #18343b;
}
.paritta-r3-catalog .paritta-r3-reading-number {
  flex-basis: 34px;
  width: 34px;
  height: 36px;
  border-radius: 50%;
  background: #fff0d0;
  color: #bd4e06;
  font-size: .76rem;
}
.paritta-r3-catalog .paritta-r3-reading-thumb {
  flex-basis: 82px;
  width: 82px;
  height: 58px;
  border: 1px solid rgba(189, 119, 28, .13);
  border-radius: .65rem;
  background: radial-gradient(ellipse at 68% 25%, rgba(255, 249, 211, .94) 0 9%, transparent 10%), linear-gradient(145deg, #f5d498, #e8a84c 52%, #a96524);
}
.paritta-r3-catalog .paritta-r3-reading-thumb:not(.has-image)::before {
  right: -12%; bottom: -40%; width: 74%; height: 92%;
  border-radius: 70% 30% 50% 50%;
  background: rgba(255, 248, 221, .58);
  transform: rotate(-25deg);
}
.paritta-r3-catalog .paritta-r3-reading-thumb:not(.has-image)::after {
  top: 17%; right: 23%; width: 13px; height: 13px;
  border: 1px solid rgba(255, 249, 228, .68);
  background: rgba(255, 238, 185, .54);
}
.paritta-r3-catalog .paritta-r3-reading-thumb.has-image img { object-position: center; }
.paritta-r3-catalog .paritta-r3-reading-copy { gap: .12rem; }
.paritta-r3-catalog .paritta-r3-reading-copy > small { color: #b85008; font-size: .58rem; }
.paritta-r3-catalog .paritta-r3-reading-copy > strong { color: #173640; font-size: .95rem; line-height: 1.15; }
.paritta-r3-catalog .paritta-r3-reading-copy > span { color: #6a6e70; font-size: .64rem; }
.paritta-r3-catalog .paritta-r3-reading-card > b { color: #dc5d08; font-size: 1.45rem; }
.paritta-r3-catalog .paritta-r3-load-more {
  width: calc(100% - 1.7rem);
  border-color: #f0d7b3;
  background: linear-gradient(110deg, #fffdf7, #fff3dc);
  color: #bd4e06;
  box-shadow: 0 3px 11px rgba(116, 73, 22, .06);
}
.paritta-r3-catalog .paritta-r3-load-more span { color: #777064; }

@media (min-width: 600px) {
  .paritta-r3-catalog .paritta-r3-catalog-intro { padding-inline: 1.35rem; }
  .paritta-r3-catalog .paritta-r3-reading-list { padding-inline: 1rem; }
}
@media (max-width: 370px) {
  .paritta-r3-catalog .paritta-r3-catalog-intro { min-height: 238px; }
  .paritta-r3-catalog .paritta-r3-reading-card { gap: .4rem; }
  .paritta-r3-catalog .paritta-r3-reading-thumb { flex-basis: 70px; width: 70px; height: 54px; }
  .paritta-r3-catalog .paritta-r3-reading-copy > strong { font-size: .89rem; }
}