.estate .estate-lesson-slate{border:1px solid var(--estate-gold-soft);background:var(--estate-parchment-card,#fffdf8);grid-template-columns:minmax(0,1fr);gap:1.75rem;margin-top:2.25rem;padding:1.5rem 1rem;display:grid;box-shadow:0 40px 80px -60px #101b2d80}.estate .estate-lesson-board{justify-content:center;display:flex}.estate .estate-lesson-steps{gap:.5rem;display:flex}.estate .estate-lesson-steps li{border:1px solid var(--estate-gold);width:9px;height:9px;transition:background-color .24s;transform:rotate(45deg)}.estate .estate-lesson-steps li.is-done{background:var(--estate-gold)}.estate .estate-lesson-steps li.is-now{background:color-mix(in srgb, var(--estate-gold) 35%, transparent)}.estate .estate-lesson-copy{min-height:7.5rem;margin-top:1rem}.estate .estate-lesson-task{font-size:var(--type-h2);color:var(--foreground);justify-content:space-between;align-items:baseline;gap:1rem;line-height:1.05;display:flex}.estate .estate-lesson-now{color:var(--foreground-muted);font-variant-numeric:lining-nums tabular-nums;font-size:.8em;transition:color .24s}.estate .estate-lesson-now.is-ok{color:var(--estate-gold-text)}.estate .estate-lesson-help{max-width:30rem;font-size:var(--type-md);color:var(--foreground-secondary);text-wrap:pretty;margin-top:.5rem;line-height:1.55}.estate .estate-lesson-help.is-ok{color:var(--estate-gold-text);font-weight:700}.estate .estate-lesson-answers{gap:.5rem;margin-top:1rem;display:flex}.estate .estate-lesson-answer{width:3.4rem;height:3.4rem;box-shadow:inset 0 0 0 1px var(--estate-gold-soft);font-family:var(--font-estate), Georgia, serif;font-size:var(--type-h3);color:var(--foreground);cursor:pointer;border-radius:999px;font-weight:700;transition:transform .14s cubic-bezier(.23,1,.32,1),background-color .2s,color .2s}.estate .estate-lesson-answer:active{transform:scale(.94)}.estate .estate-lesson-answer:focus-visible{outline:2px solid var(--estate-gold);outline-offset:2px}.estate .estate-lesson-answer.is-right{background:var(--estate-ink);color:#e9cf8f;box-shadow:none}[data-theme=dark] .estate .estate-lesson-answer.is-right{background:var(--estate-gold);color:#101b2d}.estate .estate-lesson-answer.is-wrong{color:var(--foreground-muted);box-shadow:inset 0 0 0 1px var(--border)}.estate .estate-lesson-again{font-size:var(--type-sm);align-items:center;gap:.5rem;margin-top:.75rem;display:inline-flex}@media (min-width:1024px){.estate .estate-lesson-slate{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:3rem;padding:2.5rem 3rem}.estate .estate-lesson-copy{min-height:12rem}}.estate .estate-lesson-instrument{flex-direction:column;align-items:stretch;gap:1rem;max-width:100%;display:inline-flex}@media (max-width:1023px){.estate .estate-lesson-side{order:-1}.estate .estate-lesson-copy{min-height:0}}.estate .estate-lesson-score{background:var(--estate-ink);color:#f6f3ec;width:auto;padding:.75rem 1rem;box-shadow:0 18px 30px -22px #101b2db3}[data-theme=dark] .estate .estate-lesson-score{background:#1b2740}.estate .estate-lesson-score-row{align-items:baseline;gap:.75rem;display:flex}.estate .estate-lesson-score-label{font-size:var(--type-xs);letter-spacing:.16em;text-transform:uppercase;color:#d4b46a;font-weight:700}.estate .estate-lesson-score-num{font-family:var(--font-estate), Georgia, serif;font-size:var(--type-h2);font-variant-numeric:lining-nums tabular-nums;color:#fff;margin-left:auto;font-weight:700;line-height:1;transition:color .24s}.estate .estate-lesson-score.is-ok .estate-lesson-score-num{color:#f0d796}.estate .estate-lesson-score-goal{font-size:var(--type-sm);color:#c8ccd6}.estate .estate-lesson-score-goal b{color:#fff;font-weight:700}.estate .estate-lesson-score-bar{background:#ffffff24;height:4px;margin-top:.5rem;overflow:hidden}.estate .estate-lesson-score-bar i{background:linear-gradient(90deg,#b8924a,#f0d796);height:100%;transition:width .42s cubic-bezier(.23,1,.32,1);display:block}.estate .estate-lesson-score-left{font-size:var(--type-sm);color:#c8ccd6;margin-top:.5rem}.estate .estate-lesson-score.is-ok .estate-lesson-score-left{color:#f0d796;font-weight:700}.estate .estate-lesson-eye{border-left:2px solid var(--estate-gold,#a07c2f);background:color-mix(in srgb, var(--estate-gold,#a07c2f) 7%, transparent);max-width:32em;font-size:var(--type-sm);color:var(--foreground-secondary);margin-top:.75rem;padding:.75rem 1rem;line-height:1.55}.estate .estate-lesson-eye b{color:var(--foreground)}.estate .estate-lesson-eye a{color:var(--accent-text);text-underline-offset:2px;font-weight:700;text-decoration:underline}
