/* ==========================================================================
   HSBG Club — Help / FAQ page
   Long-form article typography.
   ========================================================================== */

.hb-help-card{
  max-width:820px;
}

.hb-help-discord{ text-align:center; margin-bottom:20px; }
.hb-help-discord img{ max-width:220px; border-radius:4px; }

.hb-help-byline{
  text-align:center;
  font-family:'Cinzel', serif;
  font-weight:700;
  font-size:18px;
  color:var(--hb-gold-bright);
  margin-bottom:4px;
}
.hb-help-subtitle{
  text-align:center;
  color:var(--hb-parchment-dim);
  font-style:italic;
  font-size:14px;
  margin-bottom:32px;
}

.hb-help-heading{
  font-family:'Cinzel', serif;
  font-weight:700;
  color:var(--hb-gold-bright);
  font-size:19px;
  margin:34px 0 12px;
  padding-bottom:6px;
  border-bottom:1px solid var(--hb-line);
}
.hb-help-heading-lg{
  font-family:'Cinzel', serif;
  font-weight:800;
  color:var(--hb-gold-bright);
  font-size:26px;
  text-align:center;
  letter-spacing:0.06em;
  text-transform:uppercase;
  margin:10px 0;
}

.hb-help-divider{
  border:none;
  border-top:1px dashed var(--hb-line-bright);
  margin:24px 0;
}

.hb-help-text{
  color:var(--hb-parchment);
  font-size:14.5px;
  line-height:1.75;
  margin-bottom:14px;
}
.hb-help-text b{ color:var(--hb-gold-bright); }
.hb-help-text u{ text-decoration-color:var(--hb-gold); }

.hb-help-list{
  margin:0 0 16px;
  padding-left:22px;
  color:var(--hb-parchment);
  font-size:14.5px;
  line-height:1.75;
}
.hb-help-list li{ margin-bottom:10px; }
.hb-help-list u{ text-decoration-color:var(--hb-gold); }

.hb-help-card a{ color:var(--hb-jade-bright); }
.hb-help-card a:hover{ color:var(--hb-gold-bright); }

.hb-help-closing{
  text-align:center;
  color:var(--hb-parchment);
  font-size:15px;
  margin-top:32px;
  padding-top:20px;
  border-top:1px solid var(--hb-line);
}
.hb-help-closing b{ color:var(--hb-gold-bright); }

.hb-help-table{
  border-collapse:collapse;
  margin:0 0 22px;
  background:var(--hb-panel);
  border:1px solid var(--hb-line-bright);
  border-radius:4px;
  overflow:hidden;
}
.hb-help-table th{
  text-align:left;
  font-size:10.5px;
  letter-spacing:0.09em;
  text-transform:uppercase;
  color:var(--hb-gold);
  padding:10px 24px;
  border-bottom:1px solid var(--hb-line-bright);
  font-weight:600;
  background:rgba(212,166,54,0.05);
}
.hb-help-table td{
  padding:9px 24px;
  border-bottom:1px solid var(--hb-line);
  color:var(--hb-parchment);
  font-size:14px;
}
.hb-help-table tr:last-child td{ border-bottom:none; }
.hb-help-table tr:hover td{ background:rgba(212,166,54,0.05); }