*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-primary);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-content-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:var(--space-4)}.container-narrow{width:100%;max-width:640px;margin-inline:auto;padding-inline:var(--space-4)}.grid{display:grid;gap:var(--space-4)}.grid-2,.grid-3{grid-template-columns:1fr}@media(min-width:640px){.container,.container-narrow{padding-inline:var(--space-6)}}@media(min-width:768px){.grid-2,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}.container{padding-inline:var(--space-8)}}.mobile-nav{display:block;background-color:var(--color-bg-secondary);border-bottom:var(--border-thin) solid var(--color-highlight-primary);position:relative}.mobile-nav__toggle{display:flex;align-items:center;justify-content:center;width:var(--size-11);height:var(--size-11);padding:0;margin:var(--space-1) var(--space-4);background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-nav__hamburger{display:flex;flex-direction:column;justify-content:center;align-items:center;width:22px;height:18px;position:relative}.mobile-nav__bar{display:block;width:22px;height:2px;background-color:var(--color-content-primary);border-radius:1px;transition:transform var(--transition-fast) var(--easing-default),opacity var(--transition-fast) var(--easing-default);position:absolute;left:0}.mobile-nav__bar--top{top:0}.mobile-nav__bar--mid{top:8px}.mobile-nav__bar--bot{top:16px}.mobile-nav__bar--top.mobile-nav__bar--open{transform:translateY(8px) rotate(45deg)}.mobile-nav__bar--mid.mobile-nav__bar--open{opacity:0}.mobile-nav__bar--bot.mobile-nav__bar--open{transform:translateY(-8px) rotate(-45deg)}.mobile-nav__panel{display:none;flex-direction:column;padding:var(--space-1) var(--space-4) var(--space-3);gap:var(--space-1)}.mobile-nav__panel--open{display:flex}.mobile-nav__link{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-3);min-height:var(--size-11);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-content-tertiary);text-decoration:none;border-radius:var(--radius-lg);transition:background-color var(--transition-fast) var(--easing-default),color var(--transition-fast) var(--easing-default)}.mobile-nav__link:hover,.mobile-nav__link:focus-visible{background-color:var(--color-highlight-primary);color:var(--color-content-primary);outline:none}.mobile-nav__link--active{background-color:var(--color-highlight-primary);color:var(--color-content-primary);font-weight:var(--font-weight-semibold)}@media(min-width:768px){.mobile-nav{display:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}