body:has(.public-example-page){height:auto!important;overflow-y:auto!important}body:not(.mobile-preview-mode) .public-example-page .app-shell{height:auto!important;min-height:100dvh;overflow:visible!important}body:not(.mobile-preview-mode) .public-example-page .workspace{flex:0 0 auto!important;height:max(580px,calc(100dvh - 62px))!important;min-height:580px!important}body:not(.mobile-preview-mode) .public-example-page .workspace>.stage-panel{height:100%!important;max-height:100%!important}.app-header .header-breadcrumb-area{display:inline-flex!important;align-items:center!important;gap:8px!important;min-width:0;margin-bottom:2px}.app-header .brand-divider{color:var(--line,rgba(148,163,184,.4));font-size:13px;line-height:1;user-select:none}.app-header .header-breadcrumb{display:inline-flex!important;align-items:center!important;gap:6px!important;font-size:13px!important;line-height:1!important;color:var(--muted,#64748b)!important;white-space:nowrap!important}.app-header .header-breadcrumb a{color:var(--muted,#64748b)!important;text-decoration:none!important;transition:color .15s ease}.app-header .header-breadcrumb a:hover{color:var(--accent,#3b82f6)!important}.app-header .header-breadcrumb .breadcrumb-separator{opacity:.5;font-size:11px}.app-header .header-breadcrumb .breadcrumb-current{color:var(--ink,#0f172a)!important;font-weight:500!important}.public-example-page .example-article{width:min(100%,860px);margin-inline:auto;padding:24px 28px;color:var(--ink);box-sizing:border-box;overflow-wrap:anywhere}.public-example-page .example-links{display:flex;flex-wrap:wrap;gap:10px}.public-example-page .example-links a{display:inline-flex;align-items:center;min-height:32px;padding:4px 14px;border:1px solid var(--line);border-radius:9999px;color:var(--ink);background:var(--surface);font-size:13px;text-decoration:none;box-shadow:0 1px 2px rgb(15 23 42/4%)}.public-example-page .example-links a:hover{color:var(--accent);border-color:var(--accent)}.public-example-page a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.public-example-page .example-article{padding-top:36px;padding-bottom:64px;line-height:1.95}.example-article section{margin-bottom:32px}.example-article h2{font-size:22px;line-height:1.5;margin:0 0 16px;font-weight:700}.example-article h3{font-size:17px;margin:26px 0 10px;font-weight:650}.example-article p{margin:10px 0}.example-article .example-eyebrow{font-size:12px;color:var(--muted);letter-spacing:.08em}.example-figure{margin:24px 0;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.example-figure svg{display:block;width:min(100%,480px);height:auto;margin:auto}.example-figure figcaption{font-size:12px;color:var(--muted);text-align:center}.example-answer{padding:16px 20px;border-left:3px solid var(--accent);background:var(--surface)}.example-answer strong{color:var(--accent);font-size:22px;white-space:normal}#animation,#written-solution{scroll-margin-top:24px}.legacy-runtime.public-example-page #stageLoadingOverlay,.legacy-runtime.public-example-page #stageLoadingOverlay[data-initial-loading=true]{position:absolute!important;inset:0!important}.example-noscript{margin:16px auto;padding:12px 24px;max-width:860px;color:var(--ink)}@media (max-width:749px),(min-width:750px) and (max-width:1180px) and (orientation:portrait){.legacy-runtime.public-example-page .lesson-playback-panel,.legacy-runtime.public-example-page .lesson-playback-panel>.canvas-shell,.legacy-runtime.public-example-page .lesson-visual-layout,body:not(.question-entry-mode):not(.mobile-preview-mode) .legacy-runtime.public-example-page .workspace,body:not(.question-entry-mode):not(.mobile-preview-mode) .legacy-runtime.public-example-page .workspace>.stage-panel{height:auto!important;min-height:0!important;max-height:none!important;flex:0 0 auto!important}.legacy-runtime.public-example-page .teaching-board-swipe-hint{position:static!important}}@media (max-width:760px){.public-example-page .example-article{padding-inline:14px;padding-top:28px}.app-header .header-breadcrumb{font-size:12px!important}}.public-example-page .example-links+.example-links{margin-top:12px}@media (max-width:440px){.public-example-page .app-header .header-breadcrumb-area{display:none!important}}