/* Keep the established site navigation, but give it the preview's clear mobile header. */
:is(.cc-page,.tut-page) #hd-header{background:#191923;--h-bg:#191923;--h-bar:4.5rem;font-family:'Space Grotesk',system-ui,sans-serif}
:is(.cc-page,.tut-page) #hd-header .hd-bar{min-height:72px}
:is(.cc-page,.tut-page) .cmd-close,:is(.cc-page,.tut-page) .cmd-clear{appearance:none;display:grid;place-items:center;min-width:44px;min-height:44px;padding:0;border:1px solid #51455e;border-radius:8px;background:transparent;color:#d8cde8;cursor:pointer;font-family:inherit}
:is(.cc-page,.tut-page) .cmd-clear{border:0}
:is(.cc-page,.tut-page) .cmd :is(button,a,input):focus-visible{outline:2px solid #c9b3f2;outline-offset:3px}
@media(max-width:1120px){
 :is(.cc-page,.tut-page) #hd-header .hd-bar{padding-inline:18px;gap:10px}
 :is(.cc-page,.tut-page) #hd-header .hd-brandwrap{margin-right:auto;min-width:0}
 :is(.cc-page,.tut-page) #hd-header .hd-word{display:inline!important;font-size:.875rem;letter-spacing:-.025em;font-family:'Space Grotesk',sans-serif;font-weight:600}
 :is(.cc-page,.tut-page) #hd-header .hd-brand{gap:8px}
 :is(.cc-page,.tut-page) #hd-header .hd-logo{width:28px;height:28px}
 :is(.cc-page,.tut-page) #hd-header .hd-launch-btn{display:none!important}
 :is(.cc-page,.tut-page) #hd-header .hd-nav{display:none!important}
 :is(.cc-page,.tut-page) #hd-header .hd-search,:is(.cc-page,.tut-page) #hd-header .hd-burger{display:inline-flex!important;visibility:visible!important;align-items:center;justify-content:center;width:44px!important;height:44px!important;min-width:44px;min-height:44px;padding:10px!important;flex-shrink:0;border-radius:7px}
 :is(.cc-page,.tut-page) #hd-header .hd-search svg{width:18px;height:18px}
 :is(.cc-page,.tut-page) #hd-header .hd-acct{min-width:44px;width:44px;height:44px;min-height:44px;padding:0!important;border:0!important;background:none!important;overflow:hidden;position:relative;color:#d9d3e3}
 :is(.cc-page,.tut-page) #hd-header .hd-acct-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 :is(.cc-page,.tut-page) #hd-header .hd-acct-ar{display:none}
 :is(.cc-page,.tut-page) #hd-header .hd-acct::after{content:'';width:20px;height:20px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.5'%3E%3Ccircle cx='12' cy='8' r='3.3'/%3E%3Cpath d='M5 21v-3a7 7 0 0 1 14 0v3'/%3E%3C/svg%3E") center/contain no-repeat}
 :is(.cc-page,.tut-page) #hd-header .hd-burger{border:1px solid #54505f!important;flex-direction:column;gap:6px}
 :is(.cc-page,.tut-page) #hd-header .hd-burger span{display:block;width:18px;height:1px;background:#dcd6e6}
}
@media(max-width:359px){:is(.cc-page,.tut-page) #hd-header .hd-bar{padding-inline:12px;gap:4px}:is(.cc-page,.tut-page) #hd-header .hd-word{font-size:.76rem}:is(.cc-page,.tut-page) #hd-header .hd-brand{gap:5px}:is(.cc-page,.tut-page) #hd-header .hd-logo{width:24px;height:24px}}