/* "More settings": the group that holds everything beyond account essentials.
   Quiet by default; opens on demand or when the URL targets a section inside. */
.set-more { margin: 8px 0 24px; }
.set-more-summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 16px 20px;
  border: 1px solid var(--line, rgba(255, 255, 255, 0.10));
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.03);
  transition: background 160ms ease, border-color 160ms ease;
}
.set-more-summary::-webkit-details-marker { display: none; }
.set-more-summary:hover { background: rgba(255, 255, 255, 0.05); }
.set-more-title { font-size: 15px; font-weight: 600; letter-spacing: 0.01em; color: var(--text-strong, #fff); }
.set-more-title::after { content: "  +"; opacity: 0.6; font-weight: 400; }
.set-more[open] .set-more-title::after { content: "  \2212"; }
.set-more-hint { font-size: 12.5px; color: var(--text-muted, rgba(255, 255, 255, 0.6)); }
/* minmax(0,1fr): an implicit auto column grows to its widest child's
   min-content, which pushed long translated card titles 80px past the
   screen edge at 320px. */
.set-more-body { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; margin-top: 16px; }
@media (prefers-reduced-motion: reduce) { .set-more-summary { transition: none; } }

/* Account actions: wrap instead of running off the card on a narrow window. */
.set-account-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 4px; }
.set-account-actions .sec-btn { flex: 0 1 auto; }
.set-account-foot { min-height: 1em; }