.hl-mobile-only { display: none; }
.hl-vaults-mob-only { display: none; }

/* vault — mobile (max-width: 640px) */
@media (max-width: 640px) {
  #hl-view-vault [data-hl="2"] { padding-top: 16px !important; padding-bottom: 0px !important; position: relative !important; max-width: 100vw !important; overflow: auto !important; margin-top: -4px !important; }
  #hl-view-vault [data-hl="4"] { display: flex !important; flex-direction: column !important; gap: 8px !important; margin-top: -16px !important; }
  #hl-view-vault [data-hl="5"] { margin-bottom: 16px !important; display: grid !important; grid-template-columns: 1fr !important; align-items: center !important; }
  #hl-view-vault [data-hl="6"] { display: flex !important; flex-direction: column !important; gap: 8px !important; }
  #hl-view-vault [data-hl="7"] { display: flex !important; flex-direction: row !important; gap: 1px !important; align-items: center !important; }
  #hl-view-vault [data-hl="8"] { display: block !important; }
  #hl-view-vault [data-hl="10"] { display: block !important; }
  #hl-view-vault [data-hl="11"] { display: block !important; }
  #hl-view-vault [data-hl="12"] { display: flex !important; flex-direction: row !important; align-items: center !important; }
  #hl-view-vault [data-hl="13"] { display: block !important; }
  #hl-view-vault [data-hl="14"] { display: block !important; }
  #hl-view-vault [data-hl="16"] { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; }
  #hl-view-vault [data-hl="19"] { display: grid !important; grid-template-columns: repeat(2,1fr) !important; gap: 8px !important; }
  #hl-view-vault [data-hl="21"] { display: flex !important; flex-direction: column !important; gap: 12px !important; }
  #hl-view-vault [data-hl="22"] { display: block !important; }
  #hl-view-vault [data-hl="23"] { display: block !important; }
  #hl-view-vault [data-hl="25"] { display: flex !important; flex-direction: column !important; gap: 12px !important; }
  #hl-view-vault [data-hl="26"] { display: block !important; }
  #hl-view-vault [data-hl="27"] { display: inline-block !important; }
  #hl-view-vault [data-hl="28"] { display: block !important; }
  #hl-view-vault [data-hl="29"] { display: flex !important; flex-direction: row !important; gap: 10px !important; align-items: center !important; }
  #hl-view-vault [data-hl="30"] { display: block !important; }
  #hl-view-vault [data-hl="32"] { display: block !important; }
  #hl-view-vault [data-hl="34"] { display: flex !important; flex-direction: column !important; gap: 12px !important; }
  #hl-view-vault [data-hl="35"] { display: block !important; }
  #hl-view-vault [data-hl="36"] { display: block !important; }
  #hl-view-vault [data-hl="38"] { display: flex !important; flex-direction: column !important; gap: 12px !important; }
  #hl-view-vault [data-hl="39"] { display: block !important; }
  #hl-view-vault [data-hl="40"] { display: block !important; }
  #hl-view-vault [data-hl="41"] { display: flex !important; flex-direction: column !important; gap: 5px !important; }
  #hl-view-vault [data-hl="42"] { display: grid !important; grid-template-columns: 1fr !important; gap: 8px !important; }
  #hl-view-vault [data-hl="43"] { border-radius: 10px !important; }
  #hl-view-vault [data-hl="50"] { padding: 12px !important; }
  #hl-view-vault [data-hl="51"] { display: grid !important; grid-template-columns: auto !important; gap: 10px !important; align-items: center !important; }
  #hl-view-vault [data-hl="52"] { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; }
  #hl-view-vault [data-hl="53"] { display: block !important; }
  #hl-view-vault [data-hl="54"] { display: block !important; }
  #hl-view-vault [data-hl="55"] { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; }
  #hl-view-vault [data-hl="56"] { display: block !important; }
  #hl-view-vault [data-hl="57"] { display: block !important; }
  #hl-view-vault [data-hl="58"] { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; }
  #hl-view-vault [data-hl="59"] { display: block !important; }
  #hl-view-vault [data-hl="60"] { display: block !important; }
  #hl-view-vault [data-hl="61"] { border-radius: 10px !important; }
  #hl-view-vault [data-hl="73"] { width: 99% !important; height: 99% !important; min-width: 0px !important; }
  #hl-view-vault [data-hl="74"] { position: relative !important; width: 100% !important; height: 100% !important; max-width: 378px !important; }
  #hl-view-vault [data-hl="76"] { border-radius: 10px !important; padding-bottom: 8px !important; }
  #hl-view-vault [data-hl="87"] { padding: 0px 10px !important; }
  #hl-view-vault [data-hl="88"] { display: flex !important; flex-direction: column !important; }
  #hl-view-vault [data-hl="89"] { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; }
  #hl-view-vault [data-hl="92"] { display: flex !important; flex-direction: row !important; gap: 12px !important; align-items: center !important; }
  #hl-view-vault [data-hl="105"] { display: block !important; }
  #hl-view-vault [data-hl="107"] { display: inline-block !important; }
  #hl-view-vault [data-hl="112"] { display: grid !important; grid-template-columns: repeat(6,1fr) 16px !important; gap: 12px !important; align-items: start !important; justify-content: center !important; }
  #hl-view-vault [data-hl="121"] { display: block !important; }
  #hl-view-vault [data-hl="122"] { display: block !important; }
  #hl-view-vault [data-hl="124"] { display: inline-block !important; }
  #hl-view-vault [data-hl="128"] { display: grid !important; grid-template-columns: 1fr 16px !important; gap: 12px !important; align-items: center !important; }
  #hl-view-vault [data-hl="139"] { display: block !important; }
  #hl-view-vault [data-hl="141"] { display: inline-block !important; }
  #hl-view-vault [data-hl="146"] { display: grid !important; grid-template-columns: repeat(6,1fr) 16px !important; gap: 12px !important; align-items: start !important; justify-content: center !important; }
  #hl-view-vault [data-hl="156"] { display: block !important; }
  #hl-view-vault [data-hl="162"] { display: grid !important; grid-template-columns: 1fr 16px !important; gap: 12px !important; align-items: center !important; }
  #hl-view-vault [data-hl="172"] { display: block !important; }

  .hl-desktop-nav { display: none !important; }
}

/* vault — tablet (max-width: 1024px) */
@media (max-width: 1024px) {
  #hl-view-vault [data-hl="2"] { padding-top: 16px !important; padding-bottom: 0px !important; position: relative !important; max-width: 100vw !important; overflow: auto !important; margin-top: -4px !important; }
  #hl-view-vault [data-hl="4"] { display: flex !important; flex-direction: column !important; gap: 8px !important; margin-top: -16px !important; }
  #hl-view-vault [data-hl="5"] { margin-bottom: 16px !important; display: grid !important; grid-template-columns: 1fr !important; align-items: center !important; }
  #hl-view-vault [data-hl="6"] { display: flex !important; flex-direction: column !important; gap: 8px !important; }
  #hl-view-vault [data-hl="7"] { display: flex !important; flex-direction: row !important; gap: 1px !important; align-items: center !important; }
  #hl-view-vault [data-hl="8"] { display: block !important; }
  #hl-view-vault [data-hl="10"] { display: block !important; }
  #hl-view-vault [data-hl="11"] { display: block !important; }
  #hl-view-vault [data-hl="12"] { display: flex !important; flex-direction: row !important; align-items: center !important; }
  #hl-view-vault [data-hl="13"] { display: block !important; }
  #hl-view-vault [data-hl="14"] { display: block !important; }
  #hl-view-vault [data-hl="16"] { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; }
  #hl-view-vault [data-hl="19"] { display: grid !important; grid-template-columns: repeat(2,1fr) !important; gap: 8px !important; }
  #hl-view-vault [data-hl="21"] { display: flex !important; flex-direction: column !important; gap: 12px !important; }
  #hl-view-vault [data-hl="22"] { display: block !important; }
  #hl-view-vault [data-hl="23"] { display: block !important; }
  #hl-view-vault [data-hl="25"] { display: flex !important; flex-direction: column !important; gap: 12px !important; }
  #hl-view-vault [data-hl="26"] { display: block !important; }
  #hl-view-vault [data-hl="27"] { display: inline-block !important; }
  #hl-view-vault [data-hl="28"] { display: block !important; }
  #hl-view-vault [data-hl="29"] { display: flex !important; flex-direction: row !important; gap: 10px !important; align-items: center !important; }
  #hl-view-vault [data-hl="30"] { display: block !important; }
  #hl-view-vault [data-hl="32"] { display: block !important; }
  #hl-view-vault [data-hl="34"] { display: flex !important; flex-direction: column !important; gap: 12px !important; }
  #hl-view-vault [data-hl="35"] { display: block !important; }
  #hl-view-vault [data-hl="36"] { display: block !important; }
  #hl-view-vault [data-hl="38"] { display: flex !important; flex-direction: column !important; gap: 12px !important; }
  #hl-view-vault [data-hl="39"] { display: block !important; }
  #hl-view-vault [data-hl="40"] { display: block !important; }
  #hl-view-vault [data-hl="41"] { display: flex !important; flex-direction: column !important; gap: 5px !important; }
  #hl-view-vault [data-hl="42"] { display: grid !important; grid-template-columns: 1fr !important; gap: 8px !important; }
  #hl-view-vault [data-hl="43"] { border-radius: 10px !important; }
  #hl-view-vault [data-hl="50"] { padding: 12px !important; }
  #hl-view-vault [data-hl="51"] { display: grid !important; grid-template-columns: auto !important; gap: 10px !important; align-items: center !important; }
  #hl-view-vault [data-hl="52"] { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; }
  #hl-view-vault [data-hl="53"] { display: block !important; }
  #hl-view-vault [data-hl="54"] { display: block !important; }
  #hl-view-vault [data-hl="55"] { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; }
  #hl-view-vault [data-hl="56"] { display: block !important; }
  #hl-view-vault [data-hl="57"] { display: block !important; }
  #hl-view-vault [data-hl="58"] { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; }
  #hl-view-vault [data-hl="59"] { display: block !important; }
  #hl-view-vault [data-hl="60"] { display: block !important; }
  #hl-view-vault [data-hl="61"] { border-radius: 10px !important; }
  #hl-view-vault [data-hl="73"] { width: 99% !important; height: 99% !important; min-width: 0px !important; }
  #hl-view-vault [data-hl="74"] { position: relative !important; width: 100% !important; height: 100% !important; max-width: 713px !important; }
  #hl-view-vault [data-hl="76"] { border-radius: 10px !important; padding-bottom: 8px !important; }
  #hl-view-vault [data-hl="87"] { padding: 0px 10px !important; }
  #hl-view-vault [data-hl="88"] { display: flex !important; flex-direction: column !important; }
  #hl-view-vault [data-hl="89"] { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; }
  #hl-view-vault [data-hl="92"] { display: flex !important; flex-direction: row !important; gap: 12px !important; align-items: center !important; }
  #hl-view-vault [data-hl="105"] { display: block !important; }
  #hl-view-vault [data-hl="107"] { display: inline-block !important; }
  #hl-view-vault [data-hl="112"] { display: grid !important; grid-template-columns: repeat(6,1fr) 16px !important; gap: 12px !important; align-items: start !important; justify-content: center !important; }
  #hl-view-vault [data-hl="121"] { display: block !important; }
  #hl-view-vault [data-hl="122"] { display: block !important; }
  #hl-view-vault [data-hl="124"] { display: inline-block !important; }
  #hl-view-vault [data-hl="128"] { display: grid !important; grid-template-columns: 1fr 16px !important; gap: 12px !important; align-items: center !important; }
  #hl-view-vault [data-hl="139"] { display: block !important; }
  #hl-view-vault [data-hl="141"] { display: inline-block !important; }
  #hl-view-vault [data-hl="146"] { display: grid !important; grid-template-columns: repeat(6,1fr) 16px !important; gap: 12px !important; align-items: start !important; justify-content: center !important; }
  #hl-view-vault [data-hl="156"] { display: block !important; }
  #hl-view-vault [data-hl="162"] { display: grid !important; grid-template-columns: 1fr 16px !important; gap: 12px !important; align-items: center !important; }
  #hl-view-vault [data-hl="172"] { display: block !important; }

  .hl-desktop-nav { display: none !important; }
}

/* portfolio — mobile (max-width: 640px) */
@media (max-width: 640px) {
  #hl-view-portfolio [data-hl="2"] { padding-top: 16px !important; padding-bottom: 0px !important; position: relative !important; max-width: 100vw !important; overflow: auto !important; margin-top: -4px !important; }
  #hl-view-portfolio [data-hl="4"] { display: flex !important; flex-direction: column !important; gap: 8px !important; }
  #hl-view-portfolio [data-hl="5"] { margin-bottom: 16px !important; display: grid !important; grid-template-columns: 1fr !important; gap: 8px !important; align-items: start !important; justify-content: space-between !important; }
  #hl-view-portfolio [data-hl="6"] { display: flex !important; flex-direction: column !important; gap: 8px !important; }
  #hl-view-portfolio [data-hl="7"] { display: block !important; }
  #hl-view-portfolio [data-hl="8"] { display: flex !important; flex-flow: wrap !important; gap: 8px !important; }
  #hl-view-portfolio [data-hl="15"] { display: flex !important; flex-direction: row !important; gap: 4px !important; align-items: center !important; }
  #hl-view-portfolio [data-hl="18"] { display: flex !important; flex-direction: row !important; gap: 4px !important; align-items: center !important; }
  #hl-view-portfolio [data-hl="27"] { display: grid !important; grid-template-columns: 1fr !important; gap: 8px !important; }
  #hl-view-portfolio [data-hl="28"] { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; }
  #hl-view-portfolio [data-hl="31"] { display: block !important; }
  #hl-view-portfolio [data-hl="32"] { display: block !important; }
  #hl-view-portfolio [data-hl="34"] { padding: 12px !important; border-radius: 10px !important; }
  #hl-view-portfolio [data-hl="36"] { position: relative !important; }
  #hl-view-portfolio [data-hl="37"] { display: block !important; }
  #hl-view-portfolio [data-hl="41"] { display: block !important; }
  #hl-view-portfolio [data-hl="43"] { border-radius: 10px !important; }
  #hl-view-portfolio [data-hl="44"] { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; }
  #hl-view-portfolio [data-hl="52"] { padding: 12px !important; }
  #hl-view-portfolio [data-hl="53"] { display: grid !important; grid-template-columns: auto !important; gap: 10px !important; align-items: center !important; }
  #hl-view-portfolio [data-hl="54"] { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; }
  #hl-view-portfolio [data-hl="55"] { display: block !important; }
  #hl-view-portfolio [data-hl="56"] { display: block !important; }
  #hl-view-portfolio [data-hl="57"] { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; }
  #hl-view-portfolio [data-hl="58"] { display: block !important; }
  #hl-view-portfolio [data-hl="59"] { display: inline-block !important; }
  #hl-view-portfolio [data-hl="60"] { display: block !important; }
  #hl-view-portfolio [data-hl="61"] { display: block !important; }
  #hl-view-portfolio [data-hl="62"] { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; }
  #hl-view-portfolio [data-hl="63"] { display: block !important; }
  #hl-view-portfolio [data-hl="64"] { display: block !important; }
  #hl-view-portfolio [data-hl="65"] { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; }
  #hl-view-portfolio [data-hl="66"] { display: block !important; }
  #hl-view-portfolio [data-hl="67"] { display: block !important; }
  #hl-view-portfolio [data-hl="68"] { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; }
  #hl-view-portfolio [data-hl="69"] { display: block !important; }
  #hl-view-portfolio [data-hl="70"] { display: block !important; }
  #hl-view-portfolio [data-hl="71"] { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; }
  #hl-view-portfolio [data-hl="72"] { display: block !important; }
  #hl-view-portfolio [data-hl="73"] { display: block !important; }
  #hl-view-portfolio [data-hl="74"] { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; }
  #hl-view-portfolio [data-hl="75"] { display: block !important; }
  #hl-view-portfolio [data-hl="76"] { display: block !important; }
  #hl-view-portfolio [data-hl="77"] { border-radius: 10px !important; }
  #hl-view-portfolio [data-hl="78"] { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; }
  #hl-view-portfolio [data-hl="89"] { padding: 12px !important; }
  #hl-view-portfolio [data-hl="91"] { width: 99% !important; height: 99% !important; min-width: 0px !important; }
  #hl-view-portfolio [data-hl="92"] { position: relative !important; width: 100% !important; height: 100% !important; max-width: 315px !important; }
  #hl-view-portfolio [data-hl="94"] { border-radius: 10px !important; padding-bottom: 8px !important; }
  #hl-view-portfolio [data-hl="107"] { padding: 0px 10px !important; }
  #hl-view-portfolio [data-hl="108"] { display: flex !important; flex-direction: column !important; }
  #hl-view-portfolio [data-hl="109"] { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; }
  #hl-view-portfolio [data-hl="112"] { display: flex !important; flex-direction: row !important; gap: 12px !important; align-items: center !important; }
  #hl-view-portfolio [data-hl="113"] { display: block !important; }
  #hl-view-portfolio [data-hl="114"] { display: block !important; }

  .hl-desktop-nav { display: none !important; }
}

/* portfolio — tablet (max-width: 1024px) */
@media (max-width: 1024px) {
  #hl-view-portfolio [data-hl="2"] { padding-top: 16px !important; padding-bottom: 0px !important; position: relative !important; max-width: 100vw !important; overflow: auto !important; margin-top: -4px !important; }
  #hl-view-portfolio [data-hl="4"] { display: flex !important; flex-direction: column !important; gap: 8px !important; }
  #hl-view-portfolio [data-hl="5"] { margin-bottom: 16px !important; display: grid !important; grid-template-columns: 1fr !important; gap: 8px !important; align-items: start !important; justify-content: space-between !important; }
  #hl-view-portfolio [data-hl="6"] { display: flex !important; flex-direction: column !important; gap: 8px !important; }
  #hl-view-portfolio [data-hl="7"] { display: block !important; }
  #hl-view-portfolio [data-hl="8"] { display: flex !important; flex-flow: wrap !important; gap: 8px !important; }
  #hl-view-portfolio [data-hl="15"] { display: flex !important; flex-direction: row !important; gap: 4px !important; align-items: center !important; }
  #hl-view-portfolio [data-hl="18"] { display: flex !important; flex-direction: row !important; gap: 4px !important; align-items: center !important; }
  #hl-view-portfolio [data-hl="27"] { display: grid !important; grid-template-columns: 1fr !important; gap: 8px !important; }
  #hl-view-portfolio [data-hl="28"] { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 8px !important; }
  #hl-view-portfolio [data-hl="31"] { display: block !important; }
  #hl-view-portfolio [data-hl="32"] { display: block !important; }
  #hl-view-portfolio [data-hl="34"] { padding: 12px !important; border-radius: 10px !important; }
  #hl-view-portfolio [data-hl="36"] { position: relative !important; }
  #hl-view-portfolio [data-hl="37"] { display: block !important; }
  #hl-view-portfolio [data-hl="41"] { display: block !important; }
  #hl-view-portfolio [data-hl="43"] { border-radius: 10px !important; }
  #hl-view-portfolio [data-hl="44"] { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; }
  #hl-view-portfolio [data-hl="52"] { padding: 12px !important; }
  #hl-view-portfolio [data-hl="53"] { display: grid !important; grid-template-columns: auto !important; gap: 10px !important; align-items: center !important; }
  #hl-view-portfolio [data-hl="54"] { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; }
  #hl-view-portfolio [data-hl="55"] { display: block !important; }
  #hl-view-portfolio [data-hl="56"] { display: block !important; }
  #hl-view-portfolio [data-hl="57"] { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; }
  #hl-view-portfolio [data-hl="58"] { display: block !important; }
  #hl-view-portfolio [data-hl="59"] { display: inline-block !important; }
  #hl-view-portfolio [data-hl="60"] { display: block !important; }
  #hl-view-portfolio [data-hl="61"] { display: block !important; }
  #hl-view-portfolio [data-hl="62"] { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; }
  #hl-view-portfolio [data-hl="63"] { display: block !important; }
  #hl-view-portfolio [data-hl="64"] { display: block !important; }
  #hl-view-portfolio [data-hl="65"] { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; }
  #hl-view-portfolio [data-hl="66"] { display: block !important; }
  #hl-view-portfolio [data-hl="67"] { display: block !important; }
  #hl-view-portfolio [data-hl="68"] { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; }
  #hl-view-portfolio [data-hl="69"] { display: block !important; }
  #hl-view-portfolio [data-hl="70"] { display: block !important; }
  #hl-view-portfolio [data-hl="71"] { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; }
  #hl-view-portfolio [data-hl="72"] { display: block !important; }
  #hl-view-portfolio [data-hl="73"] { display: block !important; }
  #hl-view-portfolio [data-hl="74"] { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; }
  #hl-view-portfolio [data-hl="75"] { display: block !important; }
  #hl-view-portfolio [data-hl="76"] { display: block !important; }
  #hl-view-portfolio [data-hl="77"] { border-radius: 10px !important; }
  #hl-view-portfolio [data-hl="78"] { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; }
  #hl-view-portfolio [data-hl="89"] { padding: 12px !important; }
  #hl-view-portfolio [data-hl="91"] { width: 99% !important; height: 99% !important; min-width: 0px !important; }
  #hl-view-portfolio [data-hl="92"] { position: relative !important; width: 100% !important; height: 100% !important; max-width: 689px !important; }
  #hl-view-portfolio [data-hl="94"] { border-radius: 10px !important; padding-bottom: 8px !important; }
  #hl-view-portfolio [data-hl="107"] { padding: 0px 10px !important; }
  #hl-view-portfolio [data-hl="108"] { display: flex !important; flex-direction: column !important; }
  #hl-view-portfolio [data-hl="109"] { display: flex !important; flex-direction: row !important; justify-content: space-between !important; align-items: center !important; }
  #hl-view-portfolio [data-hl="112"] { display: flex !important; flex-direction: row !important; gap: 12px !important; align-items: center !important; }
  #hl-view-portfolio [data-hl="113"] { display: block !important; }
  #hl-view-portfolio [data-hl="114"] { display: block !important; }

  .hl-desktop-nav { display: none !important; }
}