.reading-page{box-sizing:border-box;overflow-wrap:break-word;color:#111;width:100%;max-width:820px;margin:0 auto;padding:0 clamp(12px,2vw,24px);line-height:1.7}.reading-header{margin-bottom:28px}.kicker{letter-spacing:.04em;text-transform:uppercase;color:#666;margin:0 0 8px;font-size:.9rem}.reading-header h1{margin:0 0 12px;font-size:clamp(2rem,4vw,2.5rem)}.intro{margin:0 0 12px}.back-link{margin:0}.reading-page a{color:#4f46e5;text-underline-offset:2px;text-decoration:underline}.reading-page a:hover{color:#4338ca}.story{margin-bottom:28px}.story h2{margin:0 0 10px;font-size:1.35rem}.story h3{margin:20px 0 10px;font-size:1.15rem}.story p{margin:8px 0}.story ul,.story ol{color:#333;margin:8px 0;padding-left:20px}.story li{margin-bottom:6px}.reading-page code{background:#4f46e514;border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,Courier New,monospace;font-size:.9em}.code-block{background:#1e1e1e;border-radius:8px;margin:16px 0;padding:16px 20px;overflow-x:auto}.code-block pre{color:#d4d4d4;white-space:pre;margin:0;font-family:JetBrains Mono,Courier New,monospace;font-size:.9rem;line-height:1.5}.code-block .comment{color:#6a9955}.code-block .keyword{color:#c586c0}.code-block .string{color:#ce9178}.code-block .func{color:#dcdcaa}.code-block code{font-size:inherit;color:inherit;background:0 0;border-radius:0;padding:0}.math-block{text-align:center;background:#f0f7ff;border:1px solid #cce0ff;border-left:4px solid #4a90d9;border-radius:8px;margin:16px 0;padding:16px 20px}.math-block .equation{color:#1a3a5c;margin:2px 0;font-family:Courier New,monospace;font-size:1.05rem}.math-block .equation-label{color:#666;margin:0 0 8px;font-family:inherit;font-size:.85rem;font-style:normal}.math-block .matrix{color:#1a3a5c;white-space:pre;margin:2px 0;font-family:Courier New,monospace;font-size:1.05rem}.illustration{background:#fafafa;border:1px dashed #cfcfcf;border-radius:12px;margin:12px 0;padding:12px 14px}.illustration pre{color:#222;white-space:pre;margin:0;font-family:Courier New,Courier,monospace;font-size:.92rem;line-height:1.4;overflow-x:auto}.activity{margin-top:32px;margin-bottom:20px}.activity h2{margin:0 0 10px;font-size:1.35rem}.video-embed{aspect-ratio:16/9;background:#f7f7f7;border:1px solid #e1e1e1;border-radius:12px;margin:12px 0 16px;overflow:hidden}.video-embed iframe{border:0;width:100%;height:100%;display:block}.steps{color:#333;margin:0;padding-left:20px}.steps>li{margin-bottom:14px}.steps ul{margin:6px 0 0;padding-left:18px}.question{background:#fafafa;border:1px solid #e5e5e5;border-left:4px solid #4f46e5;border-radius:12px;margin:16px 0;padding:16px 18px}.question p{margin:4px 0}.question ul,.question ol{margin:6px 0;padding-left:20px}.question li{margin-bottom:4px}.question .code-block{margin:10px 0}.answer{margin-top:12px}.answer summary{cursor:pointer;color:#4f46e5;user-select:none;padding:6px 0;font-size:.9rem;font-weight:600}.answer summary:hover{color:#4338ca}.answer>p,.answer>div{margin-top:8px}.answer p{color:#333;font-size:.95rem}.answer ul,.answer ol{margin:6px 0;padding-left:20px}.answer li{margin-bottom:4px}.callout{background:#f5f5f5;border:1px solid #e0e0e0;border-left:4px solid #111;border-radius:12px;margin:14px 0;padding:12px 14px}.callout.fact{background:#f0fff0;border-color:#c0e0c0 #c0e0c0 #c0e0c0 #4a9}.callout.thought{background:#fff8f0;border-color:#e0d0c0 #e0d0c0 #e0d0c0 #d4a}.callout.challenge{background:#f0f0ff;border-color:#c0c0e0 #c0c0e0 #c0c0e0 #44a}.callout.takeaway{background:#f0f7ff;border-color:#cce0ff #cce0ff #cce0ff #4a90d9}.callout h3{letter-spacing:.08em;text-transform:uppercase;color:#555;margin:0 0 8px;font-size:1rem}.callout p{color:#333;margin:0 0 8px}.callout p:last-child{margin-bottom:0}.callout ul,.callout ol{color:#333;margin:0 0 8px;padding-left:18px}.callout li{margin-bottom:4px}.callout code{background:#00000014}@media (width<=640px){.reading-header h1{font-size:1.9rem}.story h2{font-size:1.2rem}.code-block{padding:12px 14px}.code-block pre{font-size:.85rem}.question{padding:12px 14px}.activity h2{font-size:1.2rem}.illustration,.callout{padding:10px 12px}.illustration pre{white-space:pre-wrap;word-break:break-word;font-size:.85rem}.callout h3{letter-spacing:.05em}.steps,.steps ul{padding-left:16px}}