.left-flyout-trigger{border:var(--ehven-border-thin) solid var(--ehven-color-field-border-default);border-radius:var(--ehven-radius-small);background:var(--ehven-color-card-background-default);block-size:2.75rem;inline-size:2.75rem;color:var(--ehven-color-text-emphasis-default);cursor:pointer;place-items:center;padding:0;display:inline-grid}.left-flyout-trigger:hover{background:var(--ehven-color-icon-background-hover)}.left-flyout-trigger svg{block-size:1.35rem;inline-size:1.35rem}.left-flyout-drawer{background:0 0;border:0;block-size:100dvh;max-block-size:100dvh;inline-size:min(22rem,100vw - 3rem);max-inline-size:none;margin:0;padding:0;inset:0 auto 0 0;overflow:visible}.left-flyout-drawer::backdrop{backdrop-filter:blur(.15rem);background:#00000085}.left-flyout-drawer__panel{block-size:100%;padding:var(--ehven-space-medium);background:var(--ehven-color-canvas-background-default);box-shadow:var(--ehven-shadow-gentle);animation:left-flyout-in var(--ehven-duration-normal) var(--ehven-ease-standard) both;grid-template-rows:auto minmax(0,1fr);display:grid}.left-flyout-drawer__header{justify-content:space-between;align-items:center;gap:var(--ehven-space-medium);border-block-end:var(--ehven-border-thin) solid var(--ehven-color-card-border-default);padding-block-end:var(--ehven-space-medium);display:flex}.left-flyout-drawer__close{min-block-size:2.75rem;padding-inline:var(--ehven-space-medium)}.left-flyout-drawer__nav{min-block-size:0;overscroll-behavior:contain;padding-block-start:var(--ehven-space-medium);overflow-y:auto}.left-flyout-drawer__nav ul{align-items:stretch;gap:var(--ehven-space-small);flex-direction:column}.left-flyout-drawer__nav a{justify-content:flex-start;min-block-size:3rem;inline-size:100%}html[data-left-flyout-open=true]{overflow:hidden}@keyframes left-flyout-in{0%{translate:-100%}to{translate:0}}@media (width>=64rem){.left-flyout-trigger{display:none}}.animated-slabs{z-index:0;contain:paint;isolation:isolate;pointer-events:none;display:block;position:absolute;inset:0;overflow:hidden}.animated-slabs__scene{transform-origin:50%;position:absolute;top:50%;left:50%}.animated-slabs__group,.animated-slabs__piece{position:absolute;top:0;left:0}.animated-slabs__group{transform-origin:0 0}.animated-slabs__piece{transform-origin:50%}.animated-slabs__face{border-radius:inherit;width:100%;height:100%;position:relative}.animated-slabs__face:before{content:"";border-radius:inherit;border-top:1px solid var(--slab-rim);position:absolute;inset:5px}.animated-slabs__face:after{content:"";border-radius:inherit;background:linear-gradient(90deg, var(--surface-shade), transparent 35%, var(--surface-glint) 75%, var(--surface-shade));position:absolute;inset:0}.site-page-hero:not(.site-page-hero--parent) .ehven-hero__content,.question-entry__trail,.content-entry__header--slabs>.ehven-shell-reading{color:#17202a;border-radius:var(--ehven-radius-medium);padding:var(--ehven-space-medium) var(--ehven-space-large);text-shadow:none;background:#fffffff5}.content-entry__header--slabs{isolation:isolate;position:relative;overflow:clip}.question-entry__hero-inner,.content-entry__foreground,.content-entry__header--slabs>.ehven-shell-reading{z-index:1;position:relative}.home-hero h1,.site-page-hero:has(>animated-slabs[data-palette=Off\ white]) h1,.content-entry__header--slabs:has(>animated-slabs[data-palette=Off\ white]) h1{z-index:1;color:#fff;background:color-mix(in srgb, var(--ehven-color-link-content-visited) 82.5%, transparent);border-radius:var(--ehven-radius-medium);padding:var(--ehven-space-medium) var(--ehven-space-large);text-shadow:none;position:relative}.site-page-hero:has(>animated-slabs[data-palette=Off\ white]) .ehven-hero__content{background:0 0;padding:0}.site-page-hero.site-page-hero--parent h1{color:#17202a;background:color-mix(in srgb, var(--ehven-area-surface) 82.5%, transparent);border-radius:var(--ehven-radius-medium);padding:var(--ehven-space-medium) var(--ehven-space-large)}:root[data-theme=dark] :is(.home-hero,.site-page-hero:has(>animated-slabs[data-palette=Off\ white]),.content-entry__header--slabs:has(>animated-slabs[data-palette=Off\ white])) h1{-webkit-text-stroke:1px #17202a;paint-order:stroke fill;text-shadow:0 1px 2px #17202a,0 0 2px #17202a,0 0 2px #17202a}