.lesson38-page{font-size:16px!important}
.lesson38-page :where(p,li,a,button,input,select,textarea,label,small,code,pre,th,td,figcaption,blockquote,dt,dd,span,strong,b,em,i){font-size:max(15px,1em)!important}
.lesson38-page pre{font-size:15px!important;line-height:1.6!important}
.lesson38-page .sah-codebar *{font-size:15px!important}
.lesson38-content{max-width:100%;padding:24px 22px 65px;box-sizing:border-box;color:#172033}
.lesson38-breadcrumb{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:0 0 18px;color:#667085}
.lesson38-breadcrumb a{color:#6d28d9;text-decoration:none;font-weight:700}
.lesson38-hero{padding:32px 30px;border:1px solid #e4d7f5;border-radius:16px;background:linear-gradient(135deg,#fbf8ff,#fff);margin-bottom:26px}
.lesson38-label{font-size:15px!important;font-weight:900;letter-spacing:.08em;color:#7c3aed;margin-bottom:8px}
.lesson38-hero h1{margin:0;font-size:46px;line-height:1.08;letter-spacing:-.02em}
.lesson38-hero p{margin:16px 0 14px;font-size:18px!important;line-height:1.65;color:#475467}
.lesson38-meta{display:flex;gap:9px;flex-wrap:wrap;color:#667085;font-size:15px!important}
.lesson38-objectives{padding:22px 24px;border:1px solid #e4e7ec;border-radius:13px;background:#fff;margin:0 0 35px}
.lesson38-objectives h2{margin:0 0 12px;font-size:24px!important}
.lesson38-objectives ul{margin:0;padding-left:23px}
.lesson38-objectives li{margin:7px 0;color:#475467;line-height:1.6}
.lesson38-section{display:grid;grid-template-columns:34px minmax(0,1fr);gap:13px;margin:44px 0}
.lesson38-number{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#efe7ff;color:#6d28d9;font-weight:900}
.lesson38-body h2{margin:0 0 12px;font-size:29px!important;line-height:1.2}
.lesson38-body p{margin:11px 0;color:#475467;font-size:16px!important;line-height:1.72}
.lesson38-flow,.lesson38-rag{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:8px;align-items:center;margin:21px 0}
.lesson38-flow>div,.lesson38-rag>div{min-width:0;padding:16px;border:1px solid #e4e7ec;border-radius:11px;background:#fff;text-align:center}
.lesson38-flow b,.lesson38-flow span,.lesson38-rag b,.lesson38-rag span{display:block}
.lesson38-flow b,.lesson38-rag b{font-size:15px!important}
.lesson38-flow span,.lesson38-rag span{margin-top:6px;color:#667085;font-size:15px!important;line-height:1.45}
.lesson38-flow>i,.lesson38-rag>i,.lesson38-query-flow>i,.lesson38-embedding-flow>i{font-style:normal;color:#7c3aed;font-weight:900}
.lesson38-flow-highlight{border-color:#ddd2f0!important;background:#faf8ff!important}
.lesson38-flow-highlight b{color:#6d28d9}
.lesson38-callout{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:10px;margin:18px 0;padding:15px 17px;border:1px solid #e4e7ec;border-radius:10px;background:#f8fafc;color:#475467;font-size:15px!important;line-height:1.6}
.lesson38-callout strong{color:#344054}
.lesson38-callout--purple{border-color:#ddd2f0;background:#faf8ff}
.lesson38-before-after,.lesson38-compare{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:stretch;margin:20px 0}
.lesson38-before-after>div:not(.lesson38-arrow),.lesson38-compare>div:not(.lesson38-vs){padding:20px;border:1px solid #e4e7ec;border-radius:12px;background:#fff}
.lesson38-before-after>div:last-child,.lesson38-compare>div:last-child{border-color:#ddd2f0;background:#fcfaff}
.lesson38-before-after span,.lesson38-compare span,.lesson38-example-grid span,.lesson38-size-grid span,.lesson38-boundaries span,.lesson38-rag-cards span,.lesson38-eval span,.lesson38-record-grid span,.lesson38-embedding-flow span,.lesson38-score b{display:block;color:#7c3aed;font-size:15px!important;font-weight:900;letter-spacing:.05em}
.lesson38-before-after h3,.lesson38-compare h3{margin:7px 0 10px;font-size:20px!important}
.lesson38-before-after p,.lesson38-compare p{margin:0;font-size:15px!important}
.lesson38-arrow,.lesson38-vs{align-self:center;color:#98a2b3;font-weight:900}
.lesson38-example-grid,.lesson38-size-grid,.lesson38-mistakes,.lesson38-eval{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:20px 0}
.lesson38-example-grid>div,.lesson38-size-grid>div,.lesson38-mistakes>div,.lesson38-eval>div{padding:17px;border:1px solid #e4e7ec;border-radius:11px;background:#fff}
.lesson38-example-grid b,.lesson38-size-grid h3,.lesson38-mistakes b,.lesson38-eval b{display:block;margin:6px 0;font-size:16px!important}
.lesson38-example-grid p,.lesson38-size-grid p,.lesson38-mistakes p,.lesson38-eval p{margin:0;font-size:15px!important;line-height:1.55}
.lesson38-query-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:9px;align-items:center;margin:20px 0}
.lesson38-query-flow>div{padding:15px;border:1px solid #e4e7ec;border-radius:10px;background:#fff}
.lesson38-query-flow b,.lesson38-query-flow span{display:block}.lesson38-query-flow b{font-size:16px!important}.lesson38-query-flow span{margin-top:5px;color:#667085;font-size:15px!important}
.lesson38-record-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:20px 0}
.lesson38-record-grid>div{padding:15px;border:1px solid #e4e7ec;border-radius:10px;background:#fff}
.lesson38-record-grid strong{display:block;margin:7px 0;font-size:15px!important;word-break:break-word}.lesson38-record-grid small{color:#667085;font-size:15px!important;line-height:1.45}
.lesson38-note,.lesson38-code-note{margin:17px 0;padding:13px 15px;border-radius:9px;background:#f8fafc;color:#475467;font-size:15px!important;line-height:1.6}
.lesson38-note strong,.lesson38-code-note strong{color:#344054}
.lesson38-size-grid{grid-template-columns:repeat(3,1fr)}
.lesson38-size-grid>div:nth-child(2){border-color:#ddd2f0;background:#faf8ff}
.lesson38-scale{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0}
.lesson38-scale>div{padding:15px;border:1px solid #e4e7ec;border-radius:10px;background:#fff}.lesson38-scale b,.lesson38-scale span{display:block}.lesson38-scale b{font-size:16px!important}.lesson38-scale span{margin-top:5px;color:#667085;font-size:15px!important;line-height:1.5}
.lesson38-boundaries{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:20px 0}.lesson38-boundaries>div{padding:17px;border-radius:11px;border:1px solid #e4e7ec}.lesson38-boundary-bad{background:#fff8f7}.lesson38-boundary-good{background:#f8fcf8}.lesson38-boundaries p{font-size:15px!important}.lesson38-boundary-bad span{color:#b42318}.lesson38-boundary-good span{color:#15803d}
.lesson38-tradeoff{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:20px 0}.lesson38-tradeoff>div{padding:18px;border:1px solid #e4e7ec;border-radius:11px;background:#fff}.lesson38-tradeoff b{font-size:18px!important}.lesson38-tradeoff ul{padding-left:20px}.lesson38-tradeoff li{margin:7px 0;color:#475467;font-size:15px!important;line-height:1.55}
.lesson38-embedding-flow{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin:20px 0}.lesson38-embedding-flow>div{padding:15px;border:1px solid #e4e7ec;border-radius:10px;background:#fff}.lesson38-embedding-flow b{display:block;margin-top:6px;font-size:15px!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-word}
.lesson38-rag-cards{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:20px 0}.lesson38-rag-cards>div{padding:18px;border:1px solid #e4e7ec;border-radius:11px;background:#fff}.lesson38-rag-cards h3{margin:7px 0 8px;font-size:20px!important}.lesson38-rag-cards p{margin:0;font-size:15px!important}
.lesson38-mistakes{grid-template-columns:repeat(3,1fr)}
.lesson38-eval{grid-template-columns:repeat(3,1fr)}
.lesson38-score{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px;margin:20px 0}.lesson38-score>div{padding:15px;border:1px solid #e4e7ec;border-radius:10px;background:#fff}.lesson38-score span,.lesson38-score strong{display:block;margin-top:6px;font-size:15px!important;line-height:1.5}.lesson38-score strong{color:#15803d}
.lesson38-practice,.lesson38-quiz{margin:45px 0;padding:25px;border-radius:14px}.lesson38-practice{border:1px solid #ddd2f0;background:#faf8ff}.lesson38-quiz{border:1px solid #e4e7ec;background:#fff}
.lesson38-practice-label{color:#7c3aed;font-size:15px!important;font-weight:900;letter-spacing:.08em}.lesson38-practice h2,.lesson38-quiz h2,.lesson38-recap h2,.lesson38-takeaways h2{margin:7px 0 17px;font-size:28px!important}.lesson38-practice>p{font-size:16px!important;color:#475467;line-height:1.7}.lesson38-practice ol{padding-left:22px}.lesson38-practice li{margin:8px 0;color:#475467;font-size:16px!important;line-height:1.6}.lesson38-practice-box{margin-top:18px;padding:15px;border:1px solid #e4e7ec;border-radius:9px;background:#fff;color:#475467;font-size:15px!important;line-height:1.6}
.lesson38-question{padding:15px 0;border-top:1px solid #edf0f3}.lesson38-question strong{font-size:16px!important}.lesson38-question p{margin:6px 0 0;font-size:16px!important;line-height:1.6}
.lesson38-recap{margin:45px 0;padding:25px;border-radius:14px;background:#172033;color:#fff}.lesson38-recap h2{color:#fff}.lesson38-recap-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.lesson38-recap-grid>div{padding:15px;border:1px solid rgba(255,255,255,.15);border-radius:9px;background:rgba(255,255,255,.05)}.lesson38-recap-grid b,.lesson38-recap-grid span{display:block;font-size:15px!important}.lesson38-recap-grid span{margin-top:5px;color:#cbd5e1;line-height:1.45}
.lesson38-takeaways{margin:45px 0;padding:25px;border:1px solid #e4e7ec;border-radius:14px;background:#fff}.lesson38-takeaways h2{margin-top:0}.lesson38-takeaways li{margin:8px 0;color:#475467;font-size:16px!important;line-height:1.6}
.lesson38-bottom-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:45px}.lesson38-bottom-nav a{display:block;padding:14px 16px;border:1px solid #ddd2f0;border-radius:10px;background:#fff;color:#5b21b6;text-decoration:none;font-size:15px!important;font-weight:800;line-height:1.45;text-align:center}.lesson38-bottom-nav a:hover{background:#faf8ff}
@media(max-width:1050px){.lesson38-content{padding-left:18px;padding-right:18px}.lesson38-flow,.lesson38-rag{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson38-flow>i,.lesson38-rag>i{display:none}.lesson38-record-grid{grid-template-columns:repeat(2,1fr)}.lesson38-recap-grid{grid-template-columns:repeat(2,1fr)}.lesson38-mistakes{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.lesson38-content{padding:18px 14px 55px}.lesson38-hero{padding:24px 20px}.lesson38-hero h1{font-size:36px!important}.lesson38-hero p{font-size:17px!important}.lesson38-section{grid-template-columns:30px minmax(0,1fr);gap:10px;margin:34px 0}.lesson38-number{width:30px;height:30px}.lesson38-body h2{font-size:25px!important}.lesson38-flow,.lesson38-rag,.lesson38-before-after,.lesson38-compare,.lesson38-query-flow,.lesson38-embedding-flow{grid-template-columns:1fr}.lesson38-flow>i,.lesson38-rag>i,.lesson38-arrow,.lesson38-vs,.lesson38-query-flow>i,.lesson38-embedding-flow>i{display:none}.lesson38-example-grid,.lesson38-size-grid,.lesson38-boundaries,.lesson38-tradeoff,.lesson38-rag-cards,.lesson38-mistakes,.lesson38-eval,.lesson38-record-grid,.lesson38-scale,.lesson38-score{grid-template-columns:1fr}.lesson38-practice,.lesson38-quiz,.lesson38-recap,.lesson38-takeaways{padding:20px}.lesson38-recap-grid{grid-template-columns:1fr}.lesson38-bottom-nav{grid-template-columns:1fr}.lesson38-bottom-nav a{width:100%;box-sizing:border-box}}
@media(max-width:480px){.lesson38-hero h1{font-size:32px!important}.lesson38-body h2{font-size:23px!important}.lesson38-objectives h2,.lesson38-practice h2,.lesson38-quiz h2,.lesson38-recap h2,.lesson38-takeaways h2{font-size:22px!important}.lesson38-callout{grid-template-columns:1fr;gap:5px}}

/* Accessibility/readability hardening for Lesson 38. */
.lesson38-page :where(p,li,a,button,input,select,textarea,label,small,code,pre,th,td,figcaption,blockquote,dt,dd,span,strong,b,em,i) { font-size: max(15px, 1em); }
.lesson38-page .lesson38-meta,
.lesson38-page .lesson38-label,
.lesson38-page .lesson38-code-note,
.lesson38-page .lesson38-practice-label { font-size: 15px; }
.lesson38-page pre { font-size: 15px; line-height: 1.65; }
.lesson38-page .sah-codebar { flex-wrap: wrap; gap: 8px; }
@media (max-width:760px) {
 .lesson38-page { overflow-x: hidden; }
 .lesson38-page .lesson38-bottom-nav { display:grid; grid-template-columns:1fr; gap:10px; }
 .lesson38-page .lesson38-bottom-nav a { min-width:0; white-space:normal; text-align:center; }
 .lesson38-page .lesson38-recap-grid { grid-template-columns:1fr; gap:12px; }
 .lesson38-page .sah-codebar { align-items:flex-start; }
 .lesson38-page pre { overflow-x:auto; max-width:100%; }
}