:root{--ink:#22344e;--muted:#587087;--line:#dce5ef;--surface:#fff;--surface-soft:#f5f8fc;--header:#f3f6f9;--body:#f9fbfe;--accent:#246fb9;--accent2:#6959ac;--green:#08786a;--darkcode:#0d332c;--radius:16px;--fs:17px;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--body);color:var(--ink);font-size:var(--fs);line-height:1.7;overflow-x:hidden;overflow-wrap:anywhere}button,select,input{font:inherit}button{cursor:pointer}a{color:var(--accent);text-underline-offset:3px}svg{max-width:100%}.ic{width:19px;height:19px;flex-shrink:0}img{max-width:100%}[hidden]{display:none!important}.skip{position:absolute;left:4px;top:-90px;z-index:900;background:var(--surface);padding:10px}.skip:focus{top:10px}.progress-track{position:fixed;top:0;left:0;width:100%;height:3px;background:transparent;z-index:900}.progress-value{height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent2))}
.site-header{background:var(--header);border-bottom:1px solid var(--line);position:relative;z-index:30}.topline{min-height:76px;max-width:1500px;margin:auto;padding:9px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;min-width:0;text-decoration:none}.brand img{width:178px;max-height:57px;object-fit:contain;object-position:left}.brand-fallback{background:linear-gradient(110deg,#276eaf,#6656a4);background-clip:text;color:transparent;font-size:1.25rem}.header-actions{display:flex;align-items:center;gap:5px}.icon-btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:11px;width:37px;height:37px;display:inline-grid;place-items:center;min-width:37px;transition:background .15s,transform .15s}.icon-btn:hover{background:#e7effa;transform:translateY(-1px)}.main-nav{max-width:1500px;margin:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around;gap:5px;padding:8px 18px;border-top:1px solid var(--line)}.main-nav a{padding:5px 9px;text-decoration:none;font-weight:650;font-size:.84rem;color:var(--ink);border-bottom:2px solid transparent}.main-nav a:hover{border-image:linear-gradient(90deg,var(--accent),var(--accent2)) 1}.translatebar{max-width:1500px;margin:auto;display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding:7px 24px}.translatebar label{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600}.translatebar select{max-width:195px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);padding:6px 28px 6px 9px;font-size:.82rem;min-height:33px}.google-credit,.translate-status{font-size:.74rem;color:var(--muted)}.google-widget{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(100%)}.goog-te-banner-frame,.skiptranslate>iframe{display:none!important}body{top:0!important}
.course-layout{display:grid;grid-template-columns:minmax(240px,282px) minmax(0,1fr);gap:23px;max-width:1500px;margin:auto;padding:23px 20px 35px;align-items:start}.sidebar{position:sticky;top:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;max-height:calc(100vh - 34px);overflow-y:auto;overflow-x:hidden;box-shadow:0 7px 24px rgba(23,56,90,.04)}.sidebar-heading{display:flex;align-items:start;justify-content:space-between;gap:8px}.sidebar h2{font-size:1.03rem;line-height:1.3;margin:6px 0 13px}.eyebrow{display:inline-block;font-size:.69rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.sidebar-close{display:none}.search-box{display:flex;align-items:center;gap:7px;padding:7px 9px;background:var(--surface-soft);border:1px solid var(--line);border-radius:11px}.search-box input{border:0;outline:0;background:transparent;min-width:0;width:100%;color:var(--ink);font-size:.81rem}.chapter-links{display:flex;flex-direction:column;gap:7px;margin-top:13px}.chapter-link{display:flex;align-items:center;gap:10px;line-height:1.36;text-decoration:none;color:var(--ink);padding:10px 8px;border:1px solid var(--line);border-radius:11px;background:var(--surface);font-size:.83rem;font-weight:650}.chapter-link:hover{background:var(--surface-soft)}.chapter-link.active{background:linear-gradient(100deg,#e4f2ff,#ebedfa);border-color:#abc3e9;color:#1d5187}.chapter-num{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--surface-soft);flex-shrink:0;color:var(--accent);font-weight:800}.chapter-link.active .chapter-num{background:linear-gradient(135deg,#206eb6,#6854a7);color:white}.sidebar-note{background:var(--surface-soft);margin-top:18px;padding:12px;border-radius:11px;font-size:.76rem;color:var(--muted)}.sidebar-note p{margin:.3rem 0}.mobile-menu{display:none}
.lesson{min-width:0;max-width:1130px}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:7px;color:var(--muted);font-size:.75rem;margin:4px 2px 12px}.breadcrumb a{color:var(--muted)}.chapter-hero{background:linear-gradient(118deg,#226aa9 0%,#347bb2 48%,#6755a2 100%);color:#fff;border-radius:18px;padding:33px clamp(20px,3vw,39px);box-shadow:0 14px 35px rgba(39,93,146,.15);position:relative;overflow:hidden}.chapter-hero:after{content:"";position:absolute;right:-50px;top:-95px;width:250px;height:250px;border:1px solid #ffffff46;border-radius:50%;box-shadow:0 0 0 24px #ffffff08,0 0 0 50px #ffffff05;pointer-events:none}.chapter-hero .eyebrow{color:#e8efff}.chapter-hero h1{font-size:clamp(1.6rem,3.3vw,2.5rem);line-height:1.15;margin:12px 0 10px;max-width:830px;color:#fff}.chapter-hero .lede{max-width:820px;line-height:1.65;margin:0;font-size:.99rem;color:#f4f7ff}.hero-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px;font-size:.73rem;font-weight:650}.hero-meta span{border:1px solid #ffffff76;background:#ffffff16;border-radius:30px;padding:4px 10px}.lesson-tools{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px;margin:12px 0 18px;color:var(--muted);font-size:.72rem}.tools-right{display:flex;gap:8px;flex-wrap:wrap}.text-btn,.secondary-btn{font-size:.73rem;color:var(--accent);background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:6px 10px}.text-btn:hover,.secondary-btn:hover{background:var(--surface-soft)}.disclaimer{padding:14px 17px;border:1px solid #d6b46a;border-left:4px solid #c19440;background:#fffdf5;color:#5f543b;border-radius:12px;font-size:.79rem;margin-bottom:18px}.disclaimer p{margin:4px 0}.disclaimer details{margin-top:5px}.disclaimer summary{cursor:pointer;font-weight:700}.intro-card,.diagram-card,.subchapter,.summary-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:0 0 18px;box-shadow:0 4px 12px rgba(27,68,106,.025)}.intro-card,.diagram-card,.summary-card{padding:clamp(18px,3vw,29px)}.intro-card h2,.diagram-card h2,.summary-card h2{font-size:1.22rem;line-height:1.3;margin:0 0 13px}.intro-card ul{padding-inline-start:1.4em}.intro-card li+li{margin-top:8px}.vocab dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.vocab dl div{background:var(--surface-soft);border:1px solid var(--line);border-radius:10px;padding:12px}.vocab dt{font-weight:750;color:var(--ink)}.vocab dd{font-size:.82rem;color:var(--muted);margin:4px 0 0}.learning-diagram{display:block;width:100%;height:auto;max-height:290px;border-radius:12px}.learning-diagram text{font-family:Arial,Helvetica,sans-serif;fill:#244360}.sections-title{font-size:1.42rem;margin:29px 0 16px}.subchapter{overflow:hidden;scroll-margin-top:15px}.subchapter>summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;padding:17px 21px;background:var(--surface-soft);font-weight:750;line-height:1.4}.subchapter summary::-webkit-details-marker{display:none}.subchapter .sub-num{background:linear-gradient(135deg,#266ea6,#6256a4);color:#fff;border-radius:8px;min-width:37px;height:35px;display:grid;place-items:center;font-size:.78rem}.subchapter .chevron{margin-inline-start:auto;font-size:1.4rem;color:var(--muted);transition:transform .2s}.subchapter[open] .chevron{transform:rotate(180deg)}.subcontent{padding:20px clamp(17px,3vw,29px);font-size:1rem}.subcontent>*:first-child{margin-top:0}.subcontent p{margin:0 0 1.12em;line-height:1.82}.subcontent li{margin:8px 0}.subcontent strong{color:var(--accent)}.subcontent h3{margin:22px 0 10px;font-size:1.07rem}.subcontent pre{background:var(--darkcode);color:#e9f9f3;padding:19px;border-radius:12px;overflow:auto;white-space:pre;direction:ltr;text-align:left;line-height:1.55;font-size:.83rem}.subcontent code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.subcontent :not(pre)>code{padding:2px 4px;background:var(--surface-soft);border:1px solid var(--line);border-radius:4px;color:var(--ink)}.subcontent table{display:block;max-width:100%;overflow:auto;border-collapse:collapse}.subcontent th,.subcontent td{border:1px solid var(--line);padding:8px}.experiment{border:1px solid var(--line);background:var(--surface-soft);border-radius:12px;padding:16px;margin-top:20px}.experiment label{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 12px 6px 0;font-size:.82rem;font-weight:650}.experiment input[type=number]{width:105px;padding:7px;border-radius:7px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}.experiment input[type=range]{accent-color:var(--accent);max-width:100%}.experiment input[type=checkbox]{width:17px;height:17px;accent-color:var(--accent)}.experiment-controls{display:flex;gap:8px;flex-wrap:wrap}.experiment-result{background:linear-gradient(95deg,#e0ecfb,#e9e8f8);border-radius:9px;padding:13px;color:#204d7b;font-weight:750}.tiny-note{font-size:.75rem;color:var(--muted)}.logic-switches{display:flex;gap:20px;flex-wrap:wrap}.blink-wrap{display:flex;align-items:center;gap:18px;margin:16px 0}.blink-led{display:inline-block;border-radius:50%;width:36px;height:36px;background:#ffd54a;box-shadow:0 0 7px #ffcf45,0 0 21px #ffd855}.blink-led.off{background:#826f46;box-shadow:none}.quiz-items{padding-inline-start:1.5em}.quiz-items>li{padding:12px 5px;border-bottom:1px solid var(--line)}.quiz-items strong{font-size:.9rem;line-height:1.45}.quiz-items details{margin-top:5px;font-size:.83rem}.quiz-items summary{display:inline-block;color:var(--accent);cursor:pointer;font-weight:700}.quiz-items details p{margin:8px 0 4px;background:var(--surface-soft);border-radius:8px;padding:11px 13px;color:var(--ink)}.summary-card{border-color:#b9d6ca;background:linear-gradient(120deg,#f2faf7,#f5f7fd)}.done-label{display:flex;gap:10px;align-items:center;font-weight:700;font-size:.85rem;margin-top:20px}.done-label input{width:18px;height:18px;accent-color:var(--green)}.pager{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:23px;flex-wrap:wrap}.pager a{display:inline-flex;gap:8px;align-items:center;text-decoration:none;font-weight:750;color:var(--accent);background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:10px 15px;font-size:.9rem}.next-placeholder{font-size:.8rem;color:var(--muted)}.overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}.overview-card{background:var(--surface);padding:20px;border:1px solid var(--line);border-radius:15px;text-decoration:none;color:var(--ink)}.overview-card:hover{border-color:#8ca8d9;box-shadow:0 6px 20px #1e569321}.overview-card h2{line-height:1.25;margin:7px 0}.overview-card p{font-size:.84rem;color:var(--muted)}.card-cta{font-weight:700;color:var(--accent);font-size:.84rem}
.site-footer{border-top:1px solid var(--line);background:var(--header);padding:18px 25px 23px}.footer-policy{max-width:1380px;margin:auto;display:flex;justify-content:center;gap:16px;flex-wrap:wrap;padding:0 0 16px;border-bottom:1px solid var(--line);font-size:.8rem}.footer-policy a{color:var(--ink);font-weight:650}.footer-grid{max-width:1380px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:25px auto}.footer-grid h3{font-size:1rem;margin:0 0 7px}.footer-grid p{color:var(--muted);font-size:.81rem;max-width:320px}.footer-grid a{display:block;color:var(--ink);font-size:.81rem;margin-bottom:4px}.footer-logo{object-fit:contain;object-position:left;width:180px;height:auto;max-height:70px}.copyright{text-align:center;color:var(--muted);font-size:.73rem;border-top:1px solid var(--line);padding-top:12px}.social-links{display:flex;gap:7px}.social-links a{border:1px solid var(--line);border-radius:8px;text-decoration:none;padding:4px 7px;font-size:.65rem}.to-top{position:fixed;bottom:17px;right:16px;z-index:18;box-shadow:0 6px 22px #0002}.cookie-banner{position:fixed;bottom:12px;left:12px;z-index:200;background:var(--surface);border:1px solid var(--line);box-shadow:0 8px 35px #0002;max-width:min(470px,calc(100vw - 24px));border-radius:13px;padding:15px;font-size:.77rem}.cookie-banner p{margin:0 0 9px}.cookie-banner button{background:linear-gradient(120deg,var(--accent),var(--accent2));border:0;color:white;padding:9px 14px;border-radius:9px}
html[data-theme=dark]{color-scheme:dark;--ink:#e8f1fc;--muted:#a7bcd3;--line:#314966;--surface:#142b47;--surface-soft:#1b3553;--header:#10253e;--body:#0b1d32;--accent:#8cc3ff;--accent2:#b1a6ec;--darkcode:#081f1b}html[data-theme=dark] .chapter-hero{background:linear-gradient(115deg,#154d85,#274f8e,#4c3e80)}html[data-theme=dark] .chapter-link.active{background:linear-gradient(90deg,#20446c,#383764);color:#e4f2ff}html[data-theme=dark] .disclaimer{background:#433927;color:#f7e8c9;border-color:#8d744b}html[data-theme=dark] .summary-card{background:linear-gradient(110deg,#153e3c,#1d344f);border-color:#347261}html[data-theme=dark] .experiment-result{background:#28476d;color:#e4f5ff}html[data-theme=dark] .learning-diagram{background:#f4f7fd}html[data-theme=dark] .icon-btn:hover{background:#28486b}html[data-theme=dark] .subcontent strong{color:#9dceff}
html[dir=rtl] .course-layout{direction:rtl}html[dir=rtl] .topline,html[dir=rtl] .translatebar,html[dir=rtl] .footer-grid{text-align:right}html[dir=rtl] .brand img,html[dir=rtl] .footer-logo{object-position:right}html[dir=rtl] .to-top{right:auto;left:16px}html[dir=rtl] .subcontent pre,html[dir=rtl] .learning-diagram{direction:ltr}html[dir=rtl] .breadcrumb{direction:rtl}
@media(max-width:1000px){.course-layout{grid-template-columns:245px minmax(0,1fr);gap:12px;padding:14px}.main-nav{gap:3px}.main-nav a{font-size:.75rem;padding:5px}.sidebar{padding:11px}.vocab dl{grid-template-columns:1fr}}
@media(max-width:760px){:root{--fs:16px}.course-layout{display:block;padding:10px 10px 27px}.sidebar{position:fixed;top:0;bottom:0;left:0;max-height:none;width:min(340px,86vw);overflow:auto;border-radius:0 14px 14px 0;z-index:150;transform:translateX(-110%);transition:transform .25s;box-shadow:0 0 30px #0003}.sidebar.open{transform:translateX(0)}html[dir=rtl] .sidebar{left:auto;right:0;transform:translateX(110%);border-radius:14px 0 0 14px}html[dir=rtl] .sidebar.open{transform:translateX(0)}.mobile-overlay{position:fixed;inset:0;background:#03132490;z-index:145}.sidebar-close,.mobile-menu{display:inline-grid}.topline{min-height:58px;padding:8px 12px}.brand img{width:140px;max-height:48px}.header-actions{gap:4px}.icon-btn{width:32px;height:32px;min-width:32px;border-radius:9px}.icon-btn .ic{width:17px;height:17px}.main-nav{padding:6px 8px;justify-content:center}.main-nav a{font-size:.69rem;padding:3px 6px}.translatebar{justify-content:center;padding:7px 11px;gap:7px}.chapter-hero{padding:24px 19px;border-radius:14px}.chapter-hero h1{font-size:1.6rem}.hero-meta span{font-size:.64rem}.intro-card,.diagram-card,.summary-card{padding:17px}.subchapter>summary{padding:13px 11px;gap:9px;font-size:.91rem}.subcontent{padding:15px}.lesson-tools{font-size:.69rem}.footer-grid{grid-template-columns:1fr;gap:10px}.footer-grid p{max-width:100%}.overview-grid{grid-template-columns:1fr}.to-top{bottom:13px;right:11px}}
@media(max-width:390px){.topline{padding:6px 8px}.brand img{width:116px}.header-actions{gap:2px}.icon-btn{width:29px;height:29px;min-width:29px}.main-nav a{font-size:.64rem}.translatebar label span{display:none}.translatebar select{max-width:165px}.chapter-hero h1{font-size:1.4rem}.vocab dl{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.code-copy{position:absolute;right:8px;top:8px;border:1px solid #79a18f;background:#1c4d42;color:#f6fff8;padding:4px 9px;border-radius:6px;font-size:12px}.notranslate{direction:ltr!important;unicode-bidi:embed}pre{max-width:100%}pre code{display:block;padding-top:12px}.subcontent ul,.subcontent ol{padding-inline-start:1.5em}

/* New lessons: table remains readable in both directions and on small screens. */
.lab-table{width:100%;border-collapse:collapse;font-size:.91rem;margin:16px 0;background:var(--surface)}
.lab-table th,.lab-table td{text-align:start;vertical-align:top;border:1px solid var(--line);padding:10px 12px}
.lab-table th{background:var(--surface-soft)}
.sub-content pre{max-width:100%;overflow-x:auto;direction:ltr;text-align:left;unicode-bidi:isolate}
.sub-content pre code{white-space:pre;word-break:normal;overflow-wrap:normal}
[dir="rtl"] .lab-table th,[dir="rtl"] .lab-table td{text-align:right}
@media(max-width:560px){.lab-table{font-size:.79rem}.lab-table th,.lab-table td{padding:7px}}

/* 2026 additional-course layouts; all content remains lightweight text and SVG. */
.chapter-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:11px;margin:18px 0 24px}
.chapter-overview-card{display:flex;align-items:center;gap:12px;padding:15px;text-decoration:none;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:13px;min-width:0}
.chapter-overview-card>span:nth-child(2){min-width:0;flex:1}.chapter-overview-card strong{display:block;font-size:.92rem;line-height:1.45}
.chapter-overview-card small{display:block;color:var(--muted);font-size:.76rem;margin-top:5px;line-height:1.45}
.chapter-overview-card:hover{border-color:#6c8bc1;box-shadow:0 5px 18px #123a6720}
.workshop-steps{padding-inline-start:26px}.workshop-steps li{padding-inline-start:4px;margin-bottom:11px;line-height:1.68}
.code-label{font-size:.76rem;color:var(--muted);margin:14px 0 5px;font-weight:650}
.notranslate,pre,code{direction:ltr;unicode-bidi:isolate;max-width:100%}
html[dir=rtl] .lesson{text-align:right}html[dir=rtl] pre,html[dir=rtl] code,html[dir=rtl] .learning-diagram{direction:ltr;text-align:left}
.lesson,.sidebar,.chapter-hero,.subchapter,.sub-content{min-width:0;overflow-wrap:anywhere}
@media(max-width:760px){.chapter-overview-grid{grid-template-columns:1fr}.chapter-overview-card{padding:11px}}


/* New advanced lessons: readable long-form lab instructions and stable RTL. */
html{overflow-x:clip}
.course-layout,.lesson,.sidebar,.subchapter,.subcontent{min-width:0}
.subcontent pre{max-width:100%;overflow-x:auto;tab-size:2}
.subcontent ol{padding-inline-start:1.6rem}
.subcontent li{line-height:1.65}
.chapter-hero h1{overflow-wrap:anywhere}
html[dir="rtl"] .subchapter>summary{direction:rtl;text-align:right}
html[dir="rtl"] .chapter-hero{text-align:right}
html[dir="rtl"] .site-header .main-nav{direction:rtl}
html[dir="rtl"] .notranslate,html[dir="rtl"] pre,html[dir="rtl"] code{direction:ltr!important;text-align:left!important;unicode-bidi:isolate}
@media(max-width:760px){.course-layout{overflow:visible}.lesson{width:100%}.learning-diagram{max-width:100%}}

/* Release 4: consistent category navigation, mobile and RTL fixes */
.chapter-section-caption{font-size:.72rem;font-weight:750;color:var(--muted);letter-spacing:.05em;text-transform:uppercase;margin:13px 5px 7px;padding:7px 8px;background:var(--surface-soft);border-radius:6px}
.course-overview-list{columns:2;column-gap:24px}.course-overview-list li{break-inside:avoid;margin:0 0 12px;padding-inline:5px}.course-overview-list a{text-decoration:none;color:var(--ink)}.course-overview-list a:hover{color:var(--accent);text-decoration:underline}
.all-course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.course-list-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:17px;min-width:0}.course-list-card h2{font-size:1.11rem;margin:5px 0}.course-list-card p{font-size:.89rem}.course-list-card a{font-weight:700}
html[dir=rtl] .site-header,html[dir=rtl] .chapter-hero,html[dir=rtl] .lesson,html[dir=rtl] .sidebar{text-align:start}html[dir=rtl] .brand img{object-position:right}html[dir=rtl] pre,html[dir=rtl] code,html[dir=rtl] .learning-diagram{direction:ltr;text-align:left;unicode-bidi:isolate}html[dir=rtl] .sidebar{inset-inline-start:0}
html[data-theme=dark] .course-list-card,html[data-theme=dark] .intro-card,html[data-theme=dark] .disclaimer{background:var(--surface);color:var(--ink)}
@media(max-width:790px){.all-course-grid{grid-template-columns:1fr}.course-overview-list{columns:1}.topline{padding-inline:10px}.brand img{width:130px;height:auto}.translatebar{padding-inline:10px}.site-header{overflow:visible}}
@media(max-width:460px){.header-actions .icon-btn{width:32px;min-width:32px;height:32px}.ic{width:17px;height:17px}.main-nav a{font-size:.76rem;padding:5px}.chapter-hero h1{font-size:clamp(1.55rem,6vw,2.25rem)}}

/* Instructional drafts: uniform readable six-section lesson layout */
.subchapter-body{padding:clamp(16px,3vw,29px);font-size:1rem;line-height:1.85;color:var(--ink)}
.subchapter-body p{max-width:80ch;margin:.35em 0 1.1em}.subchapter-body pre{background:var(--darkcode);color:#e6fff4;border-radius:10px;padding:18px;overflow-x:auto;direction:ltr;text-align:left}
.qa-item{background:var(--surface-soft);margin:8px 0;border:1px solid var(--line);border-radius:9px;padding:10px 12px}.qa-item summary{cursor:pointer;font-weight:650}.qa-item p{margin:8px 0 0}.course-list-card{content-visibility:auto;contain-intrinsic-size:210px}
html[data-theme=dark] .disclaimer{background:#443720;color:#fff4da;border-color:#92784f}

/* Instructional drafts: uniform readable six-section lesson layout */
.subchapter-body{padding:clamp(16px,3vw,29px);font-size:1rem;line-height:1.85;color:var(--ink)}
.subchapter-body p{max-width:80ch;margin:.35em 0 1.1em}.subchapter-body pre{background:var(--darkcode);color:#e6fff4;border-radius:10px;padding:18px;overflow-x:auto;direction:ltr;text-align:left}
.qa-item{background:var(--surface-soft);margin:8px 0;border:1px solid var(--line);border-radius:9px;padding:10px 12px}.qa-item summary{cursor:pointer;font-weight:650}.qa-item p{margin:8px 0 0}.course-list-card{content-visibility:auto;contain-intrinsic-size:210px}
html[data-theme=dark] .disclaimer{background:#443720;color:#fff4da;border-color:#92784f}