/* Shared content-component styles for legacy lessons 1.1.2–1.1.4, now rendered inside the canonical 1.1.1 shell. */
/* Extracted content components from lessons/a-1-1-2.html; shell rules are overridden by lesson-reference-111.css. */
.article-body{max-width:1000px;margin:auto;padding:28px 24px 80px;line-height:1.82}.article-body h1{font:800 clamp(34px,5vw,58px)/1.12 Manrope,sans-serif;letter-spacing:-.035em;margin:22px 0}.article-body h2{margin-top:2.7em;font:800 clamp(24px,3vw,34px)/1.2 Manrope,sans-serif;color:var(--text)}.article-body h3{margin-top:1.7em;font:700 19px Manrope,sans-serif;color:var(--text)}.article-body p,.article-body li{color:var(--muted)}.article-body .lead{font-size:19px;max-width:850px;line-height:1.7;color:var(--text)}.lesson-kicker{font-size:11px;letter-spacing:.18em;font-weight:800;color:var(--blue)}.lesson-meta{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.lesson-meta span{padding:7px 13px;border:1px solid var(--line);border-radius:30px;color:var(--muted);font-size:12px}.lesson-hero-card,.learning-box,.reflection-box{padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:var(--panel);margin:22px 0}.lesson-hero-card strong,.learning-box strong{color:var(--blue)}.article-body table{width:100%;border-collapse:collapse;margin:20px 0;display:block;overflow-x:auto}.article-body th,.article-body td{padding:11px 13px;border:1px solid var(--line);text-align:left;vertical-align:top;min-width:140px}.article-body th{background:var(--panel2);color:var(--text)}.quiz-item{padding:16px 18px;margin:14px 0;border:1px solid var(--line);border-radius:13px;background:var(--panel)}.quiz-item h3{margin:0 0 8px}.quiz-item summary{cursor:pointer;color:var(--blue);font-weight:700}.article-body pre{overflow:auto;padding:18px;border-radius:12px;background:var(--surface-code);color:var(--text-code);border:1px solid var(--line)}.lesson-nav,.locale-links{display:flex;flex-wrap:wrap;gap:18px;margin:30px 0}.lesson-nav a,.locale-links a{color:var(--blue);font-weight:700}@media(max-width:620px){.article-body{padding:18px 16px 60px}.article-body .lead{font-size:16px}}

/* Extracted content components from lessons/a-1-1-3.html; shell rules are overridden by lesson-reference-111.css. */
.article-body{max-width:920px;margin:auto;padding:2rem 0 5rem;line-height:1.8}.article-body h2{margin-top:2.6rem}.article-body h3{margin-top:1.6rem}
.planet{display:grid;grid-template-columns:1fr 150px;align-items:center;gap:20px;padding:20px 24px;margin:25px 0;border:1px solid #789ee655;border-radius:18px;background:radial-gradient(circle at 85% 50%,#5879d533,transparent 28%),linear-gradient(120deg,#152847dd,#10182ddd)}
.orb{width:76px;height:76px;margin:auto;border-radius:50%;display:grid;place-items:center;color:white;font-weight:800;background:radial-gradient(circle at 30% 25%,#e4edff,#8aa9e9 22%,#4566b3 55%,#1c2858 85%);box-shadow:0 0 32px #729cff99}
.callout,.problem,.experiment,.conclusion{padding:18px 21px;margin:22px 0;border:1px solid #789ee655;border-radius:14px;background:#263c5a44}.problem{border-color:#55d8c477;background:#174c5144}.problem strong{color:#8fe9dc}.experiment{border-color:#b69aff77;background:#49356c44}.conclusion{border-left:3px solid #66d8c5;border-radius:0 12px 12px 0}
.nesting{padding:22px;border:1px solid #789ee655;border-radius:16px;background:#101d34;text-align:center}.ai{padding:18px;border:2px solid #69aaffaa;border-radius:16px}.ml{max-width:500px;margin:14px auto 0;padding:17px;border:2px solid #a78bfa;border-radius:14px;background:#46356b55}.dl{max-width:310px;margin:13px auto 0;padding:15px;border:2px solid #55d8c4;border-radius:12px;background:#15534d55}.nesting small{display:block;color:#b9c8df;margin-top:5px}
table{width:100%;border-collapse:collapse;margin:18px 0;display:block;overflow-x:auto}th,td{border:1px solid #8296b555;padding:11px;vertical-align:top;text-align:left;min-width:140px}th{color:#a9caff;background:#162641}
.pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0}.pipeline div{padding:13px 8px;border:1px solid #789ee655;border-radius:11px;background:#182a45;text-align:center}.pipeline b,.pipeline span{display:block}.pipeline span{color:#9eacc5;font-size:11px;margin-top:5px}
.quiz{padding:15px;border:1px solid #789ee655;border-radius:13px;margin:14px 0}.quiz h3{margin-top:0}.glossary dt{font-weight:700;margin-top:13px}.glossary dd{margin:4px 0;color:var(--muted)}
@media(max-width:620px){.planet{grid-template-columns:1fr}.pipeline{grid-template-columns:repeat(2,1fr)}}

.lesson-figure{margin:28px 0;padding:18px;border:1px solid var(--lds-line);border-radius:16px;background:var(--lds-surface);overflow:hidden}.lesson-figure figcaption{margin-top:12px;color:var(--lds-muted);font-size:13px;line-height:1.55}.lesson-figure svg{display:block;width:100%;height:auto}.lesson-figure .svg-title{fill:var(--lds-ink);font:700 17px Manrope,Arial,sans-serif}.lesson-figure .svg-label{fill:var(--lds-ink);font:600 13px Manrope,Arial,sans-serif}.lesson-figure .svg-small{fill:var(--lds-muted);font:12px Manrope,Arial,sans-serif}.lesson-figure .svg-accent{fill:var(--lds-accent)}.lesson-figure .svg-box{fill:color-mix(in srgb,var(--lds-accent) 9%,var(--lds-surface));stroke:var(--lds-accent);stroke-width:1.4}.lesson-figure .svg-box2{fill:color-mix(in srgb,var(--lds-muted) 9%,var(--lds-surface));stroke:var(--lds-muted);stroke-width:1.4}.lesson-figure .svg-box3{fill:color-mix(in srgb,var(--lds-good) 9%,var(--lds-surface));stroke:var(--lds-good);stroke-width:1.4}@media(max-width:560px){.lesson-figure{padding:10px}.lesson-figure .svg-title{font-size:15px}.lesson-figure .svg-label{font-size:12px}.lesson-figure .svg-small{font-size:10px}}

/* Extracted content components from lessons/a-1-1-3-en.html; shell rules are overridden by lesson-reference-111.css. */
.lesson{max-width:920px;margin:40px auto 80px;padding:0 24px;line-height:1.8}.lesson h1{font:800 clamp(34px,5vw,56px)/1.12 Manrope}.lesson h2{margin-top:2.4em;color:#a9caff}.diagram{padding:14px;border:1px solid #789ee655;border-radius:14px;background:#101d34;overflow:auto;margin:20px 0}.diagram svg{width:100%;min-width:440px}.diagram figcaption{font-size:12px;color:#9eacc5}.lesson pre{padding:18px;background:#0b1425;border-radius:12px;overflow:auto}.outcomes{padding:18px;border:1px solid #789ee655;border-radius:14px;background:#172b49}.locale-links{display:flex;gap:12px;margin:24px 0;font-size:13px}.planet{display:grid;grid-template-columns:1fr 150px;align-items:center;gap:20px;padding:20px 24px;margin:25px 0;border:1px solid var(--line);border-radius:18px;background:radial-gradient(circle at 85% 50%,rgba(88,121,213,.20),transparent 28%),linear-gradient(120deg,var(--panel),var(--surface))}.orb{width:76px;height:76px;margin:auto;border-radius:50%;display:grid;place-items:center;color:white;font-weight:800;background:radial-gradient(circle at 30% 25%,#e4edff,#8aa9e9 22%,#4566b3 55%,#1c2858 85%);box-shadow:0 0 32px #729cff99}@media(max-width:620px){.planet{grid-template-columns:1fr}.orb{margin:12px auto 0}}.article-body.lesson{max-width:920px;margin:0 auto;padding:2rem 0 5rem;line-height:1.8}.lesson h2{color:var(--text)}.outcomes{background:var(--panel);border-color:var(--line);color:var(--text)}.diagram{background:var(--panel);border-color:var(--line)}.diagram figcaption{color:var(--muted)}

/* Extracted content components from lessons/a-1-1-4.html; shell rules are overridden by lesson-reference-111.css. */
.article-body{max-width:1000px;margin:auto;padding:28px 24px 80px;line-height:1.82}.article-body h1{font:800 clamp(34px,5vw,58px)/1.12 Manrope,sans-serif;letter-spacing:-.035em;margin:22px 0}.article-body h2{margin-top:2.7em;font:800 clamp(24px,3vw,34px)/1.2 Manrope,sans-serif;color:var(--text)}.article-body h3{margin-top:1.7em;font:700 19px Manrope,sans-serif;color:var(--text)}.article-body p,.article-body li{color:var(--muted)}.article-body .lead{font-size:19px;max-width:850px;line-height:1.7;color:var(--text)}.lesson-kicker{font-size:11px;letter-spacing:.18em;font-weight:800;color:var(--blue)}.lesson-meta{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.lesson-meta span{padding:7px 13px;border:1px solid var(--line);border-radius:30px;color:var(--muted);font-size:12px}.lesson-hero-card,.learning-box,.reflection-box{padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:var(--panel);margin:22px 0}.lesson-hero-card strong,.learning-box strong{color:var(--blue)}.article-body table{width:100%;border-collapse:collapse;margin:20px 0;display:block;overflow-x:auto}.article-body th,.article-body td{padding:11px 13px;border:1px solid var(--line);text-align:left;vertical-align:top;min-width:140px}.article-body th{background:var(--panel2);color:var(--text)}.quiz-item{padding:16px 18px;margin:14px 0;border:1px solid var(--line);border-radius:13px;background:var(--panel)}.quiz-item h3{margin:0 0 8px}.quiz-item summary{cursor:pointer;color:var(--blue);font-weight:700}.article-body pre{overflow:auto;padding:18px;border-radius:12px;background:var(--surface-code);color:var(--text-code);border:1px solid var(--line)}.lesson-nav,.locale-links{display:flex;flex-wrap:wrap;gap:18px;margin:30px 0}.lesson-nav a,.locale-links a{color:var(--blue);font-weight:700}@media(max-width:620px){.article-body{padding:18px 16px 60px}.article-body .lead{font-size:16px}}
.planet{display:grid;grid-template-columns:1fr 150px;align-items:center;gap:20px;padding:20px 24px;margin:25px 0;border:1px solid var(--line);border-radius:18px;background:radial-gradient(circle at 85% 50%,rgba(88,121,213,.20),transparent 28%),linear-gradient(120deg,var(--panel),var(--surface))}.orb{width:76px;height:76px;margin:auto;border-radius:50%;display:grid;place-items:center;color:white;font-weight:800;background:radial-gradient(circle at 30% 25%,#e4edff,#8aa9e9 22%,#4566b3 55%,#1c2858 85%);box-shadow:0 0 32px #729cff99}@media(max-width:620px){.planet{grid-template-columns:1fr}.orb{margin:12px auto 0}}.article-body.article-body{max-width:920px;margin:0 auto;padding:2rem 0 5rem;line-height:1.8}


/* Reusable lecture callouts for newly authored lessons. */
.lesson-callout,.lesson-practice{padding:18px 21px;margin:22px 0;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.lesson-callout strong,.lesson-practice h3{color:var(--blue)}
.lesson-practice{border-left:3px solid var(--blue)}

/* Layout safety net for every newly authored lesson component.
   Long localized words and inline math must never force a card wider than its parent. */
.article-body,.article-body *,
.article-body *::before,.article-body *::after{box-sizing:border-box}
.article-body :where(section,article,aside,div,figure,fieldset,li,.lesson-callout,.lesson-practice,.lesson-note,.lesson-outcomes,.lesson-problem,.definition,.glossary-entry,.lesson-check,.lesson-check-question,.lesson-check-option,.lesson-planet-banner){min-width:0;max-width:100%}
.article-body :where(p,li,strong,em,b,small,span,a,dt,dd,figcaption,label,legend){overflow-wrap:anywhere;word-break:normal}
.article-body :where(.lesson-callout,.lesson-practice,.lesson-note,.lesson-outcomes,.lesson-problem,.definition,.glossary-entry,.lesson-check,.lesson-check-question,.lesson-check-option,.lesson-planet-banner){overflow-wrap:anywhere}
.article-body :where(img,svg,video,canvas){max-width:100%;height:auto}
.article-body :where(.lesson-table-wrap,.formula,pre,.lesson-code-block,.lesson-figure,.lesson-diagram){max-width:100%;min-width:0}
.article-body :where(.lesson-table-wrap,pre,.lesson-code-block,.formula){overflow-x:auto;overscroll-behavior-x:contain}
@media(max-width:600px){
  .article-body :where(.lesson-callout,.lesson-practice,.lesson-note,.lesson-problem,.definition,.glossary-entry,.lesson-check){padding-inline:14px}
  .article-body :where(.lesson-planet-banner){grid-template-columns:minmax(0,1fr)}
  .article-body :where(.lesson-planet-art){max-width:100%}
}