.demo-entry{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border:1px solid currentColor;border-radius:3px;font-size:14px;text-decoration:none}.hero-demo{margin-top:18px;position:relative}.login-demo{width:100%;margin-top:12px}.tour-links{position:relative;margin-left:auto;flex-shrink:0;font-size:12px}.tour-links summary{display:flex;align-items:center;gap:4px;min-height:36px;padding:8px;cursor:pointer;list-style:none;border-radius:4px}.tour-links summary::-webkit-details-marker{display:none}.tour-links summary:hover{background:var(--paper)}.tour-links summary:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.tour-links summary .icon{width:14px;height:14px}.tour-menu{position:absolute;right:0;top:calc(100% + 8px);width:200px;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:6px;box-shadow:0 8px 24px #16181715}.tour-menu a{display:block;padding:12px;border-radius:3px;white-space:nowrap}.tour-menu a:hover{background:var(--paper)}.tour-mode-label{display:block;padding:8px 12px;color:var(--muted);font-size:11px}.tour-return{text-underline-offset:3px}.tour-dialog{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;overflow:hidden;color:#161817}.tour-dialog::backdrop{background:transparent}.tour-mask{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.tour-card{position:absolute;width:360px;max-width:calc(100% - 24px);padding:24px;background:#faf8f3;border:1px solid #16181725;border-radius:10px;box-shadow:0 15px 55px #0003;font:14px/1.55 Arial,Helvetica,sans-serif;overflow:auto;max-height:calc(100% - 24px)}.tour-card h2{font-size:23px;line-height:1.2;letter-spacing:-.035em;margin:12px 0}.tour-card p{margin:0 0 18px;color:#55594f}.tour-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#686a63;font-size:12px}.tour-close{border:0;background:none;color:#50534c;font:inherit;padding:6px;cursor:pointer;text-decoration:underline}.tour-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.tour-actions button{border:1px solid #16181730;border-radius:4px;background:transparent;font:inherit;padding:10px 16px;cursor:pointer}.tour-actions #tour-next{background:#ff6b5f;color:#161817;border-color:#ff6b5f}.tour-actions button:disabled{opacity:.35;cursor:default}.tour-dialog button:focus-visible{outline:2px solid #161817;outline-offset:3px}.tour-dialog[open] .tour-card{animation:tour-enter .16s ease-out}@keyframes tour-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:700px){.tour-card{padding:20px}.tour-card h2{font-size:21px}.tour-card p{font-size:14px}.topbar .breadcrumbs{gap:6px}}@media(prefers-reduced-motion:reduce){.tour-dialog[open] .tour-card{animation:none}}
/* The hit area forwards activation to the real link while the guide stays modal. */
.tour-target-click{position:absolute;z-index:1;border:0;border-radius:5px;background:transparent;cursor:pointer;padding:0}.tour-target-click:hover{background:#ff6b5f18}.tour-target-click:focus-visible{outline:3px solid #ff6b5f!important;outline-offset:4px!important}.tour-card{z-index:2}.tour-running .sidebar,.tour-running .workspace{transition:none!important}.tour-running .view{animation:none!important}

.hero-role-links { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; margin-top: 18px; }
.hero-role-links .hero-demo { margin-top: 0; }
.hero-role-links .text-link { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; }