.ivy-reader-top{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:8px 0 28px;font-size:13px;color:#496256}.ivy-reader-top>span{text-align:right;max-width:50%}.ivy-reader-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:28px;align-items:start;max-width:1100px;margin:0 auto 50px}.ivy-reader-card{background:#fbf9f3;border:1px solid #e0ddcf;border-radius:24px;padding:32px;min-width:0}.ivy-reader-controls{display:flex;align-items:center;justify-content:space-between;gap:16px}.ivy-reader-controls button,.ivy-reader-footer button{border-radius:28px;font-size:13px;padding:12px 18px}.ivy-step-progress{display:flex;gap:5px;margin:24px 0}.ivy-step-progress span{height:5px;background:#e3dfd2;border-radius:5px;flex:1}.ivy-step-progress span.filled{background:#326d58}.ivy-reader-topic{font-size:12px;color:#496256;margin:0 0 8px}.ivy-reader-card h1,.ivy-reader-card h2{font-family:inherit;color:#193c30;font-size:clamp(25px,3vw,34px);line-height:1.2;margin:12px 0 24px;letter-spacing:-.025em}.ivy-step-copy{font-size:17px;line-height:1.8;color:#193c30;max-width:65ch;white-space:normal}.ivy-step-note{background:#e5ece3;border-radius:14px;padding:22px;margin:24px 0}.ivy-step-note p{font-size:16px;line-height:1.65;margin:12px 0 8px}.ivy-step-note small{color:#496256}.ivy-reader-footer{display:flex;justify-content:space-between;gap:18px;border-top:1px solid #e7e2d7;margin-top:36px;padding-top:20px}.ivy-reader-sidebar{background:#fbf9f3;border:1px solid #e0ddcf;border-radius:20px;padding:22px;position:sticky;top:20px}.ivy-reader-sidebar nav{display:grid;gap:4px;margin-top:10px}.ivy-reader-sidebar nav button{display:flex;align-items:center;gap:12px;text-align:left;background:transparent;color:#193c30;font-size:13px;font-weight:500;border:0;padding:11px 8px;border-radius:9px}.ivy-reader-sidebar nav button.active{background:#e5ece3;font-weight:700}.ivy-reader-sidebar nav button>span{display:grid;place-items:center;flex:0 0 22px;height:22px;border:1px solid #c9c8b7;border-radius:50%;font-size:11px}.ivy-reader-sidebar nav button.active>span{background:#193c30;color:#fff;border-color:#193c30}.ivy-reader-book{border-top:1px solid #e7e2d7;margin-top:22px;padding-top:20px;color:#496256;font-size:12px;line-height:1.7}.ivy-reader-book p{margin:8px 0}.ivy-step-options{display:grid;gap:12px;margin:24px 0}.ivy-step-options button{text-align:left;white-space:normal;line-height:1.6;background:#fff;border:1px solid #c9d4c7;color:#193c30;padding:16px;min-height:50px}.ivy-step-options button.selected{background:#e5ece3;outline:2px solid #326d58;outline-offset:1px}.ivy-step-feedback{background:#e5ece3;padding:20px;border-radius:14px;line-height:1.7}.ivy-step-review{margin:24px 0;line-height:1.8}.ivy-step-review summary{cursor:pointer;font-weight:700}.ivy-reader-full-step{border-bottom:1px solid #e7e2d7;padding:24px 0}.ivy-reader-complete{color:#326d58;line-height:1.7}.ivy-lesson-menu-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:16px;align-items:center;border-bottom:1px solid #e3dfd2;padding:20px 0}.ivy-lesson-menu-item h3{font-size:17px;margin:6px 0;line-height:1.4}.ivy-lesson-menu-item p{font-size:12px;margin:0;color:#496256}.ivy-reader-layout button:focus-visible,.ivy-lesson-menu-item button:focus-visible{outline:3px solid #326d58;outline-offset:4px}.ivy-reader-card .ivy-knowledge-check{background:transparent;padding:0}.ivy-reader-card .ivy-reference-exercise{padding:0;border:0;background:transparent}.ivy-reader-card .ivy-teaching-diagram{margin-top:24px}.ivy-reader-card .ivy-completion{margin-top:24px}
@media(max-width:850px){.ivy-reader-layout{grid-template-columns:minmax(0,1fr)}.ivy-reader-sidebar{position:static;grid-row:1;padding:16px}.ivy-reader-sidebar nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.ivy-reader-sidebar nav button{flex-direction:column;align-items:center;text-align:center;font-size:11px;padding:10px 4px;gap:7px;line-height:1.4}.ivy-reader-book{display:none}.ivy-reader-card{padding:24px}.ivy-reader-top{display:block}.ivy-reader-top>span{display:block;max-width:none;text-align:left;margin-top:14px}}
@media(max-width:480px){.ivy-reader-card{padding:20px 16px;border-radius:18px}.ivy-reader-controls{gap:8px}.ivy-reader-controls button{padding:10px 12px;font-size:12px}.ivy-step-copy{font-size:16px}.ivy-lesson-menu-item{grid-template-columns:28px minmax(0,1fr);gap:10px}.ivy-lesson-menu-item>button{grid-column:2;justify-self:start}.ivy-reader-sidebar{padding:12px 8px}.ivy-reader-sidebar nav button{font-size:10px}}

.ivy-worked-example{border-left:4px solid #326d58;padding:4px 0 4px 20px;margin:24px 0}.ivy-extra-diagram{border-top:1px solid #e0ddcf;padding:16px 0;line-height:1.6}.ivy-extra-diagram summary{cursor:pointer;font-weight:600;font-size:14px}.ivy-reader-card .ivy-teaching-diagram img{width:100%;height:auto}.ivy-extra-diagram .ivy-teaching-diagram{margin-bottom:0}

.ivy-explanation{margin-top:24px}.ivy-explanation>label{display:block;font-weight:700}.ivy-explanation textarea{display:block;box-sizing:border-box;width:100%;min-height:160px;resize:vertical;padding:16px;border:1px solid #b8c5b5;border-radius:12px;font:inherit;line-height:1.7;color:#193c30;background:#fff}.ivy-explanation textarea:focus-visible{outline:3px solid #326d58;outline-offset:3px}.ivy-explanation>button{white-space:normal}.ivy-explanation-comparison{margin-top:24px;padding:22px;background:#e5ece3;border-radius:14px;line-height:1.7}.ivy-explanation-comparison h3{margin:0 0 12px}@media(max-width:480px){.ivy-explanation-comparison{padding:16px}}

.ivy-ai-review{border:1px solid #b8c5b5;border-radius:14px;padding:20px;margin:24px 0}.ivy-ai-review-result{border-top:1px solid #c9d4c7;margin-top:20px;padding-top:16px;line-height:1.7}.ivy-ai-review-result[hidden]{display:none}.ivy-ai-correction{padding:10px 16px;border-left:3px solid #8c9c83;margin:16px 0}.ivy-ai-correction p{margin:6px 0}.ivy-ai-review button{white-space:normal}