/* Chỉ áp dụng trang chủ đã có lớp cl-home. */
html.cl-home .content-app{
  max-width:1440px;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:20px!important;
  padding-right:20px!important;
  box-sizing:border-box;
}
html.cl-home #cl-home-start{
  margin:0 0 24px!important;
  padding:26px!important;
  border:1px solid var(--cu-border,#d1e2f2);
  border-radius:16px;
  box-shadow:0 5px 20px #173b5b08;
}
html.cl-home #cl-home-start h1{
  font-size:28px;
  line-height:1.4;
  margin-bottom:10px;
}
html.cl-home .cl-search-form{
  gap:10px;
  align-items:center;
}
html.cl-home .cl-search-form input{
  min-height:46px;
  box-sizing:border-box;
}
html.cl-home .cl-search-form button{
  min-height:46px;
}
html.cl-home .cl-start-actions{
  margin-top:14px;
  gap:10px;
}
html.cl-home .announcement{
  display:grid!important;
  grid-template-columns:minmax(0,3fr) minmax(240px,1fr);
  gap:24px;
  align-items:start;
  margin:0!important;
}
html.cl-home .announcement>.ivu-col{
  width:auto!important;
  max-width:100%!important;
  min-width:0;
  padding:0!important;
  float:none!important;
}
html.cl-home .cl-home-main{
  display:flex!important;
  flex-direction:column;
  gap:24px;
}
html.cl-home .cl-home-learning{
  order:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);
  gap:20px;
  margin:0!important;
  align-items:start;
}
html.cl-home .cl-home-learning>.ivu-col{
  width:auto!important;
  max-width:100%!important;
  min-width:0;
  padding:0!important;
}
html.cl-home .cl-home-learning .ivu-card{
  margin-top:0!important;
  margin-bottom:0!important;
}
html.cl-home .cl-announcements{
  order:1!important;
  margin:0!important;
}
html.cl-home .announcement .ivu-card{
  border:1px solid var(--cu-border,#d1e2f2);
  border-radius:14px;
  box-shadow:0 4px 16px #173b5b08;
}
html.cl-home .announcement .ivu-card-head{
  padding:16px 18px;
  border-bottom:1px solid var(--cu-border,#d1e2f2);
}
html.cl-home .announcement .ivu-card-body{
  padding:18px;
}
html.cl-home .cl-home-learning li{
  padding:5px 0;
  line-height:1.6;
}
html.cl-home .cl-home-learning a{
  text-underline-offset:3px;
}
html.cl-home .cl-home-learning a:hover{
  text-decoration:underline;
}
html.cl-home .announcement>.ivu-col-span-5{
  display:flex;
  flex-direction:column;
  gap:20px;
}
html.cl-home .announcement>.ivu-col-span-5>.ivu-card{
  margin:0!important;
}
html.cl-home .cl-announcements .announcements-container>li{
  padding-top:12px;
  padding-bottom:12px;
}
@media(max-width:1100px){
  html.cl-home .announcement{
    grid-template-columns:minmax(0,1fr);
  }
  html.cl-home .announcement>.ivu-col-span-19{
    order:0;
  }
  html.cl-home .announcement>.ivu-col-span-5{
    order:1;
  }
}
@media(max-width:700px){
  html.cl-home .content-app{
    padding-left:12px!important;
    padding-right:12px!important;
  }
  html.cl-home #cl-home-start{
    padding:18px!important;
  }
  html.cl-home #cl-home-start h1{
    font-size:23px;
  }
  html.cl-home .cl-home-learning{
    grid-template-columns:minmax(0,1fr);
    gap:16px;
  }
  html.cl-home .cl-search-form input{
    flex-basis:100%;
    width:100%;
    min-width:0;
  }
  html.cl-home .cl-search-form button{
    width:100%;
  }
  html.cl-home .cl-start-actions a{
    min-height:42px;
    box-sizing:border-box;
  }
}

/* Thông báo trước, bài tập và phân loại sau. */
html.cl-home .cl-home-main > .cl-announcements{
  order:0!important;
}
html.cl-home .cl-home-main > .cl-home-learning{
  order:1!important;
}