/* Rack focus: a restrained focal plane, activated only by hover or keyboard focus. */
#ai-practice .ai-focus-stage{isolation:isolate}
.ai-focus-core{position:relative;z-index:1}
.ai-focus-core>h2{margin:0}
#ai-practice .ai-focus-core>p{margin-top:12px}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
#ai-practice .ai-focus-stage::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;background:radial-gradient(ellipse 420px 300px at var(--focus-light-x,50%) var(--focus-light-y,45%),#78b6e923,transparent 80%);opacity:0;transition:opacity .6s}
#ai-practice .ai-focus-stage.is-focus-pulling::before{opacity:1}
.ai-focus-layer{position:relative;z-index:1;transition:filter .6s cubic-bezier(.2,.8,.2,1),opacity .6s,transform .65s cubic-bezier(.2,.8,.2,1),box-shadow .6s}
.ai-focus-stage.is-focus-pulling .ai-focus-layer{filter:blur(1.3px);opacity:.62;transform:scale(.992)}
.ai-focus-stage.is-focus-pulling .ai-focus-layer.is-focus-target{filter:blur(0);opacity:1;transform:translate(var(--focus-shift-x,0px),var(--focus-shift-y,0px)) scale(1.022);z-index:3}
#ai-practice .ai-focus-stage.is-focus-pulling .ai-focus-core.is-focus-target{transform:translate(var(--focus-shift-x,0px),var(--focus-shift-y,0px)) scale(1.012)}
.ai-focus-core::before{content:"";position:absolute;inset:-16px -18px;z-index:-1;pointer-events:none;border-radius:13px;background:linear-gradient(125deg,#84b5e00d,#b6d5f20a);border:1px solid #b6d5f200;opacity:0;transition:opacity .55s,border-color .55s}
.is-focus-pulling .ai-focus-core.is-focus-target::before{opacity:1;border-color:#b6d5f226}
#ai-practice .ai-focus-stage.is-focus-pulling>.grid{position:relative;z-index:2}
#ai-practice .ai-focus-stage.is-focus-pulling>.grid>.is-focus-target{box-shadow:0 12px 30px #0003,0 0 0 1px #8fc9ef88}
}
@media(prefers-reduced-motion:reduce),(hover:none){#ai-practice .ai-focus-layer{filter:none!important;opacity:1!important;transform:none!important}}