.member-quick-tour-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 24px;align-items:center;margin:20px 0 28px;padding:22px 24px;border:1px solid #acd7f1;border-radius:22px;background:linear-gradient(115deg,#e8f7ff,#f5f0ff);color:#183b59;box-shadow:0 9px 30px #183b5914}
.member-quick-tour-copy{min-width:0}.member-quick-tour-badge{display:block;color:#205d83;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.member-quick-tour-card h2{font-size:clamp(1.2rem,2vw,1.5rem);line-height:1.25;margin:8px 0}.member-quick-tour-card p{margin:0;line-height:1.5}.member-quick-tour-actions{display:flex;gap:10px;flex-wrap:wrap}.member-quick-tour-actions button{min-height:46px;padding:10px 18px}.member-quick-tour-note{grid-column:1/-1;color:#486880;line-height:1.5}
.member-quick-tour-dialog{box-sizing:border-box;width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 36px);overflow:auto;padding:28px;border:1px solid #afcbe2;border-radius:22px;background:#fff;color:#193652;box-shadow:0 22px 70px #071d3360}.member-quick-tour-dialog::backdrop{background:#091f38a8}.member-quick-tour-dialog h2{font-size:clamp(1.4rem,4vw,1.8rem);line-height:1.2;margin:8px 0 16px}.member-quick-tour-progress{margin:8px 0 0;color:#236396;font-weight:750}.member-quick-tour-description{font-size:1.05rem;line-height:1.6;margin:0 0 20px}.member-quick-tour-close{display:block;margin-inline-start:auto;min-height:44px;padding:8px 12px;border:1px solid #bdd1df;border-radius:10px;background:transparent;color:inherit;cursor:pointer}.member-quick-tour-links{display:flex;gap:10px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid #d5e2eb}.member-quick-tour-links button{min-height:44px;white-space:normal;text-align:center}.member-quick-tour-controls{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin:20px 0 10px}.member-quick-tour-controls button{min-height:44px}.member-quick-tour-dialog .member-quick-tour-note{display:block;margin-top:6px}.member-quick-tour-card button:focus-visible,.member-quick-tour-dialog button:focus-visible,.member-quick-tour-dialog h2:focus-visible{outline:3px solid #167ac4;outline-offset:3px}
html[data-design=dark] .member-quick-tour-card{background:linear-gradient(115deg,#173b55,#2b2146);border-color:#527f9d;color:#f1f8ff}html[data-design=dark] .member-quick-tour-badge,html[data-design=dark] .member-quick-tour-note{color:#bbd9ec}html[data-design=dark] .member-quick-tour-dialog{background:#142438;color:#f1f8ff;border-color:#55738d}html[data-design=dark] .member-quick-tour-dialog .member-quick-tour-progress{color:#91d4ff}html[data-design=dark] .member-quick-tour-dialog .member-quick-tour-close{border-color:#55738d;color:#f1f8ff}html[data-design=dark] .member-quick-tour-links{border-color:#435c73}
@media(max-width:700px){.member-quick-tour-card{grid-template-columns:1fr;padding:20px}.member-quick-tour-actions{width:100%}.member-quick-tour-actions button{flex:1 1 130px}.member-quick-tour-dialog{padding:20px}.member-quick-tour-links button{flex:1 1 150px}.member-quick-tour-controls button{flex:1 1 100px}}
@media(max-width:380px){.member-quick-tour-actions,.member-quick-tour-controls{flex-direction:column}.member-quick-tour-actions button,.member-quick-tour-controls button,.member-quick-tour-links button{width:100%}}