/* Cafe images follow the concept they explain; text and data remain readable. */
.data-lesson{--data-green:#175d4f;--data-paper:#fffaf0}
.data-lesson .data-concept-intro,.data-lesson .data-comic-deck,.data-lesson #data-application{scroll-margin-top:5rem}
.data-concept-intro{margin:1.5rem 0 2rem}.data-concept-intro h2{font-size:1.4rem;line-height:1.65;margin:0 0 .8rem}
.data-lesson .data-concept-intro>p,.data-link-note p,.data-application>p,.data-reflection p{font-size:1.0625rem;line-height:1.9}
.data-lesson .data-mode-bar{border:0;margin:1rem 0;padding:0}.data-mode-bar .article-toolbar{margin:0;gap:.65rem;align-items:center}.data-mode-bar .segmented{flex:1}.data-mode-bar .segmented button{flex:1;min-height:44px;padding:.65rem;font-size:1rem}.data-mode-bar .save-button{min-height:44px}
.data-lesson .lesson-goal{margin-bottom:1rem}.data-lesson .lesson-flow-steps{margin:1rem 0 1.5rem}
.data-comic-deck{margin:1.3rem auto 1rem;max-width:560px;border:1px solid #b9ccc4;border-radius:.65rem;overflow:clip;background:#fff}
.data-comic-progress{font-size:1rem;font-weight:700;line-height:1.7;margin:0;padding:.85rem 1rem .2rem;color:var(--data-green)}
.data-slide-controls{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.65rem 1rem;background:#f1f7f4}.data-slide-controls button{background:#fff;border:1px solid #a9c5ba;color:#174e42;padding:.6rem .75rem;min-height:44px;border-radius:.4rem;font-size:1rem}.data-slide-controls button:disabled{opacity:.4;cursor:default}.data-slide-controls>span{flex-shrink:0;font-size:.9375rem}
.data-lesson .data-comic-page{margin:1.5rem auto;max-width:560px}.data-comic-deck .data-comic-page{margin:0}.data-comic-art{display:block;background:#f3eee3}.data-comic-art img{display:block;width:100%;height:auto;max-width:100%}
.data-comic-transcript{margin:0;padding:.6rem 1rem;background:#fff;border-bottom:1px solid #d9e3dd}.data-comic-transcript>summary{min-height:44px;display:list-item;align-content:center;font-size:1rem;font-weight:600;color:#235347;cursor:pointer}.data-comic-transcript>p{font-size:1.0625rem;line-height:1.85;overflow-wrap:anywhere;margin:.9rem 0}
.data-deck-end{display:block;margin:1rem;min-height:44px;white-space:normal}.data-text-jump{display:block;min-height:44px;margin:.8rem auto 0;padding:.65rem 1rem;font-size:1rem;line-height:1.65;background:#f3f7fd;border:1px solid #aabfe2;border-radius:.45rem;color:#204f96}
.data-lesson .data-link-note{padding:1.25rem;margin:1.5rem 0;border-left:4px solid #2760bc;background:#f2f6fc}.data-link-note h3,.data-reflection h3,.data-application h3{font-size:1.2rem;line-height:1.7;margin:0 0 .75rem}
.data-comic-extra{margin:1rem 0;border:1px solid #b9ccc4;border-radius:.65rem;overflow:clip}.data-comic-extra>summary{padding:1rem;font-size:1.0625rem;line-height:1.65;color:var(--data-green);background:#f1f7f4;cursor:pointer}.data-comic-extra>p{margin:1rem;font-size:1rem;line-height:1.85}.data-comic-extra .data-comic-deck{border:0}.data-comic-extra .data-comic-fiction{font-size:.875rem;color:#556174}
.data-record-array{margin:1.5rem 0;padding:1.1rem;background:#fffaf0;border:1px solid #dcc99d;border-radius:.6rem}.data-record-array figcaption{font-size:1.1rem;font-weight:700;margin-bottom:1rem}.data-record-array table{width:100%;border-collapse:collapse;font-size:1rem}.data-record-array th,.data-record-array td{padding:.7rem .4rem;border-bottom:1px solid #c3cfc6;text-align:left}.data-record-array thead{background:#e3eee7}.data-record-array .selected-record{background:#deebff}.data-record-array .selected-record th{color:#174897}.data-record-array p{font-size:1rem;line-height:1.85}.data-record-picker{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;font-size:1rem;margin:1rem 0}.data-record-picker select{padding:.6rem;min-height:44px;font-size:1rem;background:#fff;border:1px solid #7d96af;border-radius:.4rem}.data-record-array output{display:block;padding:.85rem;background:#e8f0ff;color:#1d427c;font-size:1.0625rem;line-height:1.85;font-weight:700}
.data-review-points dl{margin:1rem 0}.data-review-points dl>div{display:grid;grid-template-columns:6.3rem minmax(0,1fr);gap:.8rem;padding:.85rem 0;border-bottom:1px solid #d5dfe9}.data-review-points dt{font-weight:700;font-size:1.0625rem;color:#2455a4}.data-review-points dd{margin:0;font-size:1.0625rem;line-height:1.8}.data-reflection{margin-top:1.5rem;padding:1.25rem;background:#fffaf0;border:1px solid #e3cd9c;border-radius:.65rem}.data-reflection ol{padding-left:1.3rem;font-size:1.0625rem;line-height:1.9}.data-reflection li{margin:.75rem 0}.data-reflection summary{min-height:44px;padding:.65rem 0;cursor:pointer;font-size:1rem;color:#244e80;font-weight:600}
.data-lesson :is(button,a,summary,select):focus-visible{outline:3px solid #2455c6;outline-offset:3px}
@media(max-width:650px){.data-lesson-layout{margin-inline:-16px}.article.data-lesson{padding:1.1rem 18px;border-inline:0;border-radius:0}.data-lesson h1{font-size:1.55rem}.data-lesson .data-concept-intro h2{font-size:1.3rem}.data-lesson .data-comic-deck,.data-lesson .reading-section>.data-comic-page{margin-inline:calc(-1 * var(--reader-mobile-inline-padding,18px));max-width:none;border-inline:0;border-radius:0}.data-comic-extra .data-comic-deck,.data-comic-extra .data-comic-page{margin-inline:0}.data-mode-bar .article-toolbar{flex-wrap:wrap}.data-mode-bar .save-button{padding:.5rem}.data-lesson .data-reflection,.data-lesson .data-link-note{padding:1rem}.data-record-array{padding:.8rem;margin-inline:-.5rem}.data-record-array th,.data-record-array td{padding:.6rem .25rem;font-size:.9375rem}.data-review-points dl>div{grid-template-columns:1fr;gap:.3rem}}
@media(prefers-reduced-motion:reduce){.data-lesson{scroll-behavior:auto}}
.c14-chapter-reflection{padding:1.3rem;border:1px solid #decca4;border-radius:.65rem;background:#fffaf0}.c14-chapter-reflection h3{font-size:1.2rem;line-height:1.65}.c14-chapter-reflection p{font-size:1.0625rem;line-height:1.9}.c14-chapter-reflection summary{padding:.65rem 0;min-height:44px;cursor:pointer;color:#234e88;font-weight:600;line-height:1.7}.c14-extra-check{margin-top:1.3rem;padding-top:1rem;border-top:1px solid #decca4}
.data-lesson pre.exam-code,.chapter14-lesson pre.exam-code{font-family:Consolas,"Noto Sans Mono",monospace;font-weight:400;letter-spacing:0;color:#1e334d;white-space:pre;overflow-wrap:normal;overflow-x:auto;line-height:1.75;font-size:.95rem;tab-size:2}
@media(max-width:650px){.chapter14-layout{margin-inline:-16px}.article.chapter14-lesson{padding:1.1rem 18px;border-inline:0;border-radius:0}.chapter14-lesson h1{font-size:1.55rem}}