/* Visual subjects for two interactive artifacts. No additional canvas or library. */
.learning-visual,.context-visual{position:relative;background:var(--surface);overflow:hidden;isolation:isolate}
.learning-visual{--review:#aa5144}:root[data-theme=dark] .learning-visual{--review:#df8a7b}
.learning-visual{height:310px;margin:0 -26px 26px;display:grid;place-items:center}
.learning-visual svg{height:100%;width:100%;max-width:490px}
.learning-visual .paper-shadow{fill:var(--fg);opacity:.08}.learning-visual .paper-back{fill:var(--bg);stroke:var(--line)}
.learning-visual .paper-front{fill:var(--bg);stroke:var(--fg);stroke-width:1.1}.learning-visual .paper-rule{fill:none;stroke:var(--line);stroke-width:1.5}
.learning-visual text{fill:var(--fg);font-family:var(--font)}.learning-visual .paper-small{font-size:13px;letter-spacing:.6px}.learning-visual .paper-title{font-size:26px;letter-spacing:-1px}
.learning-pencil>path:first-child{fill:#b5a17f;stroke:var(--fg);stroke-width:1.1}.learning-pencil .pencil-tip{fill:var(--fg)}.learning-pencil .pencil-line{fill:none;stroke:var(--fg);stroke-width:1.1}
.student-answer{fill:none;stroke:var(--fg);stroke-width:2;stroke-linecap:round}.teacher-pen>path:first-child{fill:#796e67;stroke:var(--fg)}.teacher-pen .pen-tip{fill:var(--fg)}.teacher-pen .pen-line{fill:none;stroke:var(--fg);stroke-width:1.3}
.learning-visual .review-mark{fill:none;stroke:var(--review);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:0}.grade-stamp{opacity:0}.grade-stamp circle,.permission-stamp path{fill:none;stroke:var(--review);stroke-width:2}.grade-stamp text,.permission-stamp text{fill:var(--review);font-size:29px;font-weight:600}.learning-visual[data-checked=true] .review-mark,.learning-visual[data-checked=true] .grade-stamp{opacity:1}
.roster-person{fill:var(--fg);opacity:.6}.admin-link{fill:none;stroke:var(--fg);stroke-width:1.5}
.context-visual{height:255px;margin:-20px -20px 20px;display:grid;place-items:center}.context-visual svg{height:100%;width:100%;max-width:430px}
.context-visual .object-body,.context-visual .paper-front{fill:var(--bg);stroke:var(--fg);stroke-width:1.5;stroke-linejoin:round}.context-visual .object-seam{fill:none;stroke:var(--fg);stroke-width:1.2}.context-visual .object-ground{fill:none;stroke:var(--line)}.context-visual .tag-mark{fill:var(--fg);stroke:var(--fg);stroke-width:1.1}.context-visual .tool-board{fill:var(--bg);stroke:var(--line)}.context-visual .tool-handle,.context-visual .reader-screen{fill:var(--fg)}.context-visual .reader-screen{opacity:.15}.context-visual .scan-wave{fill:none;stroke:var(--fg);stroke-width:1.5;stroke-linecap:round}.context-visual .paper-back{fill:var(--bg);stroke:var(--line)}
.zephra-demo .result-preview{padding:20px 20px 25px;border:1px solid var(--line);margin-bottom:25px}.zephra-demo .result-preview>span{font-size:12px}.zephra-demo .result-preview h3{font-size:28px;line-height:1.25;letter-spacing:-1px;max-width:380px}.zephra-demo .result-preview p{max-width:370px}.pathshala-demo .learning-sheet h3{font-size:23px}.pathshala-demo .learning-row{margin-block:14px}.pathshala-demo .api-result{padding-top:16px;border-top:1px solid var(--line);margin-top:18px}.pathshala-demo .api-result output{font-size:20px}.pathshala-demo .api-explanation{min-height:0}
.dialog-cover .learning-visual{height:365px}.dialog-cover .context-visual{height:310px}.dialog-cover .context-preview .result-preview h3{max-width:550px;font-size:35px}
.pathshala-demo .learning-sheet{border-top:0;padding-top:0}.pathshala-demo .learning-sheet>span,.pathshala-demo .learning-row{display:none}.pathshala-demo .learning-sheet h3{margin:0 0 8px;line-height:1.3}.pathshala-demo .learning-sheet>p{margin-bottom:16px}.decision-details{border-top:1px solid var(--line);margin-top:16px}.decision-details summary{font-size:13px;cursor:pointer;padding:14px 0}.context-preview .decision-details .trace-list{margin-block:0 15px}
@media(max-width:700px){.learning-visual{height:270px;margin-inline:-18px}.learning-visual .paper-small{font-size:16px;letter-spacing:0}.context-visual{height:245px}.zephra-demo .result-preview{padding:18px 14px 22px}.context-visual{margin:-18px -14px 18px}.dialog-cover .learning-visual{height:290px}.dialog-cover .context-visual{height:260px}.dialog-cover .context-preview .result-preview h3{font-size:28px}}
@media(prefers-reduced-motion:no-preference){.learning-visual svg,.context-visual svg{animation:paper-arrival 400ms ease-out both}.learning-visual[data-checked=true] .grade-stamp,.permission-stamp,.learning-visual[data-checked=true] .review-mark{animation:paper-mark 350ms ease-out both}.context-visual .scan-wave{stroke-dasharray:110;stroke-dashoffset:110;animation:reader-scan 1s ease-out 150ms forwards}}
@keyframes paper-arrival{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes paper-mark{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@keyframes reader-scan{to{stroke-dashoffset:0}}