.site-header{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;position:relative}.site-header .brand{grid-column:2;grid-row:1;justify-self:center;margin:0}.site-header #menu-button{grid-column:1;grid-row:1;min-width:44px;min-height:44px;padding:8px;font-size:23px}#navigation{width:min(330px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:24px}#navigation .dialog-heading{align-items:center;margin-bottom:16px}#navigation .dialog-heading h2{font-size:28px;line-height:1.2}#navigation .close-button{border-color:#82998c;color:#203d32}#navigation nav{display:grid;grid-template-columns:minmax(0,1fr);gap:4px}#navigation nav button,#navigation nav a{position:static;transform:none;width:100%;margin:0;text-align:left;min-height:44px;padding:10px 12px;border:1px solid #dce5df;border-radius:8px;background:#f5f8f5;color:#203d32;font-size:14px;line-height:1.5;text-decoration:none}#navigation nav button:hover{background:#e8f0e9}#navigation button:focus-visible{outline:3px solid #234b3b;outline-offset:2px}#navigation p{font-size:13px;line-height:1.5;color:#526358}#navigation::backdrop{background:rgb(12 30 22 / .24);backdrop-filter:blur(2px)}@media(max-width:390px){.site-header .brand{font-size:25px;gap:7px}.site-header .brand svg{width:29px;height:29px}}