body:has(:is(.lesson-main,.figures-root) .figure-marginalia) header.sticky.top-0{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body:has(:is(.lesson-main,.figures-root) .figure-marginalia) header.sticky.top-0:before{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 50vw);right:calc(50% - 50vw);background:rgba(var(--accent-bg),.85);backdrop-filter:blur(24px) saturate(1.05);-webkit-backdrop-filter:blur(24px) saturate(1.05);z-index:-1;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,black 0,black calc(100% - 6px),transparent 100%);mask-image:linear-gradient(to bottom,black 0,black calc(100% - 6px),transparent 100%)}:is(.lesson-body,.figures-body) .figure-trigger{position:relative;cursor:help;color:var(--color-accent);font-weight:550;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--color-accent) 30%,transparent);text-decoration-style:dotted;text-underline-offset:4px;text-decoration-thickness:1px;transition:text-decoration-color .3s ease,opacity .3s ease;opacity:.95}:is(.lesson-body,.figures-body) .figure-trigger:hover,:is(.lesson-body,.figures-body) .figure-trigger:focus-visible{text-decoration-color:var(--color-accent);opacity:1;outline:none}:is(.lesson-body,.figures-body) .figure-trigger:focus-visible{border-radius:3px;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 18%,transparent)}@media(max-width:1279px){:is(.lesson-body,.figures-body) .figure-trigger{cursor:pointer}}:is(.lesson-main,.figures-root) .figure-marginalia{position:absolute;width:220px;z-index:1;pointer-events:auto;opacity:0;transform:translateY(8px);will-change:opacity,transform,filter;animation:figureMarginaliaIn .7s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.15s;transition:top .5s cubic-bezier(.16,1,.3,1),opacity .18s cubic-bezier(.33,1,.68,1),transform .25s cubic-bezier(.33,1,.68,1),filter .2s cubic-bezier(.33,1,.68,1)}:is(.lesson-main,.figures-root) .figure-marginalia--right{left:calc(100% + 2.5rem);text-align:left}:is(.lesson-main,.figures-root) .figure-marginalia--left{right:calc(100% + 2.5rem);text-align:left}@keyframes figureMarginaliaIn{to{opacity:1;transform:translateY(0)}}@media(max-width:1279px){:is(.lesson-main,.figures-root) .figure-marginalia{display:none!important}}.figure-marginalia .figure-image,.figure-popover .figure-image{display:block;overflow:hidden;border-radius:8px;background:color-mix(in srgb,var(--color-accent) 5%,transparent);border:1px solid color-mix(in srgb,var(--color-accent) 8%,transparent)}.figure-marginalia .figure-image img,.figure-popover .figure-image img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;aspect-ratio:4 / 5;filter:grayscale(.55) sepia(.18) brightness(.95) contrast(1.02);transition:filter .5s cubic-bezier(.16,1,.3,1)}.figure-marginalia:hover .figure-image img,.figure-popover:hover .figure-image img{filter:grayscale(.25) sepia(.08) brightness(1) contrast(1.02)}.figure-marginalia .figure-name,.figure-popover .figure-name{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-size:1.0625rem;line-height:1.2;margin-top:.7rem;color:var(--color-accent);letter-spacing:-.005em}.figure-popover .figure-name{margin-top:0}.figure-marginalia .figure-role,.figure-popover .figure-role{margin-top:.3rem;font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;opacity:.42;line-height:1.5}.figure-marginalia .figure-bio,.figure-popover .figure-bio{margin-top:.65rem;font-size:.8125rem;line-height:1.6;opacity:.62}.figure-marginalia .figure-bio em,.figure-popover .figure-bio em{font-style:italic;opacity:.85}.figure-marginalia .figure-wiki,.figure-popover .figure-wiki{display:inline-block;margin-top:.7rem;font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent);opacity:.55;text-decoration:none;transition:opacity .3s ease}.figure-marginalia .figure-wiki:hover,.figure-popover .figure-wiki:hover{opacity:1;text-decoration:none}.figure-marginalia .figure-credit,.figure-popover .figure-credit{display:block;margin-top:.85rem;padding-top:.55rem;border-top:1px solid color-mix(in srgb,var(--color-accent) 6%,transparent);font-size:.625rem;line-height:1.5;opacity:.3;letter-spacing:.02em}:is(.lesson-body,.figures-body)+.figure-popover,.figure-popover{position:relative;margin:1.25rem 0 1.5rem;padding:1rem 1rem 1.1rem;display:grid;grid-template-columns:88px 1fr;gap:1.1rem;align-items:start;background:color-mix(in srgb,var(--color-accent) 4%,transparent);border:1px solid color-mix(in srgb,var(--color-accent) 12%,transparent);border-radius:12px;opacity:0;transform:translateY(-4px);animation:figurePopoverIn .45s cubic-bezier(.16,1,.3,1) forwards}@keyframes figurePopoverIn{to{opacity:1;transform:translateY(0)}}.figure-popover.figure-popover--closing{animation:figurePopoverOut .3s cubic-bezier(.4,0,1,1) forwards}@keyframes figurePopoverOut{to{opacity:0;transform:translateY(-4px)}}.figure-popover .figure-image{width:88px;height:110px}.figure-popover .figure-image img{aspect-ratio:88 / 110}.figure-popover-close{position:absolute;top:.4rem;right:.45rem;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;color:var(--color-accent);font-size:1.25rem;line-height:1;opacity:.4;cursor:pointer;border-radius:50%;transition:opacity .25s ease,background .25s ease}.figure-popover-close:hover{opacity:.85;background:color-mix(in srgb,var(--color-accent) 10%,transparent)}@media(min-width:1280px){.figure-popover{display:none!important}}@media(prefers-reduced-motion:reduce){:is(.lesson-main,.figures-root) .figure-marginalia,.figure-popover{animation:none;opacity:1;transform:none}}