/* PR-UI04: Student Home presentation only. */
body[data-role="student"][data-page-module="home"][data-shell="app"] {
  background: var(--ui-canvas, #f6f8fa);
}

body[data-role="student"][data-page-module="home"] .student-home-v2 {
  --sh-accent: var(--ui-cta, #c95749);
  --sh-teal: var(--ui-brand, #063f3c);
  --sh-ink: var(--ui-ink, #233039);
  --sh-muted: var(--ui-muted, #62717b);
  --sh-line: var(--ui-line, #dce3e8);
  background: var(--ui-canvas, #f6f8fa);
}

body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-inner {
  inline-size: min(calc(100% - 48px), 76rem);
}

body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-welcome {
  min-block-size: 132px;
  padding-block: var(--ui-space-6, 24px);
}

body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-welcome h1 {
  max-inline-size: 34ch;
  margin-block: 6px;
  font-size: 1.75rem;
  line-height: 1.4;
}

body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-learning-band {
  border-block: 1px solid var(--sh-line);
  padding-block: var(--ui-space-7, 32px);
  background: var(--ui-section, #eef5f3);
}

body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-learning-grid {
  grid-template-columns: minmax(0, 1.12fr) minmax(22rem, .88fr);
  gap: var(--ui-space-8, 40px);
}

body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-current {
  align-self: center;
  padding-inline-start: var(--ui-space-5, 20px);
  border-inline-start: 4px solid var(--sh-accent);
}

body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-current h2 {
  margin-block-end: var(--ui-space-3, 12px);
  font-size: 1.65rem;
  line-height: 1.4;
}

body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-current .sh-primary {
  min-inline-size: 12rem;
  background: var(--sh-accent);
}

body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-study-aside {
  min-inline-size: 0;
  padding-inline-start: var(--ui-space-7, 32px);
  border-inline-start: 1px solid var(--ui-line-strong, #b9c7cd);
}

body[data-role="student"][data-page-module="home"] .student-home-v2 :is(.sh-lookup, .sh-lesson-words) {
  padding-inline-start: 0;
  border-inline-start: 0;
}

body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-services-band {
  padding-block: var(--ui-space-6, 24px);
  border-block-end: 1px solid var(--sh-line);
  background: var(--ui-surface, #fff);
}

body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-services-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: var(--ui-space-4, 16px);
  margin-block-end: var(--ui-space-4, 16px);
}

body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-services-heading .sh-eyebrow {
  margin-block-end: 3px;
}

body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-services-heading h2,
body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-tools-heading h2 {
  font-size: 1.25rem;
  line-height: 1.4;
}

body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-services {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid var(--sh-line);
  border-radius: var(--ui-radius-card, 8px);
  background: var(--ui-surface, #fff);
  overflow: hidden;
}

body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-services > a {
  min-inline-size: 0;
  min-block-size: 82px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--ui-space-3, 12px);
  padding: var(--ui-space-4, 16px);
  border-inline-end: 1px solid var(--sh-line);
  color: var(--sh-ink);
}

body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-services > a:last-child {
  border-inline-end: 0;
}

body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-services > a:hover {
  background: var(--ui-section, #eef5f3);
}

body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-services .sh-icon {
  inline-size: 42px;
  block-size: 42px;
  padding: 9px;
  border-radius: var(--ui-radius-control, 6px);
  background: #eef5f3;
  color: var(--sh-teal);
}

body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-services strong,
body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-services small {
  display: block;
}

body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-services strong {
  margin-block-end: 3px;
  font-size: 1rem;
}

body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-services small {
  color: var(--sh-muted);
  font-size: .875rem;
}

body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-services .sh-arrow {
  color: var(--sh-muted);
}

body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-tools-section {
  padding-block: var(--ui-space-6, 24px);
  border-block-end: 1px solid var(--sh-line);
}

body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-tools-heading {
  margin-block-end: var(--ui-space-3, 12px);
}

body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-tools {
  gap: 0;
  padding-block: 0;
  border-block-end: 0;
}

body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-tools > :is(a, button) {
  min-block-size: 72px;
  padding: var(--ui-space-3, 12px) var(--ui-space-5, 20px);
  border-inline-end: 1px solid var(--sh-line);
}

body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-tools > :first-child {
  padding-inline-start: 0;
}

body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-tools > :last-child {
  border-inline-end: 0;
}

body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-content-grid {
  grid-template-columns: minmax(0, 1.65fr) minmax(18rem, .85fr);
  gap: var(--ui-space-8, 40px);
  padding-block: var(--ui-space-7, 32px);
}

body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-courses {
  padding-inline-start: var(--ui-space-7, 32px);
}

body[data-role="student"][data-page-module="home"] .student-home-v2 .course-cover-card {
  border-color: var(--ui-line-strong, #b9c7cd);
}

body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-empty {
  min-block-size: 72px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--ui-space-2, 8px);
}

@media (min-width: 768px) and (max-width: 1023px) {
  body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-inner {
    inline-size: min(calc(100% - 40px), 52rem);
  }

  body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-welcome {
    min-block-size: 164px;
  }

  body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-learning-grid {
    grid-template-columns: minmax(0, 1.05fr) minmax(19rem, .95fr);
    gap: var(--ui-space-6, 24px);
  }

  body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-study-aside {
    padding-inline-start: var(--ui-space-5, 20px);
  }

  body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-services {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-services > a:nth-child(2) {
    border-inline-end: 0;
  }

  body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-services > a:nth-child(-n + 2) {
    border-block-end: 1px solid var(--sh-line);
  }

  body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-content-grid {
    grid-template-columns: minmax(0, 1.4fr) minmax(16rem, .8fr);
    gap: var(--ui-space-6, 24px);
  }

  body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-courses {
    padding-inline-start: var(--ui-space-5, 20px);
  }
}

@media (max-width: 767px) {
  body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-inner {
    inline-size: calc(100% - 32px);
  }

  body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-welcome {
    min-block-size: 0;
    padding-block: var(--ui-space-4, 16px);
  }

  body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-welcome h1 {
    margin-block-end: 0;
    font-size: 1.35rem;
    line-height: 1.35;
  }

  body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-welcome h1 + p {
    display: none;
  }

  body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-learning-band {
    padding-block: var(--ui-space-4, 16px);
  }

  body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-learning-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--ui-space-5, 20px);
  }

  body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-current {
    padding-inline-start: var(--ui-space-4, 16px);
  }

  body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-current h2 {
    margin-block-end: var(--ui-space-2, 8px);
    font-size: 1.3rem;
  }

  body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-actions {
    margin-block-start: var(--ui-space-4, 16px);
  }

  body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-study-aside {
    padding: 0;
    border-inline-start: 0;
  }

  body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-services-heading .sh-text-link {
    display: none;
  }

  body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-services {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-services > a {
    min-block-size: 80px;
    grid-template-columns: 36px minmax(0, 1fr);
    gap: var(--ui-space-2, 8px);
    padding: var(--ui-space-3, 12px);
  }

  body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-services > a:nth-child(2) {
    border-inline-end: 0;
  }

  body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-services > a:nth-child(-n + 2) {
    border-block-end: 1px solid var(--sh-line);
  }

  body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-services .sh-icon {
    inline-size: 36px;
    block-size: 36px;
    padding: 8px;
  }

  body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-services .sh-arrow {
    display: none;
  }

  body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-tools-section {
    padding-block: var(--ui-space-5, 20px);
  }

  body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-tools {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--ui-space-2, 8px);
  }

  body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-tools > :is(a, button) {
    min-block-size: 92px;
    padding: var(--ui-space-2, 8px);
    border: 1px solid var(--sh-line);
    border-radius: var(--ui-radius-control, 6px);
    background: var(--ui-surface, #fff);
  }

  body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-tools > :first-child {
    padding-inline-start: var(--ui-space-2, 8px);
  }

  body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-content-grid {
    padding-block: var(--ui-space-6, 24px);
  }

  body[data-role="student"][data-page-module="home"] .student-home-v2 .sh-footer {
    padding-block-end: calc(112px + env(safe-area-inset-bottom, 0px));
  }

  body[data-role="student"][data-page-module="home"] .whatsapp-floating-contact {
    display: none !important;
  }
}