.glossary-page{position:relative;isolation:isolate;flex:1 0 auto;min-height:0;background:var(--color-background);color:var(--color-text);font-family:var(--font-family)}.glossary-page:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:url(/images/glossary/ornament.svg);background-repeat:no-repeat;background-position:top;background-size:cover;opacity:.07}.glossary-page>*{position:relative;z-index:1}.glossary-hero{position:relative;overflow:hidden}.glossary-hero__photo{position:absolute;inset:0;background:linear-gradient(180deg,rgb(var(--color-background-rgb)/.55) 0,rgb(var(--color-background-rgb)/.88) 72%,var(--color-background) 100%),url(/images/glossary/hero-landscape.jpg) center 40% /cover no-repeat;opacity:.2;pointer-events:none}.glossary-search:focus-within{border-color:var(--color-success);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-success) 12%,transparent)}.glossary-add{transition:transform .25s ease,background-color .25s ease,box-shadow .25s ease}.glossary-add:hover{transform:translateY(-1px);background-color:var(--color-primary);box-shadow:0 10px 24px rgb(var(--color-primary-rgb)/.22)}.glossary-pill{transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .25s ease}.glossary-pill:hover{transform:translateY(-1px)}.glossary-card{transition:transform .35s ease,box-shadow .35s ease}.glossary-card:hover{transform:translateY(-6px);box-shadow:0 22px 48px rgba(16,42,67,.12)}.glossary-card__image{transition:transform .7s ease}.glossary-card:hover .glossary-card__image{transform:scale(1.06)}.glossary-page+footer{margin-top:auto}