.help-grid{
  display:grid;
  gap:2rem;
}

@media (min-width: 900px){
  .help-grid{
    grid-template-columns: 1fr 1.1fr;
    align-items:start;
  }
}

.help-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  margin:1rem 0 .5rem;
}

.help-card{
  display:grid;
  gap:.9rem;
}

.help-actions--primary{
  margin-top:.35rem;
}

.help-actions--secondary{
  margin-top:.1rem;
}

.help-meta{
  display:grid;
  gap:.35rem;
  padding-top:.4rem;
  border-top:1px solid var(--bg-300);
}

.help-note{
  color:var(--text-200);
  font-size:.95rem;
  margin-top:.75rem;
}


.help-field{
  display:flex;
  flex-direction:column;
  gap:.35rem;
  font-weight:600;
}

.help-field span{
  font-size:.95rem;
}

.help-field input,
.help-field select,
.help-field textarea{
  background:var(--bg);
  border:1px solid var(--bg-300);
  color:var(--text);
  border-radius:12px;
  padding:.7rem .85rem;
  font-size:1rem;
  font-family:inherit;
  outline:none;
}

.help-field textarea{
  min-height:140px;
  resize:vertical;
}

.help-field input:focus,
.help-field select:focus,
.help-field textarea:focus{
  border-color:var(--accent-200);
  box-shadow:0 0 0 3px rgba(111,184,223,0.15);
}


.text-link{
  color:var(--link);
  font-weight:600;
  display:inline-flex;
  align-items:center;
  gap:.35rem;
}

.help-faq{
  display:grid;
  gap:1rem;
}

.faq-results{
  display:grid;
  gap:.85rem;
}

.faq-results__title{
  font-weight:600;
  color:var(--text-200);
  margin-top:.35rem;
}

.faq-item{
  border:1px solid var(--bg-300);
  border-radius:.85rem;
  background:var(--bg);
  overflow:hidden;
}

.faq-trigger{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  padding:.85rem 1rem;
  border:none;
  background:transparent;
  color:var(--text);
  font-size:1rem;
  font-weight:600;
  text-align:left;
  cursor:pointer;
}

.faq-trigger:focus-visible{
  outline:2px solid var(--accent-200);
  outline-offset:2px;
}

.faq-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:1.5rem;
  height:1.5rem;
  border-radius:50%;
  background:var(--primary-soft-10);
  color:var(--text);
  font-weight:700;
}

.faq-panel{
  padding:0 1rem 1rem;
  color:var(--text-200);
}

.faq-panel a{
  color:var(--link);
  font-weight:600;
}

.faq-share{
  display:flex;
  align-items:center;
  gap:.6rem;
  margin-top:.75rem;
}

.faq-share-btn{
  border:1px solid var(--bg-300);
  background:var(--bg);
  color:var(--text);
  padding:.35rem .8rem;
  border-radius:999px;
  font-weight:600;
  cursor:pointer;
}

.faq-share-btn:hover{
  border-color:var(--primary-200);
}

.faq-share-btn:focus-visible{
  outline:2px solid var(--accent-200);
  outline-offset:2px;
}

.faq-empty{
  color:var(--text-200);
  font-size:.95rem;
}

.faq-help{
  margin-top:.5rem;
}

.help-section[hidden]{
  display:none;
}

.help-actions--secondary{
  margin-top:.25rem;
}

.faq-direct-section[hidden]{
  display:none;
}

.faq-direct-card{
  display:grid;
  gap:1rem;
}

.faq-direct .faq-item{
  border:none;
  background:transparent;
}

.faq-direct .faq-trigger{
  padding:0;
  cursor:default;
}

.faq-direct .faq-icon{
  display:none;
}

.faq-direct .faq-panel{
  padding:0;
}