/* Class Zaban / private hero alignment v97.
   Two pages: Translation (uses v95 owner auth class); Homework (v97 auth class).
   No React DOM movements, no text edits, no functional changes. */
html.cz-private-translation-hero-v95 .app-shell--student .student-tool-page.translation-page {
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  min-width:0!important;
}
html.cz-private-translation-hero-v95 .app-shell--student .student-tool-page.translation-page > .tool-hero.tool-hero--translation.learning-photo-panel {
  order:-100!important;
  align-self:stretch!important;
  width:100%!important;
  min-height:216px!important;
  margin:0!important;
  padding:clamp(22px,2.4vw,34px)!important;
  border-radius:19px!important;
  border:1px solid #2c3b78!important;
  background:#151b45!important;
  box-shadow:0 10px 28px rgba(21,27,69,.14)!important;
}
html.cz-private-translation-hero-v95 .app-shell--student .student-tool-page.translation-page > .page-header {
  order:-90!important;
  flex:0 0 auto!important;
  min-height:100px!important;
  margin:0!important;
  padding:14px 24px!important;
  border-radius:17px!important;
  background:linear-gradient(115deg,#f6f9ff,#eaf0fb)!important;
  border:1px solid #d3def1!important;
  box-shadow:0 4px 15px rgba(21,27,69,.06)!important;
}
html.cz-private-translation-hero-v95 .app-shell--student .student-tool-page.translation-page > .page-header::before,
html.cz-private-translation-hero-v95 .app-shell--student .student-tool-page.translation-page > .page-header::after {
  content:none!important;
  display:none!important;
}
html.cz-private-translation-hero-v95 .app-shell--student .student-tool-page.translation-page > .page-header h1 {
  font-size:clamp(19px,2vw,23px)!important;
  color:#151b45!important;
  text-shadow:none!important;
}
html.cz-private-translation-hero-v95 .app-shell--student .student-tool-page.translation-page > .page-header p {
  color:#526182!important;
  text-shadow:none!important;
}
html.cz-private-translation-hero-v95 .app-shell--student .student-tool-page.translation-page > .page-header .page-eyebrow {
  background:#e9eefe!important;
  color:#343f87!important;
  border-color:#d3def7!important;
}
html.cz-private-translation-hero-v95 .app-shell--student .student-tool-page.translation-page > .tool-hero.tool-hero--translation .learning-photo-backdrop {
  opacity:.63!important;
  object-fit:cover!important;
  object-position:center!important;
}
html.cz-private-translation-hero-v95 .app-shell--student .student-tool-page.translation-page > .tool-hero.tool-hero--translation::before {
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  background:linear-gradient(270deg,rgba(15,23,52,.95),rgba(22,34,75,.86) 52%,rgba(28,42,89,.69))!important;
  pointer-events:none!important;
}
/* Homework is wrapped in two React components: flatten only the inner visual
   wrapper, so either the teacher or daily hero becomes the first flex item.
   All React DOM nodes, events and form controls stay at their original owners. */
html.cz-private-homework-hero-v97 .app-shell--student .page-stack:has(> .student-homework-page) {
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:14px!important;
  min-width:0!important;
}
html.cz-private-homework-hero-v97 .app-shell--student .page-stack:has(> .student-homework-page) > .student-homework-page {
  display:contents!important;
}
html.cz-private-homework-hero-v97 .app-shell--student .page-stack:has(> .student-homework-page) > .student-homework-page > .tool-hero.phase4-hero.learning-photo-panel {
  order:-100!important;
  align-self:stretch!important;
  width:100%!important;
  min-height:216px!important;
  margin:0!important;
  padding:clamp(22px,2.4vw,34px)!important;
  border:1px solid #2c3b78!important;
  border-radius:19px!important;
  box-shadow:0 10px 28px rgba(21,27,69,.14)!important;
  background:#151b45!important;
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  color:#fff!important;
}
html.cz-private-homework-hero-v97 .app-shell--student .page-stack:has(> .student-homework-page) > .student-homework-page > .tool-hero.learning-photo-panel > .learning-photo-backdrop {
  opacity:.58!important;
  filter:brightness(.75) saturate(.72)!important;
  object-position:center 43%!important;
  object-fit:cover!important;
  pointer-events:none!important;
}
html.cz-private-homework-hero-v97 .app-shell--student .page-stack:has(> .student-homework-page) > .student-homework-page > .tool-hero.learning-photo-panel::before {
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  border-radius:inherit!important;
  background:linear-gradient(270deg,rgba(14,23,52,.97),rgba(23,35,73,.91) 52%,rgba(30,43,94,.7))!important;
  pointer-events:none!important;
}
html.cz-private-homework-hero-v97 .app-shell--student .page-stack:has(> .student-homework-page) > .student-homework-page > .tool-hero.learning-photo-panel::after {
  content:""!important;
  display:block!important;
  position:absolute!important;
  bottom:0!important;right:0!important;
  width:42%!important;height:3px!important;
  background:linear-gradient(270deg,#6375ff,#b2c0ff,transparent)!important;
  pointer-events:none!important;
}
html.cz-private-homework-hero-v97 .app-shell--student .page-stack:has(> .student-homework-page) > .student-homework-page > .tool-hero .tool-hero-copy {
  position:relative!important;z-index:2!important;
}
html.cz-private-homework-hero-v97 .app-shell--student .page-stack:has(> .student-homework-page) > .student-homework-page > .tool-hero .tool-hero-kicker {
  display:inline-flex!important;align-items:center!important;gap:7px!important;
  border:1px solid #dce6ff52!important;
  border-radius:10px!important;
  padding:6px 12px!important;
  background:#dfe8ff17!important;
  color:#e9eeff!important;
}
html.cz-private-homework-hero-v97 .app-shell--student .page-stack:has(> .student-homework-page) > .student-homework-page > .tool-hero h2 {
  color:#fff!important;
  font-size:clamp(21px,2.2vw,28px)!important;
  font-weight:900!important;
  line-height:1.6!important;
  text-shadow:0 3px 12px rgba(8,13,41,.35)!important;
}
html.cz-private-homework-hero-v97 .app-shell--student .page-stack:has(> .student-homework-page) > .student-homework-page > .tool-hero p {
  color:#e6ecff!important;
  line-height:1.85!important;
  font-size:12px!important;
}
html.cz-private-homework-hero-v97 .app-shell--student .page-stack:has(> .student-homework-page) > .student-homework-page > .tool-hero .tool-hero-badges > span {
  border:1px solid #e0e8ff45!important;
  border-radius:11px!important;
  background:#e2ebff19!important;
  color:#fff!important;
  padding:8px 11px!important;
  backdrop-filter:none!important;
}
html.cz-private-homework-hero-v97 .app-shell--student .page-stack:has(> .student-homework-page) > .student-homework-page > .page-header {
  order:-90!important;
  margin:0!important;
  min-height:108px!important;
  padding:16px 24px!important;
  border-radius:17px!important;
  background:linear-gradient(115deg,#f6f9ff,#eaf0fb)!important;
  border:1px solid #d3def1!important;
  box-shadow:0 4px 15px rgba(21,27,69,.06)!important;
}
html.cz-private-homework-hero-v97 .app-shell--student .page-stack:has(> .student-homework-page) > .student-homework-page > .page-header h1 {
  color:#151b45!important;
  font-size:clamp(19px,2vw,23px)!important;
  font-weight:850!important;
}
html.cz-private-homework-hero-v97 .app-shell--student .page-stack:has(> .student-homework-page) > .student-homework-page > .page-header p {
  color:#526182!important;
  font-size:11px!important;
}
html.cz-private-homework-hero-v97 .app-shell--student .page-stack:has(> .student-homework-page) > .student-homework-page > .homework-navigation {
  order:-80!important;
  margin:0!important;
}
html.cz-private-homework-hero-v97 .app-shell--student .page-stack:has(> .student-homework-page) > .lw-disclosure {
  order:-70!important;
  margin:0!important;
}
@media(max-width:700px){
 html.cz-private-translation-hero-v95 .app-shell--student .student-tool-page.translation-page > .tool-hero.tool-hero--translation.learning-photo-panel,
 html.cz-private-homework-hero-v97 .app-shell--student .page-stack:has(> .student-homework-page) > .student-homework-page > .tool-hero.phase4-hero.learning-photo-panel {
   min-height:190px!important;
   padding:19px!important;
   border-radius:16px!important;
   flex-direction:column!important;
   align-items:stretch!important;
   gap:12px!important;
 }
 html.cz-private-homework-hero-v97 .app-shell--student .page-stack:has(> .student-homework-page) > .student-homework-page > .tool-hero .tool-hero-badges {
   display:flex!important;flex-flow:row wrap!important;
   justify-content:flex-start!important;gap:7px!important;
 }
 html.cz-private-homework-hero-v97 .app-shell--student .page-stack:has(> .student-homework-page) > .student-homework-page > .page-header {
   padding:14px 16px!important;
 }
 html.cz-private-translation-hero-v95 .app-shell--student .student-tool-page.translation-page > .page-header {
   padding:13px 16px!important;min-height:90px!important;
 }
}
@media(prefers-reduced-motion:reduce){
 html.cz-private-homework-hero-v97 .app-shell--student .page-stack:has(> .student-homework-page) > .student-homework-page > .tool-hero {
   transition:none!important;
 }
}