.compact-mobile-controls{display:none}@media(max-width:767px){body .cp-header,body .header:has(.compact-mobile-controls),body .oh-header{height:72px;min-height:72px;width:100%;padding:0 20px;margin:0;display:flex;align-items:center;flex-wrap:nowrap;gap:12px;position:sticky;top:0;z-index:60;background:#fff;color:#17304a;border-bottom:1px solid #e8f0f4}body .cp-header>.cp-header-actions,body .cp-header>nav,body .header:has(.compact-mobile-controls)>.desktop-nav,body .header:has(.compact-mobile-controls)>.header-cta,body .oh-header>.oh-header-cta,body .oh-header>nav{display:none}body .cp-header>.cp-logo,body .header:has(.compact-mobile-controls)>.wordmark,body .oh-header>.oh-logo{font-size:28px;line-height:1.1;flex-shrink:0}body .cp-header>.cp-logo small{font-size:9px;line-height:1.5;margin-top:3px}body .compact-mobile-controls{display:flex;align-items:center;gap:8px;margin-left:auto}body .compact-mobile-controls>.compact-mobile-cta{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 13px;border-radius:8px;background:#30adcb;color:#fff;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}body .compact-mobile-controls>button{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:68px;padding:8px 4px;border:0;background:none;color:#17304a;font:inherit;font-size:10px;font-weight:700;cursor:pointer}.compact-mobile-controls>button>span:last-child{font-size:22px;font-weight:400}body .compact-mobile-controls>.compact-mobile-panel{position:absolute;left:0;right:0;top:100%;display:flex;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:10px 24px 20px;background:#fff;box-shadow:0 12px 24px #17304a0c;max-height:calc(100dvh - 72px);overflow-y:auto;overscroll-behavior:contain}body .compact-mobile-controls>.compact-mobile-panel[hidden]{display:none}body .compact-mobile-panel>a{display:flex;align-items:center;justify-content:space-between;min-height:54px;padding:12px 0;border-bottom:1px solid #e8f0f4;font-size:16px;font-weight:600;color:#17304a;text-decoration:none;animation:compact-arrive .35s ease backwards}.compact-mobile-panel>a>span{color:#689caf;font-size:18px}.compact-mobile-panel>a:last-child{border:0;color:#269ab5}.compact-mobile-controls a:focus-visible,.compact-mobile-controls button:focus-visible{outline:2px solid #269ab5;outline-offset:3px}body .creator-product .cp-hero,body .official-home .oh-hero{padding-top:32px}body:has(.compact-mobile-controls) main section[id]{scroll-margin-top:88px}}@keyframes compact-arrive{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.compact-mobile-panel>a{animation:none!important}}