.demo-workspace{max-width:1160px;color:var(--lekivo-ink);margin:0 auto}.demo-hero{background:#f8faff;grid-template-columns:1.3fr .7fr;align-items:center;gap:48px;padding:58px;display:grid}.demo-hero h1{letter-spacing:-1.6px;margin:22px 0;font-size:clamp(34px,4vw,52px);font-weight:600;line-height:1.13}.demo-hero h1 em{color:var(--lekivo-blue);font-style:normal}.demo-hero-copy>p:not(.eyebrow){max-width:540px;line-height:1.8}.demo-dot{background:var(--lekivo-blue);border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.demo-actions{flex-wrap:wrap;gap:12px;margin:24px 0 16px;display:flex}.demo-storage-note{color:var(--lekivo-body);align-items:center;gap:8px;margin-bottom:20px;font-size:12px;line-height:1.7;display:flex}.demo-book{color:#f4f0df;background:var(--lekivo-blue);border-left:10px solid var(--lekivo-blue);min-height:340px;box-shadow:12px 18px 28px color-mix(in srgb, var(--lekivo-ink) 9%, transparent);border-radius:4px 14px 14px 4px;flex-direction:column;justify-content:space-between;gap:24px;padding:36px 28px;display:flex}.demo-book h2{letter-spacing:-.5px;font-size:26px;font-weight:500;line-height:1.35}.demo-book-label{letter-spacing:1.5px;color:var(--lekivo-line);font-size:10px}.demo-book-line{background:var(--lekivo-line);width:42px;height:1px}.demo-book p{margin:0;font-size:16px}.demo-book small{color:var(--lekivo-line);font-size:11px}.demo-facts{border-bottom:1px solid #e2e7df;grid-template-columns:repeat(4,1fr);padding:32px 0;display:grid}.demo-facts div{border-right:1px solid #e2e7df;flex-direction:column;gap:6px;padding:0 24px;display:flex}.demo-facts div:last-child{border-right:0}.demo-facts strong{font-size:28px;font-weight:500}.demo-facts span{color:var(--lekivo-body);font-size:12px}.demo-journey{grid-template-columns:repeat(3,1fr);gap:40px;padding:40px 10px;display:grid}.demo-journey svg{color:var(--lekivo-blue)}.demo-journey h2{margin:14px 0 8px;font-size:16px;font-weight:600}.demo-journey p{color:var(--lekivo-body);font-size:13px;line-height:1.8}.demo-progress{margin:0 0 48px;padding:28px}.demo-progress h2{margin:10px 0;font-size:20px}.demo-progress p,.demo-progress small{color:var(--lekivo-body);font-size:13px}.demo-progress-meter{background:#e8ede4;border-radius:5px;height:6px;margin:18px 0;overflow:hidden}.demo-progress-meter span{background:var(--lekivo-blue);height:100%;display:block}.demo-section-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.demo-section-heading h2{letter-spacing:-.7px;margin-top:8px;font-size:clamp(24px,3vw,32px)}.demo-module{margin-bottom:20px;padding:0 28px}.demo-module header{justify-content:space-between;align-items:baseline;gap:16px;padding:24px 0;display:flex}.demo-module h3{font-size:18px;font-weight:600}.demo-module header span{white-space:nowrap;color:var(--lekivo-body);font-size:12px}.demo-lesson{border-top:1px solid #e8ede4}.demo-lesson summary{cursor:pointer;padding:18px 0;font-size:14px}.demo-lesson summary small{float:right;color:var(--lekivo-blue);padding-left:16px;font-size:11px}.demo-lesson-body{max-width:760px;padding:4px 0 26px}.demo-lesson-body p{margin-bottom:16px;font-size:14px;line-height:1.9}.demo-reading{text-underline-offset:3px;color:var(--lekivo-blue);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;text-decoration:underline;display:inline-flex}.demo-reflection{background:#f8faff;border-radius:10px;margin-top:20px;padding:20px}.demo-reflection h4{margin-bottom:10px;font-size:14px;font-weight:600}.demo-reflection form{margin-top:14px}.demo-reflection label{margin-bottom:8px;font-size:13px;display:block}.demo-reflection textarea{border:1px solid var(--lekivo-line);resize:vertical;width:100%;font:inherit;background:#fff;border-radius:8px;margin-bottom:10px;padding:12px}.demo-saved{color:var(--lekivo-blue);align-items:center;gap:8px;padding-top:12px;display:flex}.demo-source{align-items:flex-start;gap:28px;margin-top:32px;padding:28px;display:flex}.demo-source h2{margin-bottom:12px;font-size:18px;font-weight:600}.demo-source p{max-width:720px;color:var(--lekivo-body);margin-top:10px;font-size:12px;line-height:1.8}.demo-source button{flex-shrink:0}.demo-reset{padding:22px 0}.demo-reset>.panel{padding:24px}.demo-alert{color:#8a4637;margin-top:20px;padding:20px}.study-source{flex-wrap:wrap}.study-source a{text-underline-offset:3px;align-items:center;gap:4px;text-decoration:underline;display:inline-flex}.demo-workspace :is(button,a,summary,textarea):focus-visible{outline:3px solid var(--lekivo-blue);outline-offset:4px}@media (width<=760px){.demo-hero{grid-template-columns:1fr;gap:28px;padding:28px}.demo-hero h1{font-size:36px}.demo-book{justify-self:center;width:100%;max-width:360px;min-height:290px}.demo-facts{grid-template-columns:repeat(2,1fr);row-gap:24px}.demo-facts div:nth-child(2){border-right:0}.demo-journey{grid-template-columns:1fr;gap:24px}.demo-section-heading,.demo-source{flex-direction:column;align-items:flex-start}.demo-module{padding:0 18px}.demo-module header{flex-direction:column;gap:8px}.demo-lesson summary{padding-right:0;display:list-item}.demo-lesson summary small{float:none;padding:6px 0 0 16px;display:block}.demo-reflection{padding:16px}}