/* Class Zaban / Premium practice choice cards v5 — owner-only, 4 cards only.
   No bitmap/SVG/photo assets. Pure CSS ornamental composition.
   Copy/logic remain in the existing React button elements. */
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-builder {
  container-type:inline-size;
}
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-grid {
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-grid > .phase4-kind-card--illustrated {
  display:flex!important; flex-direction:column!important; justify-content:flex-start!important;
  gap:0!important; position:relative!important; isolation:isolate!important;
  min-height:292px!important; height:auto!important; width:100%!important; min-width:0!important;
  aspect-ratio:auto!important; padding:0!important; margin:0!important; box-sizing:border-box!important;
  overflow:hidden!important; text-align:right!important; color:#151b45!important;
  background:#f6f8fd!important; background-image:none!important;
  border:1px solid #c8d5ec!important; border-radius:18px!important;
  box-shadow:0 10px 23px rgba(21,27,69,.095),0 1px 2px rgba(21,27,69,.035)!important;
  text-shadow:none!important; transform:none!important;
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease!important;
}
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated:nth-child(n) {
  background-image:none!important;
}
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated::before,
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated::after {
  content:none!important; display:none!important;
}
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated > .learning-card-image {
  display:none!important; visibility:hidden!important;
}
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated .cz-v5-surface {
  display:block!important; flex:0 0 148px!important; height:148px!important; width:100%!important;
  position:relative!important; overflow:hidden!important; pointer-events:none!important;
  background:radial-gradient(circle at 8% 6%,rgba(133,152,250,.18),transparent 36%),
     linear-gradient(132deg,#151b45 0%,#222c61 45%,#343f87 100%)!important;
  border-bottom:1px solid #cad6f7!important;
  box-shadow:inset 0 -1px rgba(255,255,255,.07)!important;
}
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated .cz-v5-surface::before {
  content:""!important; position:absolute!important; inset:auto -29px -83px auto!important;
  width:177px!important; height:177px!important; border-radius:50%!important;
  border:1px solid rgba(184,199,255,.17)!important; box-shadow:0 0 0 27px rgba(184,199,255,.036),0 0 0 58px rgba(184,199,255,.025)!important;
}
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated .cz-v5-surface::after {
  content:""!important; display:block!important; position:absolute!important; inset:auto auto 0 0!important;
  width:51%!important; height:3px!important; background:#7289ff!important; opacity:.9!important;
}
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated .cz-v5-eyebrow {
  position:relative!important; z-index:3!important; display:flex!important; flex-direction:row!important;
  align-items:center!important; justify-content:space-between!important;
  padding:13px 14px 0!important; width:100%!important; box-sizing:border-box!important;
  color:#b7c7ff!important; font:700 11px/1.25 Arial,sans-serif!important; direction:ltr!important;
  letter-spacing:.12em!important;
}
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated .cz-v5-index {
  display:inline-flex!important; align-items:baseline!important; gap:3px!important;
  white-space:nowrap!important;
}
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated .cz-v5-index b {
  color:#8b9bcf!important; font-size:9px!important; font-weight:500!important;
}
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated .cz-v5-leds {
  display:flex!important; gap:4px!important; flex-direction:row!important;
}
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated .cz-v5-leds i {
  width:3px!important; height:3px!important; border-radius:50%!important;
  background:#a5b5f7!important; opacity:.65!important; display:block!important;
}
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated .cz-v5-leds i:nth-child(2){opacity:.35!important}
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated .cz-v5-leds i:nth-child(3){opacity:.2!important}
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated .cz-v5-motif {
  position:absolute!important; z-index:2!important; inset:39px 0 0!important; display:block!important;
  width:100%!important; height:105px!important; font-family:Arial,sans-serif!important; direction:ltr!important;
  color:#fff!important;
}
/* Vocabulary: editorial glyph + three perfectly spaced tab strokes. */
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated .cz-v5-big-letter {
  position:absolute!important; top:0!important; right:43px!important; font-size:82px!important;
  line-height:1!important; font-weight:900!important; font-family:Arial,sans-serif!important;
  letter-spacing:-.12em!important; color:#eef3ff!important; text-shadow:0 12px 18px rgba(1,6,30,.27)!important;
}
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated .cz-v5-word-stack {
  position:absolute!important; left:16px!important; top:23px!important; width:47px!important;
  display:flex!important; flex-direction:column!important; gap:9px!important; transform:rotate(-7deg)!important;
}
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated .cz-v5-word-stack i {
  display:block!important; width:100%!important; height:10px!important; border-radius:3px!important;
  background:#99adff!important; border-left:4px solid #f3f5ff!important;
  box-shadow:0 3px 5px rgba(6,11,42,.19)!important;
}
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated .cz-v5-word-stack i:nth-child(2){width:78%!important;opacity:.72!important}
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated .cz-v5-word-stack i:nth-child(3){width:92%!important;opacity:.48!important}
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated .cz-v5-small-disc {
  position:absolute!important; right:15px!important; top:43px!important; display:grid!important; place-items:center!important;
  width:25px!important; height:25px!important; border:1px solid rgba(216,227,255,.4)!important;
  border-radius:8px!important; color:#c3d0ff!important; font-size:12px!important; font-weight:700!important;
}
/* Grammar: grammatical particles as intentionally interlocking typographic capsules. */
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated .cz-v5-grammar-line {
  display:block!important; position:absolute!important; top:12px!important; left:17px!important;
  width:62px!important; height:50px!important; border-left:1px solid rgba(191,209,255,.35)!important;
  border-bottom:1px solid rgba(191,209,255,.35)!important; border-bottom-left-radius:13px!important;
}
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated .cz-v5-case {
  position:absolute!important; display:grid!important; place-items:center!important;
  height:29px!important; min-width:55px!important; padding:0 10px!important;
  background:rgba(234,240,255,.14)!important; border:1px solid rgba(212,226,255,.44)!important;
  border-radius:9px!important; font:700 19px/1 Arial,sans-serif!important;
  box-shadow:0 4px 9px rgba(4,7,41,.16)!important; color:#f0f4ff!important;
}
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated .cz-v5-case-a{right:13px!important;top:2px!important;transform:rotate(-5deg)!important}
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated .cz-v5-case-b{right:56px!important;top:31px!important;background:rgba(134,155,255,.4)!important;transform:rotate(4deg)!important}
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated .cz-v5-case-c{right:13px!important;top:62px!important;transform:rotate(-3deg)!important}
/* Reading: fine typographic rhythm and a large oversized quotation mark. */
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated .cz-v5-quote {
  position:absolute!important; right:15px!important; top:-20px!important; font:700 115px/1 Georgia,serif!important;
  color:#e2eaff!important; opacity:.96!important;
}
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated .cz-v5-typeset {
  display:flex!important; flex-direction:column!important; gap:8px!important;
  position:absolute!important; left:17px!important; top:17px!important; width:47%!important;
}
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated .cz-v5-typeset i {
  display:block!important; width:100%!important; height:3px!important; background:#b5c5ff!important;
  border-radius:5px!important; opacity:.65!important;
}
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated .cz-v5-typeset i:nth-child(2){width:80%!important}
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated .cz-v5-typeset i:nth-child(3){width:94%!important}
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated .cz-v5-typeset i:nth-child(4){width:61%!important}
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated .cz-v5-typeset i:nth-child(5){width:82%!important}
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated .cz-v5-reading-edge {
  position:absolute!important; left:12px!important; top:10px!important; width:2px!important;
  height:58px!important; background:#8ca3ff!important; border-radius:4px!important;
}
/* Writing: ruled writing surface, bright insertion caret, tiny ink mark. */
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated .cz-v5-writing-lines {
  position:absolute!important; left:19px!important; top:18px!important; width:calc(100% - 38px)!important;
  display:flex!important; flex-direction:column!important; gap:14px!important;
}
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated .cz-v5-writing-lines i {
  display:block!important; width:100%!important; height:1px!important; background:rgba(182,199,255,.38)!important;
}
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated .cz-v5-writing-lines i:nth-child(1){width:78%!important}
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated .cz-v5-writing-lines i:nth-child(3){width:91%!important}
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated .cz-v5-cursor {
  position:absolute!important; top:6px!important; right:42px!important; width:3px!important; height:66px!important;
  border-radius:3px!important; background:#f4f7ff!important; transform:rotate(21deg)!important;
  box-shadow:0 0 12px rgba(167,192,255,.6)!important;
}
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated .cz-v5-penmark {
  position:absolute!important; right:18px!important; top:57px!important; font-size:19px!important;
  color:#a9baff!important;
}
/* Text uses the actual original Persian strings; contrast and sizing are intentionally prominent. */
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated .practice-card-copy {
  position:relative!important; display:flex!important; flex:1 1 auto!important; flex-direction:column!important;
  align-items:stretch!important; gap:7px!important; min-width:0!important; width:100%!important;
  min-height:143px!important; height:auto!important; margin:0!important;
  padding:13px 14px 54px!important; box-sizing:border-box!important; overflow:visible!important;
  clip-path:none!important; white-space:normal!important;
  background:transparent!important; text-shadow:none!important; box-shadow:none!important;
  text-align:right!important; color:#151b45!important;
}
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated .practice-card-copy > strong {
  display:block!important; color:#151b45!important; font-weight:800!important;
  font-size:18px!important; line-height:1.65!important; letter-spacing:0!important;
}
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated .practice-card-copy > span {
  display:block!important; color:#4b5a7b!important; font-size:11px!important;
  font-weight:500!important; line-height:1.75!important; overflow-wrap:anywhere!important;
}
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated .practice-card-copy::before {
  content:""!important; position:absolute!important; display:block!important;
  left:62px!important; right:14px!important; bottom:27px!important; height:1px!important;
  background:linear-gradient(90deg,#bbc9e7,#dfe6f4)!important; pointer-events:none!important;
}
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated .practice-card-copy::after {
  content:"➜"!important; position:absolute!important; display:grid!important; place-items:center!important;
  left:14px!important; bottom:9px!important; width:38px!important; height:38px!important;
  color:#fff!important; font:700 21px/1 Arial,sans-serif!important;
  border-radius:13px!important; background:linear-gradient(145deg,#4554f5,#343f87)!important;
  box-shadow:0 5px 11px rgba(35,53,125,.21)!important; pointer-events:none!important;
}
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated .practice-card-selected {
  position:absolute!important; z-index:5!important; display:block!important; top:12px!important;
  inset-inline-end:12px!important; inset-inline-start:auto!important; width:25px!important; height:25px!important;
  padding:3px!important; color:#4554f5!important; border:2px solid #fff!important; background:#fff!important;
  border-radius:50%!important;
}
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated.is-active {
  border-color:#4554f5!important;
  box-shadow:0 0 0 2px #4554f5,0 9px 23px rgba(21,27,69,.15)!important;
}
html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated:focus-visible {
  outline:3px solid #4554f5!important; outline-offset:3px!important;
}
@media(hover:hover) {
  html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated:hover {
    transform:translateY(-2px)!important; border-color:#7789e4!important;
    box-shadow:0 14px 24px rgba(21,27,69,.15)!important;
  }
}
@container(max-width:1050px) {
  html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@container(max-width:550px) {
  html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-grid {
    grid-template-columns:1fr!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html.cz-private-practice-preview .app-shell--student .student-tool-page .phase4-kind-card--illustrated{
    transition:none!important;transform:none!important;
  }
}