@import url("/chapter-text-mist.css");
/* Knowledge-only environment backdrop; no content or layout dimensions change. */
.knowledge-page .content-page { --knowledge-header-edge: 91px; position: relative; isolation: isolate; }
.knowledge-page .content-page::after { content: ""; position: absolute; inset: var(--knowledge-header-edge) 0 0; z-index: 1; background: url('/assets/knowledge-dawn-1600.webp') right top / cover no-repeat; pointer-events: none;
  -webkit-mask-image: linear-gradient(225deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.7) 30%, rgba(0,0,0,.44) 50%, rgba(0,0,0,.2) 68%, rgba(0,0,0,.07) 86%, transparent 100%), radial-gradient(ellipse 65% 45% at 0% 0%, transparent 0%, rgba(0,0,0,.08) 48%, rgba(0,0,0,.35) 68%, rgba(0,0,0,.85) 88%, #000 100%);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(225deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.7) 30%, rgba(0,0,0,.44) 50%, rgba(0,0,0,.2) 68%, rgba(0,0,0,.07) 86%, transparent 100%), radial-gradient(ellipse 65% 45% at 0% 0%, transparent 0%, rgba(0,0,0,.08) 48%, rgba(0,0,0,.35) 68%, rgba(0,0,0,.85) 88%, #000 100%);
  mask-composite: intersect;
}
.knowledge-page .page-hero { position: relative; overflow: hidden; }
.knowledge-page .page-hero::before { content: ""; position: absolute; inset: var(--knowledge-header-edge) 0 0; z-index: 0; background: var(--cream); pointer-events: none; }
.knowledge-page .page-hero::after { content: none; }
.knowledge-page .page-hero > * { position: relative; z-index: 2; }
.knowledge-page .page-content { position: relative; z-index: 2; }
.knowledge-page .page-hero h1 { color: var(--ink); }
.knowledge-page .content-page > .page-hero .section-kicker { color: #8c704d; }
.knowledge-page .content-page > .page-hero > p:last-of-type { color: #58647b; }
@media (max-width: 700px) { .knowledge-page .content-page { --knowledge-header-edge: 72px; } .knowledge-page .content-page::after { background-image: url('/assets/knowledge-dawn-800.webp'); } }