.handbook__header{grid-row:3;h1 {margin: 0;}}.handbook__intro{grid-row:3 / span 2;p,article {grid-column: 2 / -2; grid-row: 1; padding: 2rem 0; align-self: center;} img {grid-column: 1 / -1; grid-row: 1; justify-self: end; position: relative; top: -2rem; right: -1rem; width: clamp(72px,15%,96px); aspect-ratio: 1 / 1;}}.handbook__image--square{aspect-ratio:1 / 1;max-width:540px;max-height:540px}.handbook__image--landscape{aspect-ratio:4 / 3;max-width:800px;max-height:800px}.handbook__image--portrait{aspect-ratio:3 / 4;max-width:800px;max-height:800px}.handbook__image--square,.handbook__image--landscape,.handbook__image--portrait{object-fit:cover;width:100%;height:100%}.handbook__article--long{grid-row:span 3;align-items:flex-start}.handbook__article--medium{grid-row:span 2;align-items:center}article{&>*{grid-column:1 / -1}}@media screen and (min-width: 1920px){.handbook__intro{p {grid-column: 3 / -2;}}}@media screen and (max-width: 768px){.handbook__header,.handbook__intro{grid-row:unset}.handbook__intro{img {position: relative; right: 2rem;}}}div.narrow-container{width:100%;max-width:800px;margin-left:auto;margin-right:auto}.narrow-container ul{padding-inline-start:40px;width:calc(100% - 40px)!important}.ingress{font-size:1.5rem;margin-left:auto;max-width:800px;margin-right:auto}h4{margin-top:1rem}blockquote{font-style:italic;padding-left:1em;border-left:.5em solid;box-sizing:border-box}blockquote>p{max-width:100%!important}.accordion{margin-bottom:3rem}.accordion-content{display:grid;grid-template-rows:0fr;transition:all .5s ease-in-out;overflow:hidden;opacity:0}.noTransition{transition:none}.open>.accordion-content{grid-template-rows:1fr;opacity:1}.accordion-container{overflow:hidden;img {width: 100%;}}.open>.accordion-button:before{transform:rotate(90deg);animation:open .5s ease-in-out}.accordion-button{display:flex;flex-direction:row;align-items:center;justify-items:stretch;padding:0;background:none!important;color:inherit;outline:none!important;height:min-content;overflow:hidden}.accordion-button>.accordion-logo{min-width:35px;margin-right:18px;display:flex}.accordion-button>.accordion-logo>img{max-height:35px;max-width:35px;display:inline-block}.accordion-button:before{content:"";width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;display:inline-block;border-left:18px solid var(--text-invert);margin-right:18px}.accordion-header{margin:0;user-select:none;pointer-events:none}.closed>.accordion-button:hover:before{animation:wiggle 1s -5s infinite alternate}@keyframes wiggle{0%{transform:rotate(0);opacity:1}25%{transform:rotate(-5deg);opacity:.8}75%{transform:rotate(5deg);opacity:.8}to{transform:rotate(0);opacity:1}}@keyframes open{0%{transform:rotate(0);opacity:1}25%{transform:rotate(90deg);opacity:.8}75%{transform:rotate(100deg);opacity:.8}to{transform:rotate(90deg);opacity:1}}.handbook-nav{display:flex;gap:3rem;a,button {display: flex; align-items: center; text-decoration: none; span,img {transition: all 125ms ease-in-out;} span {border: 1px solid transparent;} &:focus {background-color: transparent; span {border: 1px solid var(--brand-primary);} outline: none;} &:hover {background-color: transparent; img {filter: brightness(0);} span {font-weight: 600;}} .active {background-color: var(--brand-primary);}} button {padding: var(--spacing-sm) var(--spacing-md);}}.handbook-nav-mobile{display:none;select {background-color: var(--brand-primary); border: none; border-radius: 0; color: var(--text-color); padding-left: .25rem; border-right: .25rem solid transparent;}}.handbook-nav,.handbook-nav-mobile{align-items:center;justify-content:center;padding:1rem;position:sticky;top:0;background-color:var(--surface-invert);z-index:1;img {background: none; width: 24px; height: 24px; padding-right: 1rem;}}.anchor{display:block;position:relative;top:-5rem;visibility:hidden}@media screen and (max-width: 800px){.handbook-nav{display:none}.handbook-nav-mobile{display:flex}}