/* Gia Sư SV UX refinements — 2026-10-05
 * Keep learning actions visible sooner on mobile/desktop and remove the
 * technical "Linh vật & hiệu ứng" setting from the student-facing UI.
 */
.page-id-4017 .gssv-study.gsv-teen{
  max-width:1180px;
  margin:22px auto 36px;
}
.page-id-4017 .gssv-study .gsv-effects{display:none!important}
.page-id-4017 .gsv-teen .gsv-welcome{
  min-height:0!important;
  grid-template-columns:minmax(0,1.45fr) minmax(150px,.55fr)!important;
  gap:18px!important;
  padding:22px 26px!important;
  border-radius:20px!important;
}
.page-id-4017 .gsv-teen .gsv-welcome h1{
  font-size:clamp(28px,3.2vw,40px)!important;
  line-height:1.14!important;
  margin:7px 0 10px!important;
}
.page-id-4017 .gsv-teen .gsv-welcome .gsv-eyebrow{margin-bottom:4px!important}
.page-id-4017 .gsv-teen .gsv-hero-links{margin:12px 0 0!important}
.page-id-4017 .gsv-teen .gsv-perks{display:none!important}
.page-id-4017 .gsv-teen .gsv-buddy-scene{
  max-width:210px!important;
  min-height:185px!important;
  justify-self:center!important;
  position:relative;
  right:16px;
}
.page-id-4017 .gsv-teen .gsv-buddy-scene img{
  width:128px!important;
  height:138px!important;
}
.page-id-4017 .gsv-name-inline{
  padding:12px 14px!important;
  margin:12px 0!important;
}
.page-id-4017 .gsv-name-inline>div>p{display:none!important}
.page-id-4017 .gsv-name-inline label{font-size:15px!important}
.page-id-4017 .gsv-paths{margin:10px 0 16px!important}
.page-id-4017 .gsv-learning-guide{
  padding:12px 16px!important;
  margin:10px 0 12px!important;
  font-size:14px!important;
  line-height:1.55!important;
}
.page-id-4017 .gsv-chapter-book{margin:10px 0!important;border-radius:14px!important}
.page-id-4017 .gsv-chapter-book>summary{padding:15px 16px!important}
.page-id-4017 .gsv-chapter-book strong{font-size:18px!important}
.page-id-4017 .gsv-lesson-row{padding:14px 16px!important;gap:16px!important}
.page-id-4017 .gsv-lesson-row h3{font-size:16px!important}
.page-id-4017 .gsv-lesson-row p{margin-top:5px!important;font-size:13px!important}
.page-id-4017 .gsv-extra-practice{margin-top:28px!important}
.page-id-4017 .gsv-study-guide{
  max-width:1180px!important;
  margin:18px auto!important;
  padding:16px 18px!important;
}
@media(max-width:700px){
  .page-id-4017 .gssv-study.gsv-teen{margin:10px auto 24px}
  .page-id-4017 .gsv-teen .gsv-welcome{
    grid-template-columns:minmax(0,1fr) 104px!important;
    padding:16px!important;
    gap:10px!important;
  }
  .page-id-4017 .gsv-teen .gsv-welcome h1{font-size:27px!important}
  .page-id-4017 .gsv-teen .gsv-welcome .gsv-hero-copy>p:not(.gsv-eyebrow):not(.gsv-greeting){font-size:14px!important;line-height:1.5!important}
  .page-id-4017 .gsv-teen .gsv-buddy-scene{
    width:104px!important;
    min-height:120px!important;
    right:0;
  }
  .page-id-4017 .gsv-teen .gsv-buddy-scene img{
    width:92px!important;
    height:100px!important;
  }
  .page-id-4017 .gsv-buddy-bubble{display:none!important}
  .page-id-4017 .gsv-name-heart{display:none!important}
  .page-id-4017 .gsv-name-inline{display:block!important}
  .page-id-4017 .gsv-inline-fields{gap:6px!important}
  .page-id-4017 .gsv-paths small{display:none!important}
  .page-id-4017 .gsv-paths button{min-height:46px!important;padding:10px 12px!important}
  .page-id-4017 .gsv-learning-guide{font-size:13px!important}
}