/* Class Zaban dictionary hero v94 — backend owner approved account only.
   Matches the matte navy practice/education hero, no pictures or external fonts.
   Intentionally leaves the dictionary's search and results unchanged. */
html.cz-private-dictionary-hero-v94 .app-shell--student .student-tool-page.dictionary-app-page .dictionary-app-header {
 position:relative!important; isolation:isolate!important;
 display:flex!important;flex-direction:row!important;align-items:flex-start!important;
 justify-content:space-between!important;flex-wrap:wrap!important;
 width:100%!important;min-height:209px!important;
 box-sizing:border-box!important;
 padding:27px 30px 25px!important;margin:0 0 17px!important;gap:12px!important;
 overflow:hidden!important;
 border:1px solid #263a72!important;border-radius:19px!important;
 background:radial-gradient(ellipse at 30% 40%,#4554f533 0%,transparent 48%),
   radial-gradient(ellipse at 92% 105%,#9baef71d 0%,transparent 45%),
   linear-gradient(112deg,#111a41 3%,#17234b 49%,#111b42 100%)!important;
 box-shadow:0 12px 28px rgba(21,27,69,.16),inset 0 1px rgba(241,246,255,.07)!important;
 color:#f8faff!important;
}
/* Fine geometric rings rather than photographic/bitmap artwork. */
html.cz-private-dictionary-hero-v94 .app-shell--student .student-tool-page.dictionary-app-page .dictionary-app-header::before {
 content:""!important;position:absolute!important;display:block!important;
 inset:auto auto -116px 18%!important;width:312px!important;height:312px!important;
 border-radius:50%!important;border:1px solid #c3d1ff21!important;z-index:0!important;
 box-shadow:0 0 0 34px #bfd0ff0a,0 0 0 72px #aebfff08!important;pointer-events:none!important;
}
html.cz-private-dictionary-hero-v94 .app-shell--student .student-tool-page.dictionary-app-page .dictionary-app-header::after {
 content:""!important;position:absolute!important;display:block!important;
 left:0!important;bottom:0!important;width:38%!important;height:3px!important;z-index:5!important;
 background:linear-gradient(90deg,#4554f5,#94abff,transparent)!important;pointer-events:none!important;
}
html.cz-private-dictionary-hero-v94 .app-shell--student .student-tool-page.dictionary-app-page .dictionary-app-title {
 display:flex!important;align-items:flex-start!important;flex:0 1 auto!important;
 gap:13px!important;position:relative!important;z-index:5!important;
 max-width:57%!important;margin:0!important;
}
html.cz-private-dictionary-hero-v94 .app-shell--student .student-tool-page.dictionary-app-page .dictionary-app-title-icon {
 display:grid!important;place-items:center!important;
 width:43px!important;height:43px!important;min-width:43px!important;
 border-radius:12px!important;border:1px solid #e4ecff3c!important;
 background:#dce7ff13!important;color:#f6f8ff!important;
 box-shadow:inset 0 1px #f5f9ff18!important;
}
html.cz-private-dictionary-hero-v94 .app-shell--student .student-tool-page.dictionary-app-page .dictionary-app-title>div:last-child {
 display:flex!important;flex-direction:column!important;gap:3px!important;max-width:100%!important;
}
html.cz-private-dictionary-hero-v94 .app-shell--student .student-tool-page.dictionary-app-page .dictionary-app-title>div:last-child::before {
 content:"CLASS ZABAN  /  WORTSCHATZ"!important;
 display:block!important;margin:0 0 8px!important;
 font:700 10px/1.3 Arial,sans-serif!important;letter-spacing:.11em!important;
 color:#aabcf8!important;direction:ltr!important;text-align:right!important;
}
html.cz-private-dictionary-hero-v94 .app-shell--student .student-tool-page.dictionary-app-page .dictionary-app-title h1 {
 color:white!important;font-size:clamp(24px,2.2vw,31px)!important;font-weight:900!important;
 line-height:1.65!important;margin:0!important;text-shadow:0 2px 10px #040b2e66!important;
}
html.cz-private-dictionary-hero-v94 .app-shell--student .student-tool-page.dictionary-app-page .dictionary-app-title p {
 display:block!important;color:#dce5fc!important;
 font-size:12px!important;line-height:1.9!important;
 margin:1px 0 0!important;max-width:480px!important;
}
/* Language indicator stays functional and readable; positioned like the left-side hero stats. */
html.cz-private-dictionary-hero-v94 .app-shell--student .student-tool-page.dictionary-app-page .dictionary-language-badge {
 position:absolute!important;left:24px!important;bottom:18px!important;z-index:7!important;
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 gap:8px!important;max-width:45%!important;min-height:37px!important;
 margin:0!important;padding:7px 13px!important;
 border:1px solid #e5edff40!important;border-radius:11px!important;
 background:#d8e5ff17!important;box-shadow:0 3px 12px #09143335!important;
 color:#fff!important;font-size:12px!important;font-weight:700!important;
}
html.cz-private-dictionary-hero-v94 .app-shell--student .student-tool-page.dictionary-app-page .dictionary-language-badge span,
html.cz-private-dictionary-hero-v94 .app-shell--student .student-tool-page.dictionary-app-page .dictionary-language-badge svg {
 color:#f8faff!important;
}
html.cz-private-dictionary-hero-v94 .app-shell--student .student-tool-page.dictionary-app-page .dictionary-language-arrow {
 color:#c8d7ff!important;background:#b6c8ff1a!important;
}
/* Decorative vocabulary letterforms. The original text and controls are still real DOM. */
html.cz-private-dictionary-hero-v94 .app-shell--student .student-tool-page.dictionary-app-page .cz-dict-v94-art {
 display:block!important;position:absolute!important;inset:18px auto auto 17%!important;
 width:295px!important;height:175px!important;z-index:2!important;
 pointer-events:none!important;direction:ltr!important;
 font-family:Arial,sans-serif!important;
}
html.cz-private-dictionary-hero-v94 .app-shell--student .student-tool-page.dictionary-app-page .cz-dict-v94-orbit {
 position:absolute!important;top:0!important;left:24px!important;
 width:180px!important;height:160px!important;
 border:1px solid #b8c9ff40!important;border-radius:52% 48% 57% 43%!important;
 transform:rotate(-21deg)!important;
}
html.cz-private-dictionary-hero-v94 .app-shell--student .student-tool-page.dictionary-app-page .cz-dict-v94-monogram {
 position:absolute!important;left:51px!important;top:0!important;
 font:900 109px/.98 Arial,sans-serif!important;letter-spacing:-.12em!important;
 color:#f7faff!important;text-shadow:0 12px 22px #050e3480!important;
 opacity:.94!important;
}
html.cz-private-dictionary-hero-v94 .app-shell--student .student-tool-page.dictionary-app-page .cz-dict-v94-word {
 position:absolute!important;left:110px!important;top:83px!important;
 font:700 22px/1.4 Arial,sans-serif!important;color:#e7edff!important;
 text-shadow:0 5px 12px #050b2a99!important;
}
html.cz-private-dictionary-hero-v94 .app-shell--student .student-tool-page.dictionary-app-page .cz-dict-v94-word-stem {
 display:block!important;width:75px!important;height:2px!important;margin-top:3px!important;
 background:linear-gradient(90deg,#bfcfff,transparent)!important;
}
html.cz-private-dictionary-hero-v94 .app-shell--student .student-tool-page.dictionary-app-page .cz-dict-v94-case {
 position:absolute!important;display:grid!important;place-items:center!important;
 height:29px!important;min-width:48px!important;padding:0 9px!important;
 border-radius:9px!important;border:1px solid #c5d3ff6e!important;
 background:#a8bfff2a!important;box-shadow:0 5px 13px #050d3566!important;
 font:700 17px/1 Arial,sans-serif!important;color:#edf3ff!important;
}
html.cz-private-dictionary-hero-v94 .app-shell--student .student-tool-page.dictionary-app-page .cz-dict-v94-case--der {
 left:199px!important;top:28px!important;transform:rotate(-9deg)!important;
}
html.cz-private-dictionary-hero-v94 .app-shell--student .student-tool-page.dictionary-app-page .cz-dict-v94-case--die {
 left:220px!important;top:65px!important;transform:rotate(5deg)!important;background:#839cff58!important;
}
html.cz-private-dictionary-hero-v94 .app-shell--student .student-tool-page.dictionary-app-page .cz-dict-v94-case--das {
 left:192px!important;top:102px!important;transform:rotate(-4deg)!important;
}
html.cz-private-dictionary-hero-v94 .app-shell--student .student-tool-page.dictionary-app-page .cz-dict-v94-marks {
 position:absolute!important;left:0!important;top:87px!important;
 display:grid!important;grid-template-columns:repeat(2,5px)!important;gap:9px!important;
}
html.cz-private-dictionary-hero-v94 .app-shell--student .student-tool-page.dictionary-app-page .cz-dict-v94-marks i {
 display:block!important;width:5px!important;height:5px!important;border-radius:50%!important;
 background:#7e9afa!important;opacity:.75!important;
}
html.cz-private-dictionary-hero-v94 .app-shell--student .student-tool-page.dictionary-app-page .cz-dict-v94-marks i:nth-child(2){opacity:.38!important}
html.cz-private-dictionary-hero-v94 .app-shell--student .student-tool-page.dictionary-app-page .cz-dict-v94-marks i:nth-child(4){opacity:.24!important}
@media(max-width:1020px){
 html.cz-private-dictionary-hero-v94 .app-shell--student .student-tool-page.dictionary-app-page .cz-dict-v94-art {
  left:15%!important;transform:scale(.82)!important;transform-origin:top left!important;
 }
 html.cz-private-dictionary-hero-v94 .app-shell--student .student-tool-page.dictionary-app-page .dictionary-app-title{max-width:61%!important}
}
@media(max-width:720px){
 html.cz-private-dictionary-hero-v94 .app-shell--student .student-tool-page.dictionary-app-page .dictionary-app-header {
  min-height:188px!important;padding:20px 18px 57px!important;
  align-items:flex-start!important;flex-direction:row!important;margin-bottom:14px!important;
  border-radius:16px!important;
 }
 html.cz-private-dictionary-hero-v94 .app-shell--student .student-tool-page.dictionary-app-page .dictionary-app-title {
  gap:9px!important;max-width:76%!important;
 }
 html.cz-private-dictionary-hero-v94 .app-shell--student .student-tool-page.dictionary-app-page .dictionary-app-title-icon{
  width:35px!important;height:35px!important;min-width:35px!important;
 }
 html.cz-private-dictionary-hero-v94 .app-shell--student .student-tool-page.dictionary-app-page .dictionary-app-title h1 {font-size:23px!important}
 html.cz-private-dictionary-hero-v94 .app-shell--student .student-tool-page.dictionary-app-page .dictionary-app-title p {
  display:block!important;font-size:10px!important;line-height:1.75!important;
 }
 html.cz-private-dictionary-hero-v94 .app-shell--student .student-tool-page.dictionary-app-page .dictionary-app-title>div:last-child::before {
  font-size:8px!important;margin-bottom:5px!important;
 }
 html.cz-private-dictionary-hero-v94 .app-shell--student .student-tool-page.dictionary-app-page .cz-dict-v94-art {
  left:-64px!important;top:13px!important;transform:scale(.59)!important;opacity:.65!important;
  transform-origin:top left!important;
 }
 html.cz-private-dictionary-hero-v94 .app-shell--student .student-tool-page.dictionary-app-page .dictionary-language-badge {
  left:16px!important;bottom:13px!important;max-width:calc(100% - 32px)!important;
  min-height:32px!important;padding:5px 10px!important;font-size:11px!important;
 }
}
@media(max-width:410px){
 html.cz-private-dictionary-hero-v94 .app-shell--student .student-tool-page.dictionary-app-page .dictionary-app-title {max-width:95%!important}
 html.cz-private-dictionary-hero-v94 .app-shell--student .student-tool-page.dictionary-app-page .cz-dict-v94-art{opacity:.23!important}
}
@media(prefers-reduced-motion:reduce){
 html.cz-private-dictionary-hero-v94 .app-shell--student .student-tool-page.dictionary-app-page .dictionary-app-header {scroll-behavior:auto!important}
}

/* Keep the one-column dictionary shell inside narrow mobile viewports. */
html.cz-private-dictionary-hero-v94 .app-shell--student .student-tool-page.dictionary-app-page {
 min-width:0!important;
 grid-template-columns:minmax(0,1fr)!important;
}
html.cz-private-dictionary-hero-v94 .app-shell--student .student-tool-page.dictionary-app-page .dictionary-app-header {
 max-width:100%!important;min-width:0!important;
}
@media(max-width:720px){
 html.cz-private-dictionary-hero-v94 .app-shell--student .student-tool-page.dictionary-app-page .dictionary-app-title > div:last-child {min-width:0!important}
 html.cz-private-dictionary-hero-v94 .app-shell--student .student-tool-page.dictionary-app-page .dictionary-app-title h1 {overflow-wrap:anywhere!important}
}