/* Profile guide launchers on the profile page. The guide itself (profile-guide*.css,
   js/profile_guide.js) loads on the first open: js/profile_guide_loader.js. */
.profile-guide-launch { display: inline-flex; min-height: 40px; align-items: center; gap: 8px; padding: 0 13px; border: 1px solid rgba(234,88,12,.2); border-radius: 13px; background: rgba(255,247,237,.86); color: #9a3412; font-family: inherit; font-size: 12px; font-weight: 800; line-height: 1; cursor: pointer; transition: background .18s ease, transform .18s ease; }
.profile-guide-launch:hover { background: #ffedd5; transform: translateY(-1px); }
.profile-guide-launch > span { display: grid; width: 23px; height: 23px; place-items: center; border-radius: 50%; background: #ea580c; color: #fff; font-size: 9px; }
.profile-guide-launch--cover { position: absolute; z-index: 3; top: 16px; left: 16px; border-color: rgba(255,255,255,.65); background: rgba(255,255,255,.92); box-shadow: 0 8px 24px rgba(10,24,36,.16); backdrop-filter: blur(12px); }
.profile-mobile-hub-card--guide svg { color: #ea580c; }
html[data-theme="dark"] .profile-guide-launch { border-color: #684133; background: #3a2c28; color: #ffbd9f; }
html[data-theme="dark"] .profile-guide-launch:hover { background: #4b342b; }