[hidden]{display:none!important}.article-page .hero-art img{height:auto}.prose figure{margin:28px 0}.prose figure img{display:block;width:100%;height:auto;border-radius:12px}.author-note{margin:24px 0;padding:18px;border-left:3px solid #8a6ae0;background:#f4f0fc;line-height:1.8}.caption,#demo-status{font-size:14px;line-height:1.8;color:#555}.prose pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f3f1;padding:20px;border-radius:12px;font-size:15px;line-height:1.9}.experience{margin:28px 0;padding:24px;border:1px solid #d8d8d5;border-radius:16px;min-width:0}.experience h3{margin:0;line-height:1.5}.experience-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:20px}.experience button{font:inherit;padding:12px 18px;min-height:44px;white-space:normal;border:0;border-radius:8px;background:#7050c5;color:white;cursor:pointer}.experience a{color:#50349a;line-height:1.6}.experience button:focus-visible,.experience a:focus-visible{outline:3px solid #9c83e2;outline-offset:4px}#demo-host{margin-top:20px}#demo-host iframe{display:block;width:100%;height:680px;border:1px solid #ddd;border-radius:8px;box-sizing:border-box}@media(max-width:600px){.experience{padding:16px}#demo-host iframe{height:560px}.article-page .hero-copy h1{font-size:36px}}
@media(min-width:900px){.experience{width:min(1100px,calc(100vw - 120px));box-sizing:border-box;position:relative;left:50%;transform:translateX(-50%)}}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:24px;width:var(--content);margin:0 auto;align-items:start}.article-page .article-layout .article-body{width:100%;min-width:0;box-sizing:border-box;padding:0 32px}.article-layout .experience{width:100%;left:auto;transform:none;box-sizing:border-box}.article-toc{position:sticky;top:120px;padding:20px 0}.article-toc nav>p{font-weight:800;font-size:14px}.article-toc ol{list-style:none;padding:0;margin:16px 0;display:grid;gap:8px}.article-toc a{display:flex;gap:10px;align-items:baseline;padding:12px 8px;border-left:3px solid transparent;text-decoration:none;color:#555;line-height:1.6;font-size:15px}.article-toc span{font-size:12px;color:#777}.article-toc a:hover,.article-toc a[aria-current="location"]{color:#50349a;border-color:#7050c5;background:#f2eefb}.article-toc a:focus-visible{outline:2px solid #7050c5;outline-offset:2px}.article-layout .lesson{scroll-margin-top:120px}@media(max-width:1050px){.article-layout{grid-template-columns:minmax(0,1fr)}.article-toc{grid-row:1;position:static;padding:12px 20px;background:white;border-radius:16px}.article-toc ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.article-page .article-layout .article-body{padding:0 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Keep the simulator inside the shared reading column beside the contents rail. */
.reading-layout .experience{width:100%;left:auto;transform:none;box-sizing:border-box}