/* Help center (/odigos): chapters, article cards, search, pager. Article typography comes from blog.css (.va-prose). */
.va-help-search{position:relative;max-width:640px}
.va-help-search>svg{position:absolute;left:1.1rem;top:16px;width:20px;height:20px;opacity:.55;pointer-events:none}
.va-help-search input{width:100%;height:52px;padding:0 1.1rem 0 3rem;border:1px solid var(--border);border-radius:999px;background:var(--card);font:inherit;font-size:1.05rem;color:var(--foreground);box-shadow:var(--shadow-soft);outline:none;transition:border-color .15s,box-shadow .15s}
.va-help-search input:focus{border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in oklch,var(--primary) 18%,transparent)}
.va-help-results{margin-top:.6rem;max-height:min(60vh,480px);overflow:auto;border:1px solid var(--border);border-radius:1.1rem;background:var(--card);box-shadow:var(--shadow-elegant);padding:.4rem}
.va-help-results[hidden]{display:none}
.va-help-results a{display:block;padding:.7rem .9rem;border-radius:.8rem;text-decoration:none;color:var(--foreground)}
.va-help-results a:hover,.va-help-results a[aria-selected=true]{background:var(--secondary)}
.va-help-results strong{display:block;font-weight:600}
.va-help-results small{display:block;margin-top:.15rem;font-size:.82rem;color:var(--muted-foreground)}
.va-help-results p{margin:0;padding:1rem;color:var(--muted-foreground);font-size:.92rem}
.va-help-results mark{background:color-mix(in oklch,var(--primary) 18%,transparent);color:inherit;border-radius:.2rem}

.va-help-chapters{display:grid;gap:1.25rem}
@media (min-width:768px){.va-help-chapters{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.va-help-chapters{grid-template-columns:repeat(3,1fr)}}
.va-help-chapter{padding:1.5rem;border:1px solid var(--border);border-radius:1.25rem;background:var(--card)}
.va-help-chapter h2{margin:0;font-size:1.2rem;font-weight:700;line-height:1.3}
.va-help-chapter h2 a{color:inherit;text-decoration:none}
.va-help-chapter h2 a:hover{color:var(--primary)}
.va-help-chapter>p{margin:.4rem 0 0;font-size:.92rem;color:var(--muted-foreground)}
.va-help-chapter ul{margin:1rem 0 0;padding:0;list-style:none;display:grid;gap:.15rem}
.va-help-chapter li a{display:block;padding:.4rem .55rem;margin:0 -.55rem;border-radius:.6rem;font-size:.95rem;color:var(--foreground);text-decoration:none}
.va-help-chapter li a:hover{background:var(--secondary);color:var(--primary)}

.va-help-grid{display:grid;gap:1.25rem}
@media (min-width:640px){.va-help-grid{grid-template-columns:repeat(2,1fr)}}
.va-help-card{display:flex;flex-direction:column;gap:.5rem;padding:1.4rem 1.5rem;border:1px solid var(--border);border-radius:1.25rem;background:var(--card);text-decoration:none;color:var(--foreground);transition:border-color .15s,transform .15s}
.va-help-card:hover{border-color:var(--primary);transform:translateY(-1px)}
.va-help-card h2,.va-help-card h3{margin:0;font-size:1.12rem;font-weight:700;line-height:1.35}
.va-help-card p{margin:0;font-size:.95rem;color:var(--muted-foreground)}
.va-help-more{margin-top:auto;padding-top:.3rem;font-weight:600;color:var(--primary)}

.va-help-chip{display:inline-flex;align-items:center;padding:.15rem .7rem;border-radius:999px;background:var(--card);border:1px solid var(--border);font-weight:600;color:var(--foreground);text-decoration:none}
.va-help-chip:hover{border-color:var(--primary);color:var(--primary)}
.va-help-plan{display:inline-block;padding:.55rem .9rem;border-radius:.8rem;background:color-mix(in oklch,var(--primary) 10%,var(--card));border:1px solid color-mix(in oklch,var(--primary) 25%,transparent);font-size:.92rem;font-weight:500}
.va-help-plan a{color:var(--primary);font-weight:600}

.va-help-chips{display:flex;flex-wrap:wrap;gap:.5rem}
.va-help-chips a{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border-radius:999px;border:1px solid var(--border);background:var(--card);font-weight:500;text-decoration:none;color:var(--foreground)}
.va-help-chips a:hover{border-color:var(--primary);color:var(--primary)}
.va-help-chips span{font-size:.8rem;opacity:.65}

.va-help-pager{display:grid;gap:1rem;margin-top:3rem}
@media (min-width:640px){.va-help-pager{grid-template-columns:1fr 1fr}}
.va-help-pager a{display:block;padding:1rem 1.2rem;border:1px solid var(--border);border-radius:1rem;background:var(--card);text-decoration:none;color:var(--foreground);font-weight:600}
.va-help-pager a:hover{border-color:var(--primary)}
.va-help-pager span{display:block;font-size:.8rem;font-weight:500;color:var(--muted-foreground)}
.va-help-pager .is-next{text-align:right;grid-column:-2}
.va-prose figure{margin:1.6rem 0}