.guide{margin-block:2rem}.guide-trigger{border:1px solid color-mix(in srgb,var(--colors-ink) 14%,transparent);background:color-mix(in srgb,var(--colors-ink) 3%,transparent);text-align:start;cursor:pointer;border-radius:10px;align-items:center;gap:1rem;width:100%;padding:.95rem 1.1rem;transition:background .15s,border-color .15s;display:flex}.guide-trigger:hover{background:color-mix(in srgb,var(--colors-ink) 7%,transparent);border-color:color-mix(in srgb,var(--colors-ink) 30%,transparent)}.guide-trigger-text{flex-direction:column;flex:1;gap:.15rem;display:flex}.guide-trigger-label{color:var(--colors-ink);font-size:.95rem;font-weight:600}.guide-trigger-meta{color:color-mix(in srgb,var(--colors-ink) 50%,transparent);font-size:.8rem}.guide-trigger-icon{color:color-mix(in srgb,var(--colors-ink) 45%,transparent)}.guide-panel,.guide-trigger:hover .guide-trigger-icon{color:var(--colors-ink)}.guide-dialog{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.guide-panel{border:1px solid color-mix(in srgb,var(--colors-ink) 12%,transparent);background:var(--colors-bg);border-radius:12px;flex-direction:column;width:min(46rem,100%);max-height:min(85vh,100%);padding:1.3rem 1.5rem 1.5rem;display:flex;overflow:hidden}.guide-head{border-bottom:1px solid color-mix(in srgb,var(--colors-ink) 8%,transparent);justify-content:space-between;align-items:start;gap:1rem;padding-bottom:.9rem;display:flex}.guide-title{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:600}.guide-meta{margin:.3rem 0 0;font-size:.8rem}.guide-close,.guide-meta{color:color-mix(in srgb,var(--colors-ink) 50%,transparent)}.guide-close{cursor:pointer;border-radius:6px;flex:none;padding:.2rem .45rem}.guide-close:hover{background:color-mix(in srgb,var(--colors-ink) 8%,transparent);color:var(--colors-ink)}.guide-steps{counter-reset:step;overscroll-behavior:contain;margin:0;padding:0 .2rem 0 0;list-style:none;overflow-y:auto}@media (width<=640px){.guide-dialog{padding:0}.guide-panel{border:0;border-radius:0;width:100%;height:100%;max-height:100%}}
