.quick-guide-button{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;color:inherit;padding:10px 12px;border-radius:10px;font:inherit;text-align:left;cursor:pointer}
.quick-guide-button:hover,.quick-guide-button:focus-visible{background:rgba(132,105,62,.08)}
.quick-guide-button .nav-icon{width:22px;height:22px;display:inline-grid;place-items:center;font-weight:700}
.onboarding-dialog{width:min(92vw,560px);border:1px solid rgba(132,105,62,.25);border-radius:20px;padding:0;background:#fbf8f1;color:#403a33;box-shadow:0 24px 80px rgba(40,34,25,.22)}
.onboarding-dialog::backdrop{background:rgba(28,25,21,.48);backdrop-filter:blur(2px)}
.onboarding-card{padding:28px}
.onboarding-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.onboarding-kicker{font-size:12px;letter-spacing:.12em;font-weight:700;color:#8b6e3f;text-transform:uppercase}
.onboarding-card h2{margin:7px 0 10px;font-family:"Cormorant Garamond",serif;font-size:34px;line-height:1}
.onboarding-card p{font-size:16px;line-height:1.55;color:#655f57}
.onboarding-close{border:0;background:transparent;font-size:28px;line-height:1;cursor:pointer;color:#655f57}
.onboarding-progress{height:4px;border-radius:99px;background:rgba(132,105,62,.13);overflow:hidden;margin:22px 0}
.onboarding-progress>span{display:block;height:100%;background:#8b6e3f;transition:width .2s ease}
.onboarding-tip{padding:14px 16px;border:1px solid rgba(132,105,62,.2);border-radius:14px;background:#f4eee2;font-size:14px;line-height:1.45;color:#5b5146}
.onboarding-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px}
.onboarding-actions .onboarding-next,.onboarding-actions .onboarding-back{border-radius:12px;padding:11px 16px;font:inherit;font-weight:700;cursor:pointer}
.onboarding-actions .onboarding-next{border:1px solid #8b6e3f;background:#8b6e3f;color:white}
.onboarding-actions .onboarding-back{border:1px solid rgba(132,105,62,.28);background:transparent;color:#5a4b36}
.onboarding-actions .onboarding-back:disabled{opacity:.45;cursor:default}
.onboarding-highlight{position:relative;z-index:2;outline:3px solid rgba(151,118,61,.55)!important;outline-offset:4px;border-radius:10px}
@media(max-width:640px){.onboarding-card{padding:22px}.onboarding-card h2{font-size:29px}.onboarding-actions{align-items:stretch}.onboarding-actions button{flex:1}}