#user-guide{width:min(1080px,96vw);max-width:1080px;height:min(740px,94dvh);max-height:94dvh;padding:22px 28px;overflow:hidden}
#user-guide[open]{display:flex;flex-direction:column;gap:12px}
.guide-head,.guide-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}.guide-head button{padding:7px 12px}
#guide-content{overflow:auto;min-height:0;flex:1;padding:0 4px 4px}#guide-content h1{font-size:1.6rem;margin:5px 0 8px;line-height:1.35}#guide-content h1:focus{outline:none}
#guide-content .guide-lead{margin:0 0 18px;font-size:.95rem}.guide-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.guide-card{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid #484052;border-radius:10px;text-decoration:none;color:var(--text);background:#252130;min-height:73px}.guide-card>span{color:var(--accent);font-size:.8rem}.guide-card>span:last-child{margin-left:auto}.guide-card strong{font-size:.9rem;font-weight:600}#guide-content .guide-card p{margin:3px 0 0;font-size:.78rem;line-height:1.5}.guide-card:hover{background:#332a44;border-color:var(--accent)}
#user-guide a:focus-visible,#user-guide button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
#guide-content .guide-note{font-size:.8rem;line-height:1.7;color:#c6bfce;margin:14px 0 0}
.guide-foot{border-top:1px solid var(--border);padding-top:12px}.guide-foot a{font-size:.85rem;color:var(--accent)}.guide-foot nav{display:flex;align-items:center;gap:16px}.guide-foot nav span{font-size:.8rem;color:var(--muted)}
.guide-steps{padding-left:25px;line-height:1.9;font-size:1rem}.guide-steps li{padding-left:7px;margin-bottom:16px}.guide-steps li::marker{color:var(--accent);font-weight:700}.guide-example{padding:16px 20px;background:#292437;border-left:3px solid var(--accent);border-radius:7px}.guide-example strong{font-size:.85rem;color:var(--accent)}#guide-content .guide-example p{margin:6px 0 0;font-size:.95rem}
@media(max-width:650px){#user-guide{padding:16px;width:96vw;gap:8px}.guide-cards{grid-template-columns:1fr;gap:7px}.guide-card{padding:11px;min-height:65px}#guide-content h1{font-size:1.25rem}#guide-content .guide-lead{font-size:.85rem}.guide-foot{flex-wrap:wrap}.guide-foot nav{gap:10px}.guide-foot button{margin-left:auto;font-size:.8rem;padding:9px}.guide-steps{font-size:.9rem}.top-actions{flex-wrap:wrap;justify-content:flex-end}}