.demo-environment-banner{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 20px;background:#122a3a;color:#f4fbff;border-bottom:1px solid rgba(255,255,255,.14);font-size:.82rem}.demo-environment-banner strong{color:#84d5dc;letter-spacing:.08em}.demo-environment-banner a{margin-left:auto;color:#fff;font-weight:700}.demo-notice{padding:12px 14px;margin:20px 0;background:#e8f7f7;color:#15545c;border:1px solid #b9e2e1;border-radius:10px;font-size:.75rem;font-weight:800;letter-spacing:.04em}.demo-persona{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0;padding:14px;border:1px solid #dbe6ec;border-radius:12px;background:#fff}.demo-persona small{display:block;color:#536878;margin-top:4px}.demo-persona .button{white-space:nowrap}.demo-card{max-width:560px}.demo-auth{background:radial-gradient(ellipse at top right,#dff3f3 0,transparent 45%),#f4f7f8}
@media(max-width:540px){.demo-environment-banner{gap:7px;padding:10px 14px}.demo-environment-banner span{flex-basis:100%;order:2}.demo-environment-banner a{margin-left:0}.demo-persona{align-items:flex-start;flex-direction:column}.demo-persona .button{width:100%}}
.tour-guide{margin-bottom:1rem;border:1px solid #b6d9d8;border-radius:12px;overflow:hidden}.tour-guide details{padding:.65rem 1rem;background:#f3f9f8}.tour-guide summary{cursor:pointer;font-weight:700}.tour-guide nav{display:flex;flex-wrap:wrap;gap:12px;margin:.8rem 0}.tour-guide nav a{color:#135556;text-decoration:underline}