/* A typographic reading index. All styling stays inside its own namespace. */
.bz-reading {
  --bz-reading-ink: var(--bz-ink, var(--ink, #183d32));
  --bz-reading-muted: var(--bz-muted, var(--muted, #59685e));
  --bz-reading-rule: var(--bz-rule, var(--line, #c4cbbf));
  --bz-reading-world-color: var(--bz-world-accent, var(--accent, #285b49));
  box-sizing: border-box;
  max-inline-size: 72ch;
  margin-inline: auto;
  padding-block: clamp(1.25rem, 3vw, 3rem);
  color: var(--bz-reading-ink);
  font-family: var(--bz-font-body, var(--font-body, inherit));
  font-size: 1rem;
  line-height: 1.6;
  overflow-wrap: break-word;
}
.bz-reading .bz-reading-title {
  margin: 0 0 .4em;
  color: inherit;
  font-family: var(--bz-font-display, var(--font-display, inherit));
  font-size: clamp(2.2rem, 5vw, 4.2rem);
  font-weight: 750;
  line-height: 1.08;
  letter-spacing: -.025em;
  text-wrap: balance;
}
.bz-reading .bz-reading-intro {
  max-inline-size: 60ch;
  margin: 0;
  font-size: clamp(1rem, 1.6vw, 1.15rem);
}
.bz-reading .bz-reading-home {
  margin-block: .75rem 1.5rem;
}
.bz-reading .bz-reading-home a {
  inline-size: fit-content;
}
.bz-reading .bz-reading-groups {
  border-block-end: 1px solid var(--bz-reading-rule);
}
.bz-reading .bz-reading-group {
  margin: 0;
  border: 0;
  border-block-start: 1px solid var(--bz-reading-world-color);
  border-radius: 0;
  background: none;
  box-shadow: none;
}
.bz-reading .bz-reading-group[data-world="bureau"] {
  --bz-reading-world-color: var(--bz-world-bureau, var(--bz-world-accent, #b0442d));
}
.bz-reading .bz-reading-group[data-world="mozg"] {
  --bz-reading-world-color: var(--bz-world-mozg, var(--bz-world-accent, #234e99));
}
.bz-reading .bz-reading-group[data-world="projectorium"] {
  --bz-reading-world-color: var(--bz-world-projectorium, var(--bz-world-accent, #8c651c));
}
.bz-reading .bz-reading-group[data-world="fantazeria"] {
  --bz-reading-world-color: var(--bz-world-fantazeria, var(--bz-world-accent, #285f46));
}
.bz-reading .bz-reading-group[data-world="author"] {
  --bz-reading-world-color: var(--bz-world-author, var(--bz-world-accent, #925337));
}
.bz-reading .bz-reading-group[data-world="square"] {
  --bz-reading-world-color: var(--bz-world-square, var(--bz-world-accent, #53696d));
}
.bz-reading .bz-reading-summary {
  box-sizing: border-box;
  display: list-item;
  list-style: revert;
  min-block-size: 44px;
  margin-inline-start: 1.25rem;
  padding: 1rem .25rem;
  cursor: pointer;
  color: var(--bz-reading-ink);
}
.bz-reading .bz-reading-summary::marker {
  color: var(--bz-reading-world-color);
}
.bz-reading .bz-reading-world-title {
  font-family: var(--bz-font-display, var(--font-display, inherit));
  font-size: clamp(1.15rem, 2.4vw, 1.55rem);
  font-weight: 750;
  line-height: 1.25;
  letter-spacing: .005em;
}
.bz-reading .bz-reading-purpose {
  display: block;
  margin-block-start: .2rem;
  color: var(--bz-reading-muted);
  font-size: .94rem;
  font-weight: 400;
  line-height: 1.45;
}
.bz-reading .bz-reading-body {
  padding: 0 .25rem 1.25rem 1.5rem;
}
.bz-reading .bz-reading-description {
  max-inline-size: 64ch;
  margin: 0 0 .6rem;
}
.bz-reading .bz-reading-links {
  margin: 0;
  padding: 0;
  list-style: none;
}
.bz-reading .bz-reading-links li {
  margin: 0;
  padding: 0;
}
.bz-reading a {
  box-sizing: border-box;
  display: block;
  min-block-size: 44px;
  padding-block: .6rem;
  color: var(--bz-reading-ink);
  line-height: 1.5;
  text-decoration: underline;
  text-decoration-thickness: .065em;
  text-underline-offset: .22em;
}
.bz-reading a:hover {
  text-decoration-thickness: .12em;
}
.bz-reading a:focus-visible,
.bz-reading .bz-reading-summary:focus-visible {
  outline: 2px solid var(--bz-reading-world-color);
  outline-offset: 3px;
}
@media (max-width: 420px) {
  .bz-reading .bz-reading-body {
    padding-inline-start: 1.25rem;
  }
  .bz-reading .bz-reading-title {
    font-size: clamp(2rem, 10vw, 2.6rem);
  }
}