/* Browser demo presentation; original shared app retains its own runtime. */
.demo-shell{max-width:1280px;margin:0 auto;padding:0 40px}.demo-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:22px}.demo-roles a{text-align:center;display:flex;align-items:center;justify-content:center;min-height:50px;border:1px solid var(--line);background:white;border-radius:10px;text-decoration:none;font-weight:700;font-size:14px}.demo-roles a:hover{border-color:var(--green);background:var(--tint)}.demo-roles a[aria-current="page"]{background:var(--green);color:white;border-color:var(--green)}.demo-scope{text-align:center;color:var(--muted);font-size:12px;line-height:1.7;margin:12px 0 0}#demo-boot{margin-top:18px}#demo-boot p{margin-bottom:0}main{padding-top:32px}#login-form,#other-login{display:none!important}.test-strip{background:#e9efdf}.intro h1{font-size:clamp(36px,4.2vw,60px)}.login-layout{gap:68px}.support{font-size:12px}footer{align-items:center;flex-wrap:wrap}footer .text-button{font-size:11px;min-height:32px}#profile-panel{display:none}#workspace-nav a[href="#profile-panel"]{display:none}.demo-story{padding:24px;background:white;border:1px solid var(--line);border-radius:16px;line-height:1.9}
@media(max-width:700px){.demo-shell{padding:0 20px}.demo-roles{gap:5px;padding-top:16px}.demo-roles a{font-size:12px;min-height:47px}.demo-scope{font-size:11px;text-align:left}.login-layout{gap:12px}main{padding-top:24px}.workspace-heading h1{font-size:25px}.topbar{padding-block:18px}.brand small{font-size:7px}.account span{display:none}.account .text-button{font-size:11px}.role-entries{gap:10px}.intro h1{font-size:34px}.intro .eyebrow{margin-bottom:12px}footer{display:block}}
@media(max-width:700px){.workspace-heading{display:block}.sync{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:none;margin-top:8px;text-align:left}.sync .text-button{display:inline-block;margin:0;flex-shrink:0}}