/* Shared series reading structure and responsive containers. SVG and runtime stay unchanged. */
body.series-reading .series-breadcrumb{padding-top:16px;padding-bottom:0}
body.series-reading main>header{display:block;min-height:0;margin:22px auto 0;padding:0}
body.series-reading main>header .eyebrow{display:none}
body.series-reading main>header h1{font-size:clamp(30px,3.1vw,42px);line-height:1.4;margin:0;text-wrap:balance}
body.series-reading .blog-opening{margin:22px auto 24px;font-size:17px;line-height:1.9}
body.series-reading .blog-opening .article-kicker{font-size:12px!important;letter-spacing:.05em;margin-bottom:12px!important}
body.series-reading .article-lead{font-size:20px;line-height:1.85;margin-bottom:18px}
body.series-reading .article-thesis{padding:6px 0 6px 18px;font-size:16px;line-height:1.9}
body.series-reading .article-demo-shortcut{margin:16px 0 0!important;font-size:14px}
body.series-reading .article-demo-shortcut a{color:var(--primary);text-decoration:underline;text-underline-offset:5px;display:inline-flex;align-items:center;min-height:44px}
body.series-reading .blog-article{font-size:17px;line-height:1.95;margin:0 auto 36px}
body.series-reading .blog-article>section{margin-top:36px}
body.series-reading .blog-article h2{font-size:26px;line-height:1.55;margin-bottom:18px;text-wrap:balance}
body.series-reading .blog-article h3{font-size:20px;line-height:1.65;margin:28px 0 12px}
body.series-reading .blog-article p{margin-bottom:18px}
body.series-reading .blog-article :is(h2,h3),body.series-reading #blog-demo,body.series-reading #call-experiments{scroll-margin-top:24px}
body.series-reading .blog-article .article-table th,body.series-reading .blog-article .article-table td{font-size:15px;line-height:1.85}
body.series-reading .blog-article .hl-toc{margin:0 0 30px}
body.series-reading main>.demo-caption{margin:44px auto 14px;padding-top:24px;border-top:1px solid var(--edge);font-size:13px;line-height:1.7}
body.series-reading .demo-caption :is(strong,h2){font-size:18px;font-weight:650}
body.series-reading main>.article-experiments{width:100%;max-width:820px;box-sizing:border-box;margin:18px auto 36px;padding:0;border:1px solid var(--edge);border-radius:6px;background:transparent;min-width:0}
body.series-reading .article-experiments>summary{padding:14px 16px;font-size:15px;line-height:1.7;min-height:48px;list-style-position:inside}
body.series-reading .article-experiments>summary:focus-visible{outline-offset:-3px;border-radius:5px}
body.series-reading .article-experiment-body{padding:0 14px 14px;min-width:0}
body.series-reading .article-experiments:not([open])>.article-experiment-body{display:none}
body.series-reading .article-experiment-body>.workbench{margin-top:0;width:100%;min-width:0;box-sizing:border-box}
body.series-reading .article-experiment-body>.footnote{font-size:12px;line-height:1.8;margin:12px 0 0;color:var(--muted)}
body.series-reading .blog-series-nav{margin-top:32px;margin-bottom:24px;gap:16px;font-size:14px;line-height:1.7;align-items:start;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
body.series-reading .blog-series-nav a{min-height:44px;display:flex;align-items:start}
body.series-reading .blog-series-nav a:last-child{text-align:right;justify-content:flex-end}
body.series-reading .hl-reading-tools{padding:0;margin-top:30px;max-width:820px}
@media(max-width:750px){body.series-reading main>header{margin-top:18px}body.series-reading main>header h1{font-size:29px}body.series-reading .blog-opening{font-size:16px;margin-top:18px}body.series-reading .article-lead{font-size:18px}body.series-reading .article-thesis{font-size:15px;padding-left:14px}body.series-reading .blog-article{font-size:16px;line-height:1.95}body.series-reading .blog-article h2{font-size:23px}body.series-reading .blog-article h3{font-size:18px}body.series-reading .blog-article .article-table td,body.series-reading .blog-article .article-table th{font-size:14px;padding:10px 8px}body.series-reading main>.demo-caption{margin-top:32px;gap:6px}.series-reading .demo-caption :is(strong,h2){font-size:16px;white-space:normal}body.series-reading .article-experiment-body{padding:0 8px 12px}body.series-reading .article-experiments>summary{padding:12px;font-size:14px}body.series-reading .blog-series-nav{grid-template-columns:1fr 1fr;gap:12px;font-size:13px}body.series-reading .blog-series-nav a:nth-child(2){grid-column:1/-1;grid-row:2;justify-content:center;min-height:44px}}

body.series-reading .demo-caption h2{margin:0;line-height:1.5;letter-spacing:normal}

/* A minimum stage height must not transfer into a wider intrinsic width on phones. */
body.series-reading .apparatus{min-width:0}
body.series-reading .stage{width:100%;max-width:100%;box-sizing:border-box}

/* Keep native experiment disclosures in chapters 01–03 compact and independent. */
body.series-reading main>details.technical{width:100%;max-width:820px;box-sizing:border-box;margin:18px auto 36px;padding:0;border:1px solid var(--edge);border-radius:6px;background:transparent}
body.series-reading main>details.technical>summary{padding:14px 16px;font-size:15px;line-height:1.7;min-height:44px;list-style-position:inside}
body.series-reading main>.role-strip{margin:0 auto 12px}

body.series-reading main>details.technical[open]>.technical-grid{padding:0 14px 14px}

/* Chapter 12 uses its own butterfly chassis; preserve the complete SVG aspect. */
body.blog-chapter-12 .stage{height:auto!important;min-height:0!important;aspect-ratio:auto!important}
body.blog-chapter-12 .stage .iso-svg{height:auto!important;width:100%;aspect-ratio:1180/850}
body.blog-chapter-12 .layout>aside{padding:20px;border-right:0;border-bottom:1px solid var(--edge,#c4d2ca)}
body.blog-chapter-12 .layout>aside nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
body.blog-chapter-12 .layout>aside h2{margin-top:0}
body.blog-chapter-12 .scene{display:block!important;min-width:0}
@media(max-width:550px){body.blog-chapter-12 .layout>aside{padding:14px}}