.navigation-toggle{display:none}
.header{position:sticky;top:0;z-index:40}
.header>*{min-width:0}
#insane-auth-slot{width:250px}
#insane-auth-slot .ii-auth-widget{font-family:inherit}
@media(max-width:1100px){#insane-auth-slot{width:210px}}
@media(max-width:720px){
  .header{grid-template-columns:minmax(0,1fr) auto 44px;align-items:center;gap:10px;padding:14px 5%}
  .header .brand{font-size:.8rem;letter-spacing:.16em;gap:8px;white-space:nowrap}
  .header .brand-mark{font-size:1.2rem}
  .navigation-toggle{grid-column:2;grid-row:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid #bda5ee44;background:#141524;color:var(--ink);border-radius:16px;font:inherit;font-size:.9rem;cursor:pointer}
  .navigation-toggle[aria-expanded=true]{background:#272039;border-color:#bda5ee}
  .header nav{display:none;grid-row:2;grid-column:1/-1;padding:10px 0 0;margin:0;width:100%;gap:5px;font-size:1rem}
  .header.navigation-open nav{display:grid;grid-template-columns:1fr 1fr}
  .header nav a,.header .nav-explore{display:flex;align-items:center;min-height:48px;padding:10px 12px;margin:0;border:0;border-radius:12px;background:#bda5ee09;overflow-wrap:anywhere}
  .header nav a:hover{background:#bda5ee1a}
  #insane-auth-slot,.header .account-trigger{grid-column:3;grid-row:1;width:44px;max-width:44px}
  #insane-auth-slot .ii-auth-trigger{width:44px;height:44px;min-height:44px;padding:4px;display:flex;justify-content:center;border-radius:50%}
  #insane-auth-slot .ii-auth-avatar{width:34px;height:34px;flex-shrink:0}
  #insane-auth-slot .ii-auth-trigger .ii-auth-copy{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
  #insane-auth-slot .ii-auth-dropdown{width:min(290px,calc(100vw - 48px));max-height:calc(100dvh - 90px);overflow-y:auto}
  #insane-auth-slot .ii-auth-dropdown__identity{display:grid}
  #insane-auth-slot[role=status]{font-size:.6rem;overflow-wrap:anywhere}
  .header .account-trigger{padding:6px;min-height:44px;justify-content:center}
  .header .account-trigger>span:last-child{display:none}
  .page-lead{padding-top:35px}
  .article-layout{gap:25px}
}
@media(max-width:360px){.header{gap:7px}.header .brand{font-size:.74rem;letter-spacing:.1em}.navigation-toggle{padding:8px 10px}.hero h1{font-size:2.65rem}}