/* PROFILE 001: calm, public identity and paginated activity, mobile first. */
.profile-card, .profile-edit { overflow: hidden; border: 1px solid #e9e1ed; border-radius: 1.4rem; background: var(--ft-surface); box-shadow: var(--ft-shadow-card); }
.profile-card__cover { display: flex; justify-content: space-between; align-items: center; block-size: 6.5rem; padding: 1rem 1.5rem; color: #88659c; background: linear-gradient(120deg, #eee5ff, #ffe4ef 65%, #fff0e5); }
.profile-card__cover .ft-icon { inline-size: 2.5rem; block-size: 2.5rem; transform: rotate(-12deg); }
.profile-card__cover > :last-child { align-self: start; }
.profile-card__content { padding: 0 1.1rem 1.4rem; }
.profile-card__top { display: flex; justify-content: space-between; align-items: end; gap: .5rem; margin-block: -2rem 1rem; position: relative; }
.profile-card__top .ft-button { font-size: .8125rem; padding-inline: .9rem; }
.profile-avatar { flex-shrink: 0; inline-size: 6rem; block-size: 6rem; border: 4px solid white; box-shadow: 0 3px 12px rgb(56 26 75 / .08); background: var(--ft-lilac); }
.profile-avatar > .ft-icon { inline-size: 3rem; block-size: 3rem; }
.profile-card h1 { font-size: clamp(1.35rem, 4.5vw, 1.75rem); margin: 0; letter-spacing: -.035em; overflow-wrap: anywhere; }
.profile-display-name { color: var(--ft-muted); margin-block: .25rem 0; overflow-wrap: anywhere; }
.profile-card h2 { font-size: 1rem; margin-block: 1.4rem .7rem; }
.profile-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-block: 1.5rem; padding-block: 1rem; background: #fcf9fe; border-radius: 1rem; }
.profile-stats > div { display: flex; flex-direction: column-reverse; align-items: center; text-align: center; padding-inline: .4rem; overflow-wrap: anywhere; }
.profile-stats > div + div { border-inline-start: 1px solid var(--ft-border); }
.profile-stats dt { color: var(--ft-muted); font-size: .75rem; }
.profile-stats dd { margin: 0 0 .2rem; font-size: 1.125rem; font-weight: 650; }
.profile-bio { white-space: pre-wrap; overflow-wrap: anywhere; font-size: .9375rem; line-height: 1.75; margin: 0; }
.profile-hint { font-size: .8125rem; color: var(--ft-muted); line-height: 1.65; }
.profile-interests { display: flex; flex-wrap: wrap; gap: .6rem; list-style: none; padding: 0; margin: 0; }
.profile-interests li { padding: .55rem .85rem; border-radius: var(--ft-radius-pill); color: #604577; background: #f3edfc; font-size: .8125rem; }
.profile-interests li:nth-child(3n+2) { color: #7d3b5b; background: #fcebf4; }
.profile-interests li:nth-child(3n) { color: #245e51; background: #e9f6f0; }
.profile-activity { margin-block-start: 1.5rem; }
.profile-tabs { display: flex; align-items: stretch; gap: .3rem; border-block-end: 1px solid var(--ft-border); margin-block-end: 1rem; }
.profile-tabs > * { flex: 1; min-inline-size: 0; min-block-size: 3.25rem; padding: .65rem .2rem; text-align: center; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; gap: .2rem; border-block-end: 3px solid transparent; font-size: .8125rem; text-decoration: none; color: var(--ft-muted); }
.profile-tabs a[aria-current] { color: var(--ft-primary); border-color: var(--ft-primary); font-weight: 650; background: #fff1f8; border-radius: .6rem .6rem 0 0; }
.profile-tabs__soon small { display: block; flex-basis: 100%; font-size: .65rem; }
.profile-pagination { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-block-start: 1rem; }
.profile-pagination > a { display: inline-flex; align-items: center; min-block-size: 2.75rem; font-size: .875rem; }
.profile-pending { color: #69451a; background: #fff2d9; padding: .65rem .8rem; border-radius: .75rem; font-size: .75rem; margin-block: 1rem 0; }
.profile-answer-context { font-size: .8125rem; color: var(--ft-muted); overflow-wrap: anywhere; margin-block: 0 .9rem; }
.profile-edit { padding: 1.25rem 1.1rem; }
.profile-edit h1 { font-size: 1.5rem; margin-block-end: .75rem; }
.profile-form > label { display: block; font-weight: 600; margin-block: 1.25rem .5rem; }
.profile-form textarea { resize: vertical; min-block-size: 9rem; }
.profile-options { border: 0; padding: 0; margin-block: 1.5rem; min-inline-size: 0; }
.profile-options legend { font-weight: 600; margin-block-end: .75rem; }
.profile-options > div { display: flex; flex-wrap: wrap; gap: .5rem; }
.profile-options label { display: flex; align-items: center; gap: .5rem; min-block-size: 2.75rem; padding: .5rem .75rem; border: 1px solid #c8b9d6; border-radius: 1rem; background: #f8f3fc; font-size: .8125rem; cursor: pointer; }
.profile-options input { inline-size: 1.125rem; block-size: 1.125rem; min-block-size: 0; margin: 0; accent-color: var(--ft-primary); }
.profile-options label:has(:checked) { background: var(--ft-pink); border-color: var(--ft-primary); }
.profile-form__actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.profile-form__actions > * { flex: 1 1 auto; }
@media (min-width: 48rem) {
	.profile-card__content { padding: 0 1.75rem 1.75rem; }
	.profile-card__cover { block-size: 8rem; }
	.profile-edit { padding: 1.75rem; }
	.profile-tabs > * { font-size: .875rem; }
}