/* GENERATED from static_site_generator/assets/theme_tokens.json
   Mirrors the app's TextEntryTheme. Do not hand-edit: run
   `flutter test tools/dump_theme_tokens.dart`, then rebuild. */

@font-face {
  font-family: "NotoSerifSinhala";
  src: url("../fonts/noto-serif-sinhala/NotoSerifSinhala-Regular-Subset.woff2?v=a3362ad9a4de9f8a") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoSerifSinhala";
  src: url("../fonts/noto-serif-sinhala/NotoSerifSinhala-Medium-Subset.woff2?v=a3362ad9a4de9f8a") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoSerifSinhala";
  src: url("../fonts/noto-serif-sinhala/NotoSerifSinhala-SemiBold-Subset.woff2?v=a3362ad9a4de9f8a") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoSerifSinhala";
  src: url("../fonts/noto-serif-sinhala/NotoSerifSinhala-Bold-Subset.woff2?v=a3362ad9a4de9f8a") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoSansSinhala";
  src: url("../fonts/noto-sans-sinhala/NotoSansSinhala-Regular-Subset.woff2?v=a3362ad9a4de9f8a") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoSansSinhala";
  src: url("../fonts/noto-sans-sinhala/NotoSansSinhala-Medium-Subset.woff2?v=a3362ad9a4de9f8a") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoSansSinhala";
  src: url("../fonts/noto-sans-sinhala/NotoSansSinhala-SemiBold-Subset.woff2?v=a3362ad9a4de9f8a") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NotoSansSinhala";
  src: url("../fonts/noto-sans-sinhala/NotoSansSinhala-Bold-Subset.woff2?v=a3362ad9a4de9f8a") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --c-background: #faf9f5;
  --c-surface: #ffffff;
  --c-on-surface: #422701;
  --c-on-surface-variant: #705e46;
  --c-surface-container-lowest: #fdf8f3;
  --c-surface-container-low: #f5eee5;
  --c-surface-container: #ede6dd;
  --c-surface-container-high: #e8dfd0;
  --c-surface-container-highest: #e0d7c8;
  --c-surface-dim: #ded8ce;
  --c-surface-bright: #faf9f5;
  --c-primary: #5a3a18;
  --c-on-primary: #ffffff;
  --c-primary-container: #bac095;
  --c-on-primary-container: #2a2318;
  --c-secondary: #705e46;
  --c-secondary-container: #d0cabe;
  --c-on-secondary-container: #2a2318;
  --c-tertiary: #adebb3;
  --c-tertiary-container: #d3d3ff;
  --c-outline: #d6c9b8;
  --c-outline-variant: #e0d7c8;
  --c-error: #b3261e;
  --c-heading: #2a2318;
  --c-highlight: #ffe680;
  --font-reader: "NotoSerifSinhala", Georgia, "Iskoola Pota", serif;
  --font-ui: "NotoSansSinhala", "Iskoola Pota", Roboto, system-ui, sans-serif;
  --entry-gap: 12px;
  --page-gap: 32px;
  --gatha-indent: 2.4em;
  --gatha-indent-2: 5em;
  --pair-gap: 8px;
  --pair-bottom-gap: 20px;
  --toolbar-height: 56px;
}

html {
  font-size: 90%;
  -webkit-text-size-adjust: 100%;
  scroll-padding-top: calc(var(--toolbar-height) + 1rem);
}

body {
  margin: 0;
  background: var(--c-background);
  color: var(--c-on-surface);
  font-family: var(--font-ui);
}

.content {
  max-width: 59.95rem;
  margin: 0 auto;
  padding: 1.5rem 1.25rem 4rem;
}
.content.nav { max-width: 44rem; }

.page-title {
  font-family: var(--font-reader);
  color: var(--c-heading);
  text-align: center;
  font-size: 1.6em;
  line-height: 1.3;
  margin: 0 0 2rem;
}

.pager {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  margin-top: var(--page-gap);
}
.pager a {
  display: block;
  padding: 0.75rem 1rem;
  border: 1px solid var(--c-outline);
  border-radius: 0.5rem;
  background: var(--c-surface-container-lowest);
  color: inherit;
  text-decoration: none;
  font-family: var(--font-ui);
  font-size: 0.9em;
  line-height: 1.4;
}
.pager a:hover { background: var(--c-surface-container-low); }
.pager .next { text-align: right; }
.pager .label { display: block; color: var(--c-on-surface-variant); font-size: 0.85em; }

.commentary-link {
  font-family: var(--font-ui);
  font-size: 0.9em;
  text-align: center;
  margin-bottom: 1.5rem;
}
.commentary-link a { color: var(--c-primary); }

.origin-link { display: none; }
.origin:target + .origin-link { display: block; }
.origin:target ~ .back-default { display: none; }

.toc {
  list-style: none;
  padding: 0;
  margin: 0;
  max-width: 44rem;
}
.toc li { margin: 0 0 0.5rem; }
.toc a {
  display: block;
  padding: 0.6rem 0.9rem;
  border-radius: 0.4rem;
  background: var(--c-surface-container-lowest);
  border: 1px solid var(--c-outline-variant);
  color: inherit;
  text-decoration: none;
  font-family: var(--font-reader);
}
.toc a:hover { background: var(--c-surface-container-low); }

.row {
  display: grid;
  row-gap: var(--pair-gap);
  column-gap: 1.75rem;
  margin-bottom: var(--pair-bottom-gap);
}

.e-paragraph {
  font-family: var(--font-reader);
  font-size: 1.1em;
  font-weight: var(--body-weight, 400);
  line-height: 1.6;
  color: var(--c-on-surface);
  text-align: justify;
  margin: 0;
}
.e-unindented {
  font-family: var(--font-reader);
  font-size: 1.1em;
  font-weight: var(--body-weight, 400);
  line-height: 1.6;
  color: var(--c-on-surface);
  text-align: justify;
  margin: 0;
}
.e-gatha {
  font-family: var(--font-reader);
  font-size: 1.1em;
  font-weight: var(--body-weight, 400);
  font-style: italic;
  line-height: 1.4;
  color: var(--c-on-surface);
  text-align: left;
  padding-left: var(--gatha-indent);
  white-space: pre-line;
  margin: 0;
}
.e-gatha.l2 { padding-left: var(--gatha-indent-2); }

.e-heading.l1 {
  font-family: var(--font-reader);
  font-size: 1.3em;
  font-weight: 700;
  line-height: 1.2;
  color: var(--c-heading);
  text-align: center;
  margin: 0;
}
.e-heading.l2 {
  font-family: var(--font-reader);
  font-size: 1.4em;
  font-weight: 700;
  line-height: 1.2;
  color: var(--c-heading);
  text-align: center;
  margin: 0;
}
.e-heading.l3 {
  font-family: var(--font-reader);
  font-size: 1.6em;
  font-weight: 700;
  line-height: 1.2;
  color: var(--c-heading);
  text-align: center;
  margin: 0;
}
.e-heading.l4 {
  font-family: var(--font-reader);
  font-size: 1.7em;
  font-weight: 700;
  line-height: 1.2;
  color: var(--c-heading);
  text-align: center;
  margin: 0;
}
.e-heading.l5 {
  font-family: var(--font-reader);
  font-size: 1.8em;
  font-weight: 700;
  line-height: 1.2;
  color: var(--c-heading);
  text-align: center;
  margin: 0;
}

.e-centered.l1 {
  font-family: var(--font-reader);
  font-size: 1.1em;
  font-weight: 500;
  line-height: 1.2;
  color: var(--c-on-surface);
  text-align: center;
  margin: 0;
}
.e-centered.l2 {
  font-family: var(--font-reader);
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1.2;
  color: var(--c-on-surface);
  text-align: center;
  margin: 0;
}
.e-centered.l3 {
  font-family: var(--font-reader);
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.2;
  color: var(--c-on-surface);
  text-align: center;
  margin: 0;
}
.e-centered.l4 {
  font-family: var(--font-reader);
  font-size: 1.8em;
  font-weight: 600;
  line-height: 1.2;
  color: var(--c-on-surface);
  text-align: center;
  margin: 0;
}
.e-centered.l5 {
  font-family: var(--font-reader);
  font-size: 2.1em;
  font-weight: 600;
  line-height: 1.2;
  color: var(--c-on-surface);
  text-align: center;
  margin: 0;
}

strong { font-weight: 700; }

/* Reading layout — pure CSS, four radios. */
.layout-input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}

.toolbar {
  position: sticky;
  top: 0;
  z-index: 2;
  height: var(--toolbar-height);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.75rem;
  padding: 0 1.25rem;
  background: var(--c-surface-container-high);
  border-bottom: 1px solid var(--c-outline);
}

.layouts {
  display: inline-flex;
  flex: none;
  border: 1px solid var(--c-outline);
  border-radius: 8px;
  overflow: hidden;
  background: var(--c-background);
}
.layouts label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 34px;
  font-family: var(--font-ui);
  font-size: 0.875em;
  font-weight: 600;
  color: var(--c-on-surface-variant);
  cursor: pointer;
}
.layouts label + label { border-left: 1px solid var(--c-outline); }

#L-pali:checked ~ .toolbar label[for="L-pali"],
#L-si:checked ~ .toolbar label[for="L-si"],
#L-stack:checked ~ .toolbar label[for="L-stack"],
#L-sbs:checked ~ .toolbar label[for="L-stack"] {
  background: var(--c-primary-container);
  color: var(--c-on-primary-container);
}
#L-sbs { display: none; }
.layouts label[for="L-sbs"] { display: none; }

#L-pali:focus-visible ~ .toolbar label[for="L-pali"] { outline: 2px solid var(--c-primary); outline-offset: -2px; }
#L-si:focus-visible ~ .toolbar label[for="L-si"] { outline: 2px solid var(--c-primary); outline-offset: -2px; }
#L-sbs:focus-visible ~ .toolbar label[for="L-sbs"] { outline: 2px solid var(--c-primary); outline-offset: -2px; }
#L-stack:focus-visible ~ .toolbar label[for="L-stack"] { outline: 2px solid var(--c-primary); outline-offset: -2px; }

#L-pali:checked ~ .content .si { display: none; }
#L-pali:checked ~ .content .row.no-pali { display: none; }
#L-si:checked ~ .content .pali { display: none; }
#L-si:checked ~ .content .row.no-si { display: none; }
#L-pali:checked ~ .content .row,
#L-si:checked ~ .content .row,
.content.solo .row { margin-bottom: var(--entry-gap); }

#L-stack:checked ~ .content .row { grid-template-columns: 1fr; }

@media (min-width: 48rem) {
  #L-sbs { display: block; }
  .layouts label[for="L-sbs"] { display: flex; }
  #L-sbs:checked ~ .toolbar label[for="L-stack"] { background: none; color: var(--c-on-surface-variant); }
  #L-sbs:checked ~ .toolbar label[for="L-sbs"] { background: var(--c-primary-container); color: var(--c-on-primary-container); }
  #L-sbs:checked ~ .content:not(.nav) { max-width: 121.65rem; }
  #L-sbs:checked ~ .content .row {
    grid-template-columns: 1fr 1fr;
    align-items: start;
    margin-bottom: var(--entry-gap);
  }
  #L-sbs:checked ~ .content .pali { grid-column: 1; }
  #L-sbs:checked ~ .content .si { grid-column: 2; }
}

/* Pali heavier than its translation wherever they share a column. */
.pali { --body-weight: 600; }
#L-pali:checked ~ .content .pali,
#L-si:checked ~ .content .pali,
.content.solo .pali { --body-weight: 400; }
@media (min-width: 48rem) {
  #L-sbs:checked ~ .content .pali { --body-weight: 400; }
}

/* Icons: a mask each, in the text colour (site_icons.dart). */
.sbs-icon, .stack-icon, .up-icon, .search-icon, .more-icon, .new-tab-icon, .search-close-icon {
  display: inline-block;
  flex: none;
  background-color: currentColor;
  -webkit-mask: var(--icon) center / contain no-repeat;
  mask: var(--icon) center / contain no-repeat;
  forced-color-adjust: none;
  forced-color-adjust: preserve-parent-color;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.sbs-icon { width: 18px; height: 18px; --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='3' y='4' width='18' height='16' rx='1.5'/%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3C/svg%3E"); }
.stack-icon { width: 18px; height: 18px; --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='3' y='4' width='18' height='16' rx='1.5'/%3E%3Cline x1='3' y1='12' x2='21' y2='12'/%3E%3C/svg%3E"); }
.up-icon { width: 18px; height: 18px; --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 19V5'/%3E%3Cpath d='M5 12l7-7 7 7'/%3E%3C/svg%3E"); }
.search-icon { width: 18px; height: 18px; --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4.3-4.3'/%3E%3C/svg%3E"); }
.more-icon { width: 18px; height: 18px; --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3E%3Ccircle cx='12' cy='5' r='1.6'/%3E%3Ccircle cx='12' cy='12' r='1.6'/%3E%3Ccircle cx='12' cy='19' r='1.6'/%3E%3C/svg%3E"); }
.new-tab-icon { width: 14px; height: 14px; --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17L17 7'/%3E%3Cpath d='M9 7h8v8'/%3E%3C/svg%3E"); }
.search-close-icon { width: 20px; height: 20px; --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12'/%3E%3Cpath d='M18 6L6 18'/%3E%3C/svg%3E"); }

/* Toolbar: the trail, its emblem, and the up button. */
.breadcrumb {
  display: flex;
  align-items: center;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  font-family: var(--font-ui);
  line-height: 1;
  color: var(--c-on-surface-variant);
}

.breadcrumb > :not(.home) {
  position: relative;
  min-width: 0;
  padding: 6px 0 6px 1.15em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.breadcrumb > :not(.home)::before {
  content: '›';
  position: absolute;
  left: 0.3em;
  opacity: 0.5;
}
.breadcrumb a { color: inherit; text-decoration: none; }
.breadcrumb a:hover { text-decoration: underline; }

.breadcrumb a:not(.home) { flex: 0 200 auto; }
.breadcrumb .leaf { flex: 0 1 auto; color: var(--c-on-surface); }

.home { display: flex; flex: none; align-items: center; }
.home:focus-visible { outline: 2px solid var(--c-primary); outline-offset: -2px; border-radius: 8px; }
.home img { display: block; width: 36px; height: 36px; }

@media (max-width: 60rem) {
  .breadcrumb a:not(.home):nth-last-of-type(n+4) { width: 0; padding-left: 0; }
}
@media (max-width: 46rem) {
  .breadcrumb a:not(.home):nth-last-of-type(n+2) { width: 0; padding-left: 0; }
}
@media (max-width: 31rem) {
  .breadcrumb a:not(.home) { width: 0; padding-left: 0; }
}

.breadcrumb a:not(.home):focus-visible {
  width: auto;
  flex-shrink: 0;
  padding-left: 1.15em;
  outline: 2px solid var(--c-primary); outline-offset: -2px;
  border-radius: 4px;
}

.up, .search-trigger, .more-trigger {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 1px solid var(--c-outline);
  border-radius: 8px;
  background: var(--c-background);
  color: var(--c-on-surface-variant);
  text-decoration: none;
  cursor: pointer;
}
.up:hover, .search-trigger:hover, .more-trigger:hover { background: var(--c-surface-container-low); }
.up:focus-visible, .search-trigger:focus-visible, .more-trigger:focus-visible { outline: 2px solid var(--c-primary); outline-offset: -2px; }
.search-trigger[hidden] { display: none; }
@media not all and (max-width: 31rem) {
  .up { display: none; }
}

/* Toolbar: read in the app. */
.app-link {
  display: flex;
  flex: none;
  align-items: center;
  gap: 0.5rem;
  font-family: var(--font-ui);
  font-size: 0.875em;
  font-weight: 500;
  white-space: nowrap;
  text-decoration: none;
}
.app-pill {
  box-sizing: border-box;
  height: 34px;
  padding: 0 0.75rem;
  border-radius: 8px;
  background: var(--c-primary);
  color: var(--c-on-primary);
}
.app-pill:hover { background: var(--c-heading); }
.app-pill:focus-visible { outline: 2px solid var(--c-primary); outline-offset: 2px; }
.app-sep {
  flex: none;
  width: 1px;
  height: 24px;
  background: var(--c-outline);
}
.more { position: relative; flex: none; }
.more-trigger { list-style: none; }
.more-trigger::-webkit-details-marker { display: none; }
.more[open] .more-trigger { background: var(--c-surface-container-low); }
.more-menu {
  display: flex;
  flex-direction: column;
  gap: 4px;
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  padding: 4px;
  border: 1px solid var(--c-outline);
  border-radius: 8px;
  background: var(--c-background);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}
.more-menu .app-link {
  min-height: 44px;
  padding: 0 0.75rem;
  border-radius: 6px;
  color: var(--c-on-surface);
}
.more-menu .app-link:hover { background: var(--c-surface-container-low); }
.more-menu .app-link:focus-visible { outline: 2px solid var(--c-primary); outline-offset: -2px; }
.more-menu .layouts { display: none; }
.more-menu .layouts label { flex: 1; }
@media (max-width: 39rem) {
  .toolbar > .layouts { display: none; }
  .more-menu .layouts { display: flex; }
}
.app-sep, .app-pill { display: none; }
@media (min-width: 69rem) {
  .app-sep { display: block; }
  .app-pill { display: flex; }
  .more { display: none; }
}

/* Search: the dialog. */
.search {
  width: min(34rem, calc(100vw - 2rem));
  max-height: min(32rem, calc(100vh - 6rem));
  max-height: min(32rem, calc(100dvh - 6rem));
  margin: 3rem auto;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--c-outline);
  border-radius: 12px;
  background: var(--c-surface-container-high);
  color: var(--c-on-surface);
  font-family: var(--font-ui);
}
.search[open] { display: flex; flex-direction: column; }
.search::backdrop { background: rgba(0, 0, 0, 0.45); }

.search-head {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem;
  border-bottom: 1px solid var(--c-outline-variant);
}
.search-field {
  flex: 1;
  min-width: 0;
  padding: 0.5rem 0.6rem;
  border: 1px solid var(--c-outline);
  border-radius: 8px;
  background: var(--c-background);
  color: var(--c-on-surface);
  font-family: var(--font-ui);
  font-size: 1.12rem;
}
.search-field:focus-visible { outline: 2px solid var(--c-primary); outline-offset: -1px; }

.search-close {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: 8px;
  background: none;
  color: var(--c-on-surface-variant);
  cursor: pointer;
}
.search-close:hover { background: var(--c-surface-container-low); }
.search-close:focus-visible { outline: 2px solid var(--c-primary); outline-offset: -2px; }

.search-status {
  margin: 0;
  padding: 0.5rem 0.9rem;
  font-size: 0.85em;
  color: var(--c-on-surface-variant);
}
.search-status:empty { display: none; }

.search-results {
  flex: 1 1 auto;
  min-height: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.search-results a {
  display: block;
  padding: 0.6rem 0.9rem;
  color: inherit;
  text-decoration: none;
}
.search-results a:hover, .search-results a:focus-visible {
  background: var(--c-primary-container);
  color: var(--c-on-primary-container);
}
.search-results a:focus-visible { outline: 2px solid var(--c-primary); outline-offset: -2px; }

.search-name {
  display: block;
  font-family: var(--font-reader);
  line-height: 1.5;
}
.search-path {
  display: block;
  font-size: 0.8em;
  color: var(--c-on-surface-variant);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.search-results a:hover .search-path, .search-results a:focus-visible .search-path { color: inherit; opacity: 0.75; }

/* Landing page. */
.landing-homage {
  text-align: center;
  margin: -1rem 0 0.5rem;
}

.landing-hint {
  font-family: var(--font-ui);
  color: var(--c-on-surface-variant);
  text-align: center;
  margin: 0 0 2rem;
  line-height: 1.6;
}

/* Grouped chapter: no #fragment shows the whole run;
   #<nodeKey> filters to that one sutta. */
.chapter:has(.sutta:target, .sutta :target) .sutta:not(:target):not(:has(:target)) {
  display: none;
}

.sutta { margin-bottom: var(--page-gap); }

.chapter-bar { display: none; }
.chapter:has(.sutta:target, .sutta :target) .chapter-bar {
  display: block;
  font-family: var(--font-ui);
  font-size: 0.9em;
  margin-bottom: 1.5rem;
  padding: 0.6rem 0.9rem;
  border-radius: 0.4rem;
  background: var(--c-surface-container-low);
}
.chapter-bar a { color: var(--c-primary); }

.chapter:has(.sutta:target, .sutta :target) .run-link { display: none; }
.section-links { display: none; }
.chapter:has(.sutta:target, .sutta :target) .section-links { display: block; }

.sutta .pager { display: none; }
.chapter:has(.sutta:target, .sutta :target) .sutta .pager { display: grid; }
.chapter:has(.sutta:target, .sutta :target) ~ .pager { display: none; }