.math-guide-comic{--comic-ink:#243d3b;color:#293c37;break-inside:avoid;background:#fffdf8;border:1px solid #cbd8d0;border-radius:12px;margin:2rem 0 2.5rem;line-height:1.7;overflow:hidden}.math-guide-comic[data-comic-id] .math-guide-comic-heading{padding:1.2rem 1.3rem 1rem}.math-guide-comic[data-comic-id] .math-guide-comic-eyebrow{color:#466d5d;letter-spacing:.04em;margin:0 0 .3rem;font-size:.75rem;font-weight:700}.math-guide-comic[data-comic-id] .math-guide-comic-heading h4{color:var(--comic-ink);word-break:keep-all;overflow-wrap:anywhere;margin:0;font-size:clamp(1.1rem,2.5vw,1.35rem);font-weight:700;line-height:1.5}.math-guide-comic-panels{background:#dce3dc;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.math-guide-comic[data-comic-id] .math-guide-comic-panel{background:#fffdf8;min-width:0;margin:0}.math-guide-comic[data-comic-id] .math-guide-comic-art{aspect-ratio:1;background:#f0ede3;position:relative;overflow:hidden}.math-guide-comic[data-comic-id] .math-guide-comic-art img{border:0;border-radius:0;width:200%;max-width:none;height:100%;margin:0;display:block;position:absolute;top:0}.math-guide-comic-art[data-side=left] img{left:0}.math-guide-comic-art[data-side=right] img{right:0}.math-guide-comic[data-comic-id] .math-guide-comic-fallback{margin:0;padding:1.25rem;font-size:.95rem}.math-guide-comic[data-comic-id] .math-guide-comic-panel figcaption{text-align:left;padding:1rem 1.2rem 1.1rem}.math-guide-comic[data-comic-id] .math-guide-comic-step{color:#466d5d;margin:0 0 .55rem;font-size:.75rem;font-weight:700}.math-guide-comic-step span{font-variant-numeric:tabular-nums;margin-right:.6rem}.math-guide-comic[data-comic-id] .math-guide-comic-dialogue{color:var(--comic-ink);word-break:keep-all;overflow-wrap:anywhere;margin:0 0 .8rem;font-size:1rem;font-weight:600}.math-guide-comic[data-comic-id] .math-guide-comic-math{min-width:0;font-size:.94rem;overflow-x:auto}.math-guide-comic[data-comic-id] .math-guide-comic-math p{margin:.45rem 0}.math-guide-comic[data-comic-id] .math-guide-comic-takeaway{color:#243d3b;background:#eaf2e9;border-top:1px solid #cbd8d0;padding:1rem 1.3rem}.math-guide-comic[data-comic-id] .math-guide-comic-boundary{color:#56635b;padding:.9rem 1.3rem 1rem;font-size:.85rem}.math-guide-comic[data-comic-id] .math-guide-comic-takeaway p,.math-guide-comic[data-comic-id] .math-guide-comic-boundary p{margin:0}.math-guide-comic[data-comic-id] .math-guide-comic-diagram{text-align:center;margin:0;padding:0 1.3rem 1.1rem}.math-guide-comic-diagram svg{width:100%;max-width:360px;height:auto;margin:0 auto;display:block}.math-guide-comic[data-comic-id] .math-guide-comic-diagram figcaption{margin:.2rem 0 0;font-size:.85rem}.math-guide-comic[data-comic-id] .math-guide-comic-diagram p{margin:0}.math-guide-comic[data-comic-id] .katex{font-size:1.05em}@media (max-width:560px){.math-guide-comic-panels{grid-template-columns:minmax(0,1fr)}.math-guide-comic[data-comic-id] .math-guide-comic-panel figcaption{padding:.9rem 1rem 1.2rem}.math-guide-comic[data-comic-id] .math-guide-comic-heading,.math-guide-comic[data-comic-id] .math-guide-comic-takeaway,.math-guide-comic[data-comic-id] .math-guide-comic-boundary{padding-left:1rem;padding-right:1rem}}
