:root {
  --qla-accent: #77b6ad;
  --qla-accent-2: #c8d9a1;
  --qla-ink-strong: #10211f;
}

.qla-adventure--005 .qla-hero__art img {
  object-position: center 48%;
}

.qla-adventure--005 .qla-hero::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 11rem;
  background: linear-gradient(180deg, rgba(7, 12, 15, 0), rgba(7, 12, 15, .82));
  pointer-events: none;
}

.qla-chapter[data-chapter="primer"] { --chapter-accent: #8aa995; }
.qla-chapter[data-chapter="wind"] { --chapter-accent: #8bbfd2; }
.qla-chapter[data-chapter="wood"] { --chapter-accent: #687f63; }
.qla-chapter[data-chapter="ysra"] { --chapter-accent: #aa8058; }
.qla-chapter[data-chapter="unbinding"] { --chapter-accent: #77b6ad; }
.qla-chapter[data-chapter="center"] { --chapter-accent: #8898bb; }
.qla-chapter[data-chapter="epilogue"] { --chapter-accent: #b8c77b; }
.qla-chapter[data-chapter="appendices"] { --chapter-accent: #82928e; }

.qla-chapter__content h3,
.qla-chapter__content h4 {
  scroll-margin-top: 7rem;
}

.qla-list {
  margin: 0 0 1.2rem 1.15rem;
}

.qla-list li + li {
  margin-top: .42rem;
}

.qla-rule-callout {
  margin: 1.5rem 0;
  padding: 1rem 1.1rem;
  border: 1px solid color-mix(in srgb, var(--chapter-accent, var(--qla-accent)) 55%, transparent);
  border-left: 4px solid var(--chapter-accent, var(--qla-accent));
  background: linear-gradient(135deg, rgba(119, 182, 173, .12), rgba(7, 12, 15, .03));
}

.qla-rule-callout h3 {
  margin: .2rem 0 .55rem;
}

.npc-card img,
.item-dossier img {
  object-fit: contain;
  background: radial-gradient(circle at center, rgba(205, 230, 224, .09), transparent 70%);
}

.item-dossier {
  display: grid;
  grid-template-columns: 96px 1fr;
  gap: 1rem;
  align-items: start;
}

.item-dossier img {
  width: 96px;
  height: 112px;
}

.item-dossier--full {
  grid-template-columns: minmax(120px, 180px) 1fr;
}

.item-dossier--full img {
  width: 100%;
  height: auto;
  max-height: 280px;
}

.statblock .ability-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: .35rem;
  margin: .8rem 0;
}

.statblock .ability-grid > div {
  display: grid;
  gap: .15rem;
  text-align: center;
}

@media (prefers-reduced-motion: no-preference) {
  .qla-adventure--005 .qla-hero__art img {
    animation: stillGroveBreath 18s ease-in-out infinite alternate;
  }
  @keyframes stillGroveBreath {
    from { transform: scale(1.01); filter: saturate(.9); }
    to { transform: scale(1.045) translateY(-.3rem); filter: saturate(1.05); }
  }
}

@media (max-width: 640px) {
  .statblock .ability-grid { grid-template-columns: repeat(3, 1fr); }
  .item-dossier,
  .item-dossier--full { grid-template-columns: 76px 1fr; }
  .item-dossier img,
  .item-dossier--full img { width: 76px; height: 90px; }
}