
.lesson46-page{font-size:16px!important}
.lesson46-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}
.lesson46-page pre{font-size:15px!important;line-height:1.6!important}
.lesson46-page .sah-codebar *{font-size:15px!important}
.lesson46-page{max-width:100%;overflow-x:clip}
.lesson46-content{min-width:0}
.lesson46-breadcrumb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 20px;color:#667085;font-size:15px!important}
.lesson46-breadcrumb a{color:#475467;text-decoration:none}
.lesson46-hero{margin-bottom:28px}
.lesson46-label{font-size:15px!important;font-weight:900;letter-spacing:.08em;color:#7c3aed;margin-bottom:8px}
.lesson46-hero h1{margin:0;font-size:46px!important;line-height:1.08;letter-spacing:-.02em}
.lesson46-hero p{margin:16px 0 14px;font-size:18px!important;line-height:1.65;color:#475467}
.lesson46-meta{display:flex;gap:9px;flex-wrap:wrap;color:#667085;font-size:15px!important}
.lesson46-objectives{padding:20px 22px;border:1px solid #e4e7ec;border-radius:12px;background:#fff;margin:0 0 38px}
.lesson46-objectives h2{margin:0 0 12px;font-size:24px!important}
.lesson46-objectives ul,.lesson46-takeaways ul{margin:0;padding-left:22px}
.lesson46-objectives li,.lesson46-takeaways li{margin:8px 0;color:#475467;font-size:16px!important;line-height:1.6}
.lesson46-section{display:grid;grid-template-columns:34px minmax(0,1fr);gap:13px;margin:44px 0}
.lesson46-number{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#efe7ff;color:#6d28d9;font-weight:900;font-size:15px!important}
.lesson46-body{min-width:0}
.lesson46-body h2{margin:0 0 12px;font-size:29px!important;line-height:1.2}
.lesson46-body p{margin:11px 0;color:#475467;font-size:16px!important;line-height:1.72}
.lesson46-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}
.lesson46-flow,.lesson46-rag{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:8px;align-items:center;margin:21px 0}
.lesson46-flow>div,.lesson46-rag>div{padding:15px;border:1px solid #e4e7ec;border-radius:10px;background:#fff;min-width:0}
.lesson46-flow b,.lesson46-rag b{font-size:15px!important;text-align:center}
.lesson46-flow span,.lesson46-rag span{display:block;margin-top:6px;color:#667085;font-size:15px!important;line-height:1.45}
.lesson46-example-grid,.lesson46-size-grid,.lesson46-mistakes,.lesson46-eval{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:20px 0}
.lesson46-example-grid>div,.lesson46-size-grid>div,.lesson46-mistakes>div,.lesson46-eval>div{padding:17px;border:1px solid #e4e7ec;border-radius:11px;background:#fff;min-width:0}
.lesson46-example-grid span,.lesson46-size-grid span,.lesson46-mistakes span,.lesson46-eval span,.lesson46-compare span,.lesson46-embedding-flow span,.lesson46-boundaries span{display:block;color:#7c3aed;font-size:15px!important;font-weight:900;letter-spacing:.05em}
.lesson46-example-grid b,.lesson46-size-grid h3,.lesson46-mistakes b,.lesson46-eval b{display:block;margin:6px 0;font-size:16px!important}
.lesson46-example-grid p,.lesson46-size-grid p,.lesson46-mistakes p,.lesson46-eval p{margin:0;font-size:15px!important;line-height:1.55}
.lesson46-compare{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:stretch;margin:20px 0}
.lesson46-compare>div{padding:17px;border:1px solid #e4e7ec;border-radius:11px;background:#fff;min-width:0}
.lesson46-compare h3{margin:7px 0 10px;font-size:20px!important}
.lesson46-compare p{margin:0;font-size:15px!important}
.lesson46-note{margin:17px 0;padding:13px 15px;border-radius:9px;background:#f8fafc;color:#475467;font-size:15px!important;line-height:1.6}
.lesson46-embedding-flow{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin:20px 0}
.lesson46-embedding-flow>div{padding:15px;border:1px solid #e4e7ec;border-radius:10px;background:#fff;min-width:0}
.lesson46-embedding-flow b{display:block;margin-top:6px;font-size:15px!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-word}
.lesson46-record-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:20px 0}
.lesson46-record-grid>div{padding:15px;border:1px solid #e4e7ec;border-radius:10px;background:#fff;min-width:0}
.lesson46-record-grid span{color:#7c3aed;font-size:15px!important;font-weight:900}
.lesson46-record-grid strong{display:block;margin:7px 0;font-size:15px!important;word-break:break-word}
.lesson46-record-grid small{color:#667085;font-size:15px!important;line-height:1.45}
.lesson46-size-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.lesson46-size-grid>div:nth-child(2){border-color:#ddd2f0;background:#faf8ff}
.lesson46-tradeoff{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:20px 0}
.lesson46-tradeoff>div{padding:18px;border:1px solid #e4e7ec;border-radius:11px;background:#fff;min-width:0}
.lesson46-tradeoff b{font-size:18px!important}
.lesson46-tradeoff ul{padding-left:20px}
.lesson46-tradeoff li{margin:7px 0;color:#475467;font-size:15px!important;line-height:1.55}
.lesson46-rag>div{padding:15px;border:1px solid #e4e7ec;border-radius:10px;background:#fff}
.lesson46-boundaries{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:20px 0}
.lesson46-boundaries>div{padding:17px;border-radius:11px;border:1px solid #e4e7ec;min-width:0}
.lesson46-boundary-bad{background:#fff8f7}.lesson46-boundary-good{background:#f8fcf8}
.lesson46-boundaries p{font-size:15px!important}
.lesson46-boundary-bad span{color:#b42318}.lesson46-boundary-good span{color:#15803d}
.lesson46-scale{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:20px 0}
.lesson46-scale>div{padding:15px;border:1px solid #e4e7ec;border-radius:10px;background:#fff;min-width:0}
.lesson46-scale b,.lesson46-scale span{display:block}
.lesson46-scale b{font-size:16px!important}.lesson46-scale span{margin-top:5px;color:#667085;font-size:15px!important;line-height:1.5}
.lesson46-practice{display:grid;grid-template-columns:34px minmax(0,1fr);gap:13px;margin:48px 0}
.lesson46-practice-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px;border:1px solid #ddd2f0;border-radius:12px;background:#faf8ff;margin-top:18px}
.lesson46-practice-card h3{margin:6px 0 8px;font-size:20px!important}.lesson46-practice-card p{margin:0;font-size:15px!important;line-height:1.55}
.lesson46-practice-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-end}
.lesson46-hint{border:1px solid #7c3aed;background:#fff;color:#6d28d9;border-radius:8px;padding:9px 13px;font-size:15px!important;font-weight:700;cursor:pointer}
.lesson46-hint-text{max-width:360px;font-size:15px!important;color:#475467;line-height:1.55}
.lesson46-quiz{margin:48px 0}.lesson46-quiz h2,.lesson46-recap h2,.lesson46-takeaways h2{font-size:29px!important}
.lesson46-quiz-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lesson46-quiz details{border:1px solid #e4e7ec;border-radius:10px;background:#fff;padding:14px 16px}
.lesson46-quiz summary{cursor:pointer;font-weight:700;font-size:16px!important}.lesson46-quiz details p{font-size:15px!important;color:#475467;line-height:1.6;margin:10px 0 0}
.lesson46-recap{margin:48px 0}.lesson46-recap-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.lesson46-recap-grid>div{padding:16px;border:1px solid #e4e7ec;border-radius:10px;background:#fff;min-width:0}
.lesson46-recap-grid strong{display:block;font-size:16px!important;margin-bottom:6px}.lesson46-recap-grid p{margin:0;color:#475467;font-size:15px!important;line-height:1.5}
.lesson46-takeaways{margin:48px 0}.lesson46-bottom-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:44px 0 20px}
.lesson46-bottom-nav a{display:flex;align-items:center;justify-content:center;text-align:center;min-height:48px;padding:11px 14px;border:1px solid #e4e7ec;border-radius:10px;background:#fff;color:#344054;text-decoration:none;font-size:15px!important;line-height:1.35}
.lesson46-bottom-nav a:hover{border-color:#c084fc;background:#faf8ff}
@media(max-width:900px){
 .lesson46-record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .lesson46-flow,.lesson46-rag{grid-template-columns:1fr;gap:8px}
 .lesson46-flow>b,.lesson46-rag>b{display:none}
 .lesson46-scale{grid-template-columns:1fr}
}
@media(max-width:760px){
 .lesson46-hero h1{font-size:36px!important}.lesson46-hero p{font-size:17px!important}.lesson46-body h2,.lesson46-quiz h2,.lesson46-recap h2,.lesson46-takeaways h2{font-size:25px!important}
 .lesson46-section,.lesson46-practice{grid-template-columns:1fr;gap:10px;margin:36px 0}
 .lesson46-number{margin-bottom:-2px}
 .lesson46-example-grid,.lesson46-size-grid,.lesson46-mistakes,.lesson46-eval,.lesson46-tradeoff,.lesson46-boundaries,.lesson46-quiz-grid{grid-template-columns:1fr}
 .lesson46-compare,.lesson46-embedding-flow{grid-template-columns:1fr}
 .lesson46-compare> b,.lesson46-embedding-flow> b{display:none}
 .lesson46-record-grid{grid-template-columns:1fr 1fr}
 .lesson46-practice-card{grid-template-columns:1fr}
 .lesson46-practice-actions{justify-content:flex-start}
 .lesson46-hint-text{max-width:none}
 .lesson46-recap-grid{grid-template-columns:1fr 1fr}
 .lesson46-bottom-nav{grid-template-columns:1fr}
 .lesson46-callout{grid-template-columns:1fr}
}
@media(max-width:480px){
 .lesson46-hero h1{font-size:32px!important}
 .lesson46-record-grid,.lesson46-recap-grid{grid-template-columns:1fr}
}

/* Lesson 45 hardening: keep every lesson text readable and prevent card collapse. */
.lesson46-page,
.lesson46-page * { box-sizing:border-box; }
.lesson46-page { font-size:16px !important; overflow-x:clip; }
.lesson46-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;
}
.lesson46-page pre { font-size:15px !important; line-height:1.6 !important; overflow-x:auto; }
.lesson46-page .sah-codebar,
.lesson46-page .sah-codebar * { font-size:15px !important; }
.lesson46-page .lesson46-flow,
.lesson46-page .lesson46-rag { min-width:0; }
.lesson46-page .lesson46-size-grid,
.lesson46-page .lesson46-example-grid,
.lesson46-page .lesson46-mistakes,
.lesson46-page .lesson46-eval { min-width:0; }
.lesson46-page .lesson46-size-grid > div,
.lesson46-page .lesson46-example-grid > div,
.lesson46-page .lesson46-mistakes > div,
.lesson46-page .lesson46-eval > div { min-width:0; overflow-wrap:anywhere; }
.lesson46-page .lesson46-compare { min-width:0; }
.lesson46-page .lesson46-compare > div { min-width:0; }
.lesson46-page .lesson46-practice-card { min-width:0; }
@media (max-width: 760px) {
  .lesson46-page .lesson46-flow,
  .lesson46-page .lesson46-rag { grid-template-columns:1fr; }
  .lesson46-page .lesson46-flow > b,
  .lesson46-page .lesson46-rag > b { transform:rotate(90deg); margin:0 auto; }
  .lesson46-page .lesson46-example-grid,
  .lesson46-page .lesson46-size-grid,
  .lesson46-page .lesson46-mistakes,
  .lesson46-page .lesson46-eval { grid-template-columns:1fr; }
  .lesson46-page .lesson46-compare { grid-template-columns:1fr; }
  .lesson46-page .lesson46-compare > b { display:none; }
  .lesson46-page .lesson46-body h2 { font-size:25px !important; }
  .lesson46-page .lesson46-hero h1 { font-size:36px !important; }
}
@media (max-width: 480px) {
  .lesson46-page .lesson46-hero h1 { font-size:32px !important; }
  .lesson46-page .lesson46-body h2 { font-size:23px !important; }
}

/* Lesson 46 readability/layout hardening */
.lesson46-page, .lesson46-page * { box-sizing:border-box; }
.lesson46-page { font-size:16px !important; overflow-x:clip; }
.lesson46-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;
}
.lesson46-page pre { font-size:15px !important; line-height:1.6 !important; overflow-x:auto; }
.lesson46-page .sah-codebar, .lesson46-page .sah-codebar * { font-size:15px !important; }
.lesson46-page .lesson46-size-grid > div,
.lesson46-page .lesson46-example-grid > div,
.lesson46-page .lesson46-mistakes > div,
.lesson46-page .lesson46-eval > div,
.lesson46-page .lesson46-compare > div,
.lesson46-page .lesson46-practice-card > div { min-width:0; overflow-wrap:anywhere; }
@media (max-width:760px) {
  .lesson46-page .lesson46-flow,
  .lesson46-page .lesson46-rag { grid-template-columns:1fr; }
  .lesson46-page .lesson46-flow > b,
  .lesson46-page .lesson46-rag > b { transform:rotate(90deg); margin:0 auto; }
  .lesson46-page .lesson46-example-grid,
  .lesson46-page .lesson46-size-grid,
  .lesson46-page .lesson46-mistakes,
  .lesson46-page .lesson46-eval { grid-template-columns:1fr; }
  .lesson46-page .lesson46-compare { grid-template-columns:1fr; }
  .lesson46-page .lesson46-compare > b { display:none; }
  .lesson46-page .lesson46-hero h1 { font-size:36px !important; }
  .lesson46-page .lesson46-body h2 { font-size:25px !important; }
}
@media (max-width:480px) {
  .lesson46-page .lesson46-hero h1 { font-size:32px !important; }
  .lesson46-page .lesson46-body h2 { font-size:23px !important; }
}
