.contextual-help-overlay{z-index:1000;opacity:0;background-color:#0000004d;transition:opacity .2s ease-out;position:fixed;inset:0}.contextual-help-overlay.contextual-help-visible{opacity:1}.contextual-help-panel{background-color:var(--color-surface);z-index:1001;flex-direction:column;width:380px;max-width:90vw;transition:transform .2s ease-out;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-4px 0 20px #0000001f}.contextual-help-panel.contextual-help-visible{transform:translate(0)}.contextual-help-header{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.contextual-help-header h2{color:var(--color-text-primary);margin:0;font-size:1rem;font-weight:600}.contextual-help-close{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:color .15s,background-color .15s;display:flex}.contextual-help-close:hover{color:var(--color-text-primary);background-color:var(--color-surface-secondary)}.contextual-help-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.contextual-help-body{flex:1;padding:20px;overflow-y:auto}.contextual-help-overview{background-color:var(--color-primary-bg);color:var(--color-text-secondary);border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:.875rem;line-height:1.5}.contextual-help-body .article-content{font-size:.875rem;line-height:1.6}.contextual-help-body .article-content .article-h1{margin:20px 0 10px;padding-bottom:6px;font-size:1.15rem}.contextual-help-body .article-content .article-h2{margin:18px 0 8px;padding-bottom:4px;font-size:1.05rem}.contextual-help-body .article-content .article-h3{margin:14px 0 6px;font-size:.95rem}.contextual-help-body .article-content .article-paragraph{margin:0 0 12px}.contextual-help-body .article-content .article-list{margin:0 0 12px;padding-left:20px}.contextual-help-body .article-content .article-list li{margin-bottom:4px}.contextual-help-tips{background-color:var(--color-surface-secondary);border-left:3px solid var(--color-primary);border-radius:8px;margin-top:16px;padding:12px 14px}.contextual-help-tips-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);margin-bottom:8px;font-size:.75rem;font-weight:600}.contextual-help-tips ul{margin:0;padding:0;list-style:none}.contextual-help-tips li{color:var(--color-text-secondary);padding:4px 0 4px 16px;font-size:.825rem;line-height:1.5;position:relative}.contextual-help-tips li:before{content:"•";color:var(--color-primary);position:absolute;left:0}.contextual-help-related{border-top:1px solid var(--color-border);margin-top:16px;padding-top:16px}.contextual-help-related-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:8px;font-size:.75rem;font-weight:600}.contextual-help-related a{color:var(--color-primary);border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:.825rem;text-decoration:none;transition:background-color .15s;display:flex}.contextual-help-related a:hover{background-color:var(--color-primary-bg)}.contextual-help-footer{border-top:1px solid var(--color-border);flex-shrink:0;padding:12px 20px}.contextual-help-footer a{color:var(--color-primary);border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:.825rem;text-decoration:none;transition:background-color .15s;display:flex}.contextual-help-footer a:hover{background-color:var(--color-primary-bg)}.contextual-help-loading{justify-content:center;align-items:center;padding:40px 20px;display:flex}.contextual-help-trigger{cursor:pointer;color:var(--color-text-secondary);vertical-align:middle;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-left:8px;padding:2px;transition:color .15s,background-color .15s;display:inline-flex}.contextual-help-trigger:hover{color:var(--color-primary);background-color:var(--color-primary-bg)}.contextual-help-trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.contextual-help-trigger[aria-expanded=true]{color:var(--color-primary)}