/* Help / FAQ page (/aide, js/help.js). Same card language as /soins and the news. */
.hp-page section { display: flex; flex-direction: column; gap: 10px; }
.tab-page .hp-kick { margin: 8px 0 0; font-size: 12px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--z-primary); }
.hp-list { display: flex; flex-direction: column; gap: 8px; }
.hp-item { border-radius: 16px; background: #fff; border: 1px solid #e4e6e3; scroll-margin-top: 16px; }
.hp-item summary {
  display: flex; justify-content: space-between; align-items: center; gap: 12px;
  padding: 14px 16px; cursor: pointer; list-style: none; font-size: 15px; font-weight: 600; color: #2e3235;
}
.hp-item summary::-webkit-details-marker { display: none; }
.hp-item summary::after { content: '+'; flex: none; font-size: 20px; font-weight: 400; line-height: 1; color: var(--z-primary); }
.hp-item[open] summary::after { content: '−'; }
.hp-a { padding: 0 16px 14px; }
.hp-a p { margin: 0; font-size: 14px; line-height: 1.5; color: #5f6467; }
.hp-a .hp-links { display: flex; flex-wrap: wrap; gap: 6px 16px; margin-top: 10px; }
.hp-links a { font-size: 14px; font-weight: 600; color: var(--z-primary); text-decoration: none; }
.hp-more { align-items: center; text-align: center; padding: 18px 16px; border-radius: 18px; background: #fff; border: 1px solid #e4e6e3; }
.tab-page .hp-more h2 { margin: 0; font-size: 17px; color: #2e3235; }
.hp-more p { margin: 0; font-size: 14px; line-height: 1.5; color: #5f6467; }
.hp-mail { display: inline-block; padding: 10px 18px; border-radius: 999px; background: var(--z-primary); color: #f7f5f0; font-weight: 600; text-decoration: none; }