.user-guide{grid-template-columns:220px 1fr;gap:3rem;padding:1rem 0 6rem;display:grid}@media (max-width:880px){.user-guide{grid-template-columns:1fr;gap:1.5rem}.user-guide .ug-sidebar{position:static!important}}.user-guide .ug-sidebar{border-right:1px solid var(--color-line);align-self:start;padding-right:1rem;font-size:.875rem;position:sticky;top:1rem}.user-guide .ug-sidebar h4{letter-spacing:.08em;text-transform:uppercase;color:var(--color-slate);font-size:.75rem;font-weight:var(--font-weight-medium);margin:1.25rem 0 .5rem}.user-guide .ug-sidebar h4:first-of-type{margin-top:0}.user-guide .ug-sidebar a{color:var(--color-slate);border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-left:2px solid #0000;padding:.4rem .6rem;text-decoration:none;transition:border-color .12s,background .12s,color .12s;display:block}.user-guide .ug-sidebar a:hover{color:var(--color-ink);background:var(--color-surface)}.user-guide .ug-sidebar a.is-current{color:var(--brand-lavender-deep);border-left-color:var(--brand-lavender-deep);font-weight:var(--font-weight-medium)}.user-guide .ug-card{border:1px solid var(--color-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin:0 0 var(--space-8);background:#fff;scroll-margin-top:80px;overflow:hidden}.user-guide .ug-card-head{padding:var(--space-5) var(--space-6) var(--space-3)}.user-guide .ug-card-head .ug-num{font-size:var(--font-size-eyebrow);letter-spacing:.1em;color:var(--brand-lavender-deep);font-weight:var(--font-weight-semi)}.user-guide .ug-card-head h2{font-size:1.375rem;line-height:1.25;font-weight:var(--font-weight-semi);margin:.25rem 0 .5rem}.user-guide .ug-intro{color:var(--color-slate);margin:0}.user-guide .ug-divider{border-top:1px solid var(--color-line);margin:var(--space-10) 0 var(--space-8);padding-top:var(--space-4);font-size:var(--font-size-eyebrow);letter-spacing:.08em;text-transform:uppercase;color:var(--color-mist)}.user-guide .ug-img-wrap{margin:var(--space-4) var(--space-6);background:var(--color-cream);border-radius:var(--radius-md);border:1px solid var(--color-line);position:relative;overflow:visible}.user-guide .ug-img-wrap img{border-radius:var(--radius-md);width:100%;height:auto;display:block}.user-guide .ug-hot{pointer-events:none;opacity:0;border-radius:6px;transition:opacity .16s;position:absolute}.user-guide .ug-hot.is-active{opacity:1;box-shadow:0 0 0 3px var(--brand-gilt), 0 0 0 8px #f5c84240}.user-guide .ug-anno-list{padding:var(--space-2) var(--space-6) var(--space-5);margin:0;list-style:none}.user-guide .ug-anno-list li{gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-line);color:var(--color-slate);cursor:pointer;grid-template-columns:28px 1fr;transition:color .12s;display:grid}.user-guide .ug-anno-list li:last-child{border-bottom:0}.user-guide .ug-pin{border:1.5px solid var(--brand-lavender-deep);width:22px;height:22px;color:var(--brand-lavender-deep);font-size:.72rem;font-weight:var(--font-weight-semi);background:#fff;border-radius:50%;flex:0 0 22px;justify-content:center;align-items:center;margin-top:2px;transition:background .12s,color .12s;display:flex}.user-guide .ug-anno-list li:hover,.user-guide .ug-anno-list li.is-active{color:var(--color-ink)}.user-guide .ug-anno-list li:hover .ug-pin,.user-guide .ug-anno-list li.is-active .ug-pin{background:var(--brand-lavender-deep);color:#fff}.user-guide .ug-anno-list li strong{color:var(--color-ink);font-weight:var(--font-weight-semi);margin-right:.35rem}.user-guide .ug-card-foot{background:var(--color-surface);padding:.875rem var(--space-6);border-top:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:var(--space-4);font-size:var(--font-size-small);display:flex}.user-guide .ug-card-foot .label{color:var(--color-mist)}.user-guide .ug-card-foot a.cta{color:var(--brand-lavender-deep);font-weight:var(--font-weight-medium);border:1px solid var(--brand-lavender-deep);border-radius:var(--radius-pill);padding:.45rem .85rem;text-decoration:none;transition:background .12s,color .12s}.user-guide .ug-card-foot a.cta:hover{background:var(--brand-lavender-deep);color:#fff}.user-guide .ug-closing{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);color:var(--color-slate);margin:var(--space-6) 0 0;font-size:.9rem}