/* Shared landing header; scoped so documentation typography is retained. */
.header{--paper:#f6f5f0;--ink:#20221f;--line:#dcded5;--orange:#ed6332;--orange-dark:#bd4017;position:sticky;top:0;z-index:20;background:rgb(246 245 240 / 94%);backdrop-filter:blur(20px);border-bottom:1px solid #dcded5;font-family:Arial,Helvetica,sans-serif;color:#20221f}.header *{box-sizing:border-box}.header [hidden]{display:none!important}.header .wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto;padding-inline:0}.header .header-inner{height:87px;display:flex;align-items:center;justify-content:space-between;gap:20px}.header a{text-decoration:none;color:inherit}.header .brand{display:inline-flex;align-items:center;gap:11px;font-size:21px;font-weight:800;letter-spacing:-.06em;line-height:1;white-space:nowrap}.header .brand:before{content:none}.header .brand span{font-weight:inherit;margin-left:0}.header .brand .brand-sub{display:block;font-size:8px;letter-spacing:.4em;margin-top:6px;margin-left:1px}.header .brand-symbol{display:flex;align-items:center;gap:3px;transform:rotate(-10deg);height:32px;flex-shrink:0}.header .brand-symbol i{display:block;width:6px;background:#ed6332;border-radius:2px;height:25px}.header .brand-symbol i:nth-child(2){height:16px;transform:translateY(4px)}.header .brand-symbol i:nth-child(3){height:31px}.header .desktop-nav{display:flex;gap:20px;font-size:12px;color:#5a5e54}.header .desktop-nav a:hover,.header .account-link:hover{color:#bd4017}.header .header-actions{display:flex;align-items:center;gap:24px;flex-shrink:0}.header .account-link{font-size:12px}.header .account-link span{margin-left:8px}.header .button.small{display:inline-flex;align-items:center;justify-content:space-between;padding:13px 17px;font-size:12px;gap:27px;font-weight:600;line-height:1.2;border:1px solid #20221f;border-radius:5px;min-height:0;background:#20221f;color:#f6f5f0}.header .button span{font-size:20px;font-weight:400;line-height:.9}.header .menu-button{display:none;border:0;background:none;padding:12px;cursor:pointer}.header .menu-button span{display:block;width:20px;height:1px;background:#20221f;margin:5px 0}.header .mobile-nav{padding-bottom:20px}.header .mobile-nav a{display:block;font-size:15px;padding:12px 0;border-top:1px solid #dcded5}.header a:focus-visible,.header button:focus-visible{outline:3px solid #ed6332;outline-offset:5px}
@media(max-width:1150px){.header .wrap{width:calc(100% - 72px)}.header .desktop-nav{gap:14px;font-size:11px}.header .header-actions{gap:16px}}
@media(max-width:900px){.header .wrap{width:calc(100% - 48px)}.header .header-inner{height:75px}.header .desktop-nav{display:none}.header .menu-button{display:block}.header .header-actions{gap:20px}}
@media(max-width:650px){.header .wrap{width:calc(100% - 38px)}.header .header-inner{height:70px}.header .brand{font-size:19px}.header .brand .brand-sub{font-size:7px}.header .brand-symbol{transform:scale(.85) rotate(-10deg);margin-right:-3px}.header .header-actions{gap:8px}.header .header-actions .account-link{display:none}.header .header-actions .button.small{font-size:11px;padding:11px 12px;gap:13px}.header .menu-button{padding-right:0}}
@media(max-width:360px){.header .wrap{width:calc(100% - 28px)}}