.settings-intro {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 16px;
}

.settings-intro h2 { font-size: clamp(1.45rem, 4vw, 2.25rem); letter-spacing: -.04em; }
.settings-intro > p { max-width: 360px; color: var(--muted); font-size: .8rem; line-height: 1.5; text-align: right; }
.settings-stats { grid-template-columns: repeat(3, 1fr); }
.settings-stats .stat-card { min-width: 0; }
.settings-stats .stat-card strong { overflow: hidden; text-overflow: ellipsis; }
.settings-stats .stat-card small { display: block; margin-top: 7px; color: var(--muted); font-size: .68rem; line-height: 1.35; }
.settings-stats .featured-stat { border-color: rgba(53, 198, 216, .52); background: linear-gradient(135deg, rgba(53, 198, 216, .1), var(--panel) 70%); }
.settings-stats .featured-stat strong { color: var(--cyan); }

.settings-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 16px; }
.settings-grid .panel { margin-bottom: 0; }
.account-details { margin: 0; display: grid; }
.account-details div { display: grid; grid-template-columns: 130px minmax(0, 1fr); gap: 16px; padding: 13px 0; border-top: 1px solid var(--line); }
.account-details dt { color: var(--muted); font-size: .68rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.account-details dd { margin: 0; overflow-wrap: anywhere; font-size: .87rem; font-weight: 700; text-align: right; }
.form-message { min-height: 1.2em; margin: -3px 0 14px; color: var(--red); font-size: .78rem; }
.form-message.success { color: var(--green); }

@media (max-width: 780px) {
  .settings-stats { grid-template-columns: 1fr 1fr; }
  .settings-grid { grid-template-columns: 1fr; }
  .settings-intro { align-items: start; flex-direction: column; }
  .settings-intro > p { text-align: left; }
}

@media (max-width: 600px) {
  .settings-stats { grid-template-columns: 1fr; }
  .account-details div { grid-template-columns: 1fr; gap: 5px; }
  .account-details dd { text-align: left; }
}