.site-header{box-sizing:border-box;height:auto;max-width:1180px;margin:0 auto;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:2px solid #192921;background:#f7f5eb;color:#192921;font-family:system-ui,sans-serif}
.site-header .brand{flex-shrink:0;margin:0;color:#192921;font-size:22px;font-weight:950;letter-spacing:-1px;text-decoration:none}
.site-header .brand span{display:inline;margin:0;color:#245d43;font-size:inherit;letter-spacing:inherit}
.site-header nav{display:flex;flex-wrap:wrap;gap:18px;margin:0;font-size:14px;font-weight:700}
.site-header nav a{padding:8px 0;color:#192921;text-decoration:none}
.site-header nav a[aria-current]{border-bottom:3px solid #245d43}
.site-header a:focus-visible{outline:3px solid #b24815;outline-offset:4px}
.studio-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;font-size:13px}
body:has(>main>.brand){padding:0}body:has(>main>.brand)>main{margin:32px auto}
@media(max-width:800px){.site-header{align-items:flex-start;flex-direction:column;gap:12px;padding:20px}.site-header nav{gap:16px}.studio-toolbar{flex-wrap:wrap}}