body.home-mode {
  --home-shell-max: 100%;
  --home-section-max: 100%;
  --home-grid-max: 1320px;
  --home-gap: 28px;
}

body.home-mode .main-content {
  min-height: min-content !important;
  height: auto !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

body.home-mode .main-content::-webkit-scrollbar,
html::-webkit-scrollbar,
body::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
  background: transparent !important;
}

body.home-mode .page-header {
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: min(var(--home-shell-max), calc(100vw - 32px)) !important;
  padding: 14px 10px !important;
}

body.home-mode .alive-home {
  width: min(var(--home-shell-max), calc(100vw - 32px)) !important;
  max-width: none !important;
  margin: 0 auto !important;
  padding: 16px 0 24px !important;
  align-items: stretch !important;
}

body.home-mode .alive-home > * {
  position: relative;
  z-index: 1;
}

body.home-mode .alive-home .an-hero {
  display: none !important;
}

body.home-mode .alive-home .an-dashboard-grid,
body.home-mode .alive-home .an-home-dashboard-shell,
body.home-mode .alive-home .an-insight-card,
body.home-mode .alive-home .an-time-dist,
body.home-mode .alive-home .an-today-section,
body.home-mode .alive-home details.an-accordion,
body.home-mode .alive-home .an-projection,
body.home-mode .alive-home .an-reflection,
body.home-mode .alive-home .an-footer,
body.home-mode .am-home-shell {
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.home-mode .alive-home .an-insight-card,
body.home-mode .alive-home .an-time-dist,
body.home-mode .alive-home .an-today-section,
body.home-mode .alive-home details.an-accordion,
body.home-mode .alive-home .an-home-dashboard-shell,
body.home-mode .alive-home .an-projection,
body.home-mode .alive-home .an-reflection,
body.home-mode .alive-home .an-footer,
body.home-mode .am-home-shell {
  max-width: var(--home-section-max) !important;
}

body.home-mode .alive-home .an-dashboard-grid {
  margin-bottom: 28px !important;
}

body.home-mode .alive-home .an-home-dashboard-shell {
  display: grid !important;
  gap: 18px !important;
  margin-bottom: 28px !important;
}

body.home-mode .alive-home .an-home-dashboard-shell > .an-dashboard-grid,
body.home-mode .alive-home .an-home-dashboard-shell > .an-insight-card,
body.home-mode .alive-home .an-home-dashboard-shell > .an-time-dist,
body.home-mode .alive-home .an-home-dashboard-shell > .an-today-section,
body.home-mode .alive-home .an-home-dashboard-shell > .an-accordion,
body.home-mode .alive-home .an-home-dashboard-shell > .an-projection {
  grid-column: 1 / -1 !important;
}

body.home-mode .alive-home .an-dash-col-left,
body.home-mode .alive-home .an-dash-col-center,
body.home-mode .alive-home .an-dash-col-right {
  width: 100% !important;
  max-width: none !important;
  align-items: stretch !important;
  gap: 16px !important;
}

body.home-mode .alive-home .aw-container,
body.home-mode .alive-home .an-news-container,
body.home-mode .alive-home .an-score-section {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

body.home-mode .alive-home .an-journeys-grid {
  width: 100% !important;
  max-width: var(--home-section-max) !important;
  margin: 12px auto 0 !important;
}

@media (min-width: 1200px) {
  body.home-mode .alive-home .an-home-dashboard-shell {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
    max-width: 1280px !important;
    margin: 0 auto 32px !important;
    padding: 22px !important;
    border-radius: 32px !important;
    background: linear-gradient(180deg, rgba(20, 21, 27, 0.96) 0%, rgba(14, 16, 22, 0.9) 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 32px 88px rgba(0, 0, 0, 0.34) !important;
  }

  body.home-mode .alive-home .an-dashboard-grid {
    display: grid !important;
    grid-template-columns: minmax(280px, 320px) minmax(420px, 1fr) minmax(280px, 320px) !important;
    justify-content: stretch !important;
    align-items: stretch !important;
    gap: 18px !important;
    grid-column: 1 / -1 !important;
    max-width: none !important;
    margin: 0 !important;
    min-height: 620px !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body.home-mode .alive-home .an-dash-col-left {
    display: grid !important;
    grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
    padding-top: 0 !important;
    justify-content: stretch !important;
    align-self: stretch !important;
  }

  body.home-mode .alive-home .an-dash-col-center {
    justify-content: center !important;
    align-self: stretch !important;
    padding-top: 0 !important;
  }

  body.home-mode .alive-home .an-dash-col-right {
    justify-content: stretch !important;
    align-self: stretch !important;
    padding-top: 0 !important;
  }

  body.home-mode .alive-home .an-learning-section {
    grid-column: 1 / -1 !important;
    margin: 0 !important;
  }

  body.home-mode .alive-home .an-news-container {
    min-height: 100% !important;
  }

  body.home-mode .alive-home .an-mini-stats {
    width: 100% !important;
    gap: 10px !important;
    padding: 16px !important;
  }

  body.home-mode .alive-home .an-journeys-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }
}

@media (min-width: 900px) and (max-width: 1199px) {
  body.home-mode .alive-home .an-home-dashboard-shell {
    display: grid !important;
    gap: 18px !important;
    max-width: 980px !important;
    margin: 0 auto 26px !important;
    padding: 18px !important;
    background: linear-gradient(180deg, rgba(20, 21, 27, 0.92) 0%, rgba(14, 16, 22, 0.84) 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.07) !important;
    border-radius: 28px !important;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.26) !important;
  }

  body.home-mode .alive-home .an-dashboard-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  body.home-mode .alive-home .an-dash-col-center {
    grid-column: 1 / -1 !important;
    max-width: 560px !important;
    justify-self: center !important;
    padding-top: 0 !important;
  }

  body.home-mode .alive-home .an-dash-col-left,
  body.home-mode .alive-home .an-dash-col-right {
    padding-top: 0 !important;
  }

  body.home-mode .alive-home .an-learning-section {
    grid-column: 1 / -1 !important;
    margin: 0 !important;
  }

  body.home-mode .alive-home .an-journeys-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
}

@media (max-width: 899px) {
  body.home-mode .page-header {
    width: calc(100vw - 20px) !important;
    padding: 12px 10px !important;
  }

  body.home-mode .alive-home {
    width: calc(100vw - 20px) !important;
    padding: 56px 0 36px !important;
  }

  body.home-mode .alive-home .an-dashboard-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body.home-mode .alive-home .an-home-dashboard-shell {
    gap: 16px !important;
    margin: 0 auto 22px !important;
  }

  body.home-mode .alive-home .an-dash-col-left,
  body.home-mode .alive-home .an-dash-col-center,
  body.home-mode .alive-home .an-dash-col-right {
    padding-top: 0 !important;
  }

  body.home-mode .alive-home .an-journeys-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
}