.xp-card.stories.lesson-card{grid-template:"title""examples""form"/minmax(0,1fr);width:min(860px,100%)}.xp-card.stories.lesson-card .xp-examples{align-self:stretch;padding-bottom:26px}.xp-card.stories.lesson-card .xp-reel{height:auto}.xp-card.stories.lesson-card .xp-main.wide{width:min(100%,620px)}.xp-card.stories.lesson-card .xp-side{display:none}.xp-card.stories.lesson-card:not(.solo) .lesson-topic textarea{min-height:132px;padding-bottom:44px}.doc-drop{width:100%;font:inherit;color:var(--fg);margin-top:8px}.doc-drop:disabled{cursor:progress;opacity:.7}.xp-card.stories:not(.solo) .doc-area textarea{min-height:60px;padding-bottom:12px}.doc-picked{border:1px solid var(--line);align-items:center;gap:12px;padding:12px 12px 12px 14px;display:flex}.doc-icon{background:var(--panel3);height:40px;color:var(--fg);border-radius:10px;flex:0 0 40px;place-items:center;display:grid}.doc-name{flex:1;gap:2px;min-width:0;display:grid}.doc-name b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.doc-name small{color:var(--dim);font-size:12px}.doc-picked button{background:var(--panel3);width:28px;height:28px;color:var(--dim);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.doc-picked button:hover{color:var(--fg)}.lesson-board .lb-head{grid-area:title;justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.lb-back{color:var(--dim);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:6px 10px 6px 4px;font-size:14px;display:inline-flex}.lb-back:hover{color:var(--fg)}.lb-script{scrollbar-width:thin;grid-area:examples;min-width:0;max-height:min(640px,100vh - 160px);padding-right:6px;overflow-y:auto}.lb-editor{gap:14px;display:grid}.lb-editor input,.lb-editor textarea{width:100%;color:var(--fg);font:inherit;background:#0000003d;border:1px solid #ffffff1a;border-radius:10px;padding:8px 10px;font-size:14px;line-height:1.5}.lb-editor input:focus,.lb-editor textarea:focus{border-color:var(--accent);outline:none}.lb-editor textarea{resize:vertical}.lb-editor .lb-title{background:0 0;border-color:#0000;padding:4px 6px;font-size:20px;font-weight:600}.lb-editor .lb-title:hover{border-color:#ffffff1a}.lb-editor h3{color:var(--dim);align-items:center;gap:6px;margin:0 0 8px;font-size:13px;font-weight:600;display:flex}.lb-points ul{border:1px solid var(--line);background:#ffffff08;border-radius:12px;gap:8px;margin:0;padding:12px 14px;list-style:none;display:grid}.lb-points li{gap:2px;font-size:13px;line-height:1.45;display:grid}.lb-points a,.lb-points small{color:var(--dim);text-underline-offset:2px;overflow-wrap:anywhere;justify-self:start;font-size:12px;text-decoration:underline}.lb-points small{text-decoration:none}.lb-points a:hover{color:var(--fg)}.lb-fixes{color:var(--dim);font-size:13px}.lb-fixes summary{cursor:pointer;align-items:center;gap:6px;list-style:none;display:inline-flex}.lb-fixes summary::-webkit-details-marker{display:none}.lb-fixes ul{gap:4px;margin:8px 0 0;padding-left:18px;line-height:1.45;display:grid}.lb-chapter{gap:6px;display:grid}.lb-chapter input{font-weight:600}.lb-quiz fieldset{border:1px solid var(--line);border-radius:12px;gap:6px;margin:0 0 12px;padding:12px;display:grid}.lb-quiz .lb-q{font-weight:600}.lb-quiz label{grid-template-columns:auto auto 1fr;align-items:center;gap:8px;display:grid}.lb-quiz label b{width:18px;color:var(--dim);text-align:center;font-size:13px}.lb-quiz label.right b{color:var(--fg)}.lb-quiz label.right input:not([type=radio]){border-color:#fff6}.lb-quiz input[type=radio]{accent-color:#fff;width:16px;height:16px;margin:0}.lb-quiz .lb-why{color:var(--dim);font-size:13px}.lb-skeleton{gap:12px;display:grid}.lb-skeleton p{color:var(--dim);margin:0 0 6px;font-size:14px}.lb-bar,.lb-block{background:linear-gradient(90deg,#ffffff0f,#ffffff21,#ffffff0f) 0 0/200% 100%;border-radius:7px;height:14px;animation:1.4s linear infinite lb-shimmer;display:block}.lb-block{border-radius:12px;height:92px}@keyframes lb-shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.lb-bar,.lb-block{animation:none}}@media (max-width:900px){.lb-script{max-height:none;margin-bottom:22px;padding-right:0;overflow:visible}}@media (max-width:680px){.xp-card.stories.lesson-card .xp-examples{padding-bottom:0}}
