/* Classic raised white photo frames */
.cf-site .cf-main .cf-avatar,
.cf-site .cf-main .cf-avatar.cf-avatar-initials {
 box-sizing:border-box; border-radius:0!important;
 border:4px solid #fff!important; outline:1px solid #d1d1d1; outline-offset:0;
 box-shadow:inset 0 0 0 1px #e5e5e5,1px 2px 3px rgba(0,0,0,.22)!important;
 object-fit:cover;
}
.cf-site .cf-main .cf-leader-entry .cf-avatar {border-width:2px!important}
.cf-site .cf-main .cf-profile-card .cf-avatar,
.cf-site .cf-main .cf-profile-top .cf-avatar,
.cf-site .cf-main .cf-avatar.xl {border-width:5px!important}

/* Soft corners and bevelled, shaded frame. */
.cf-site .cf-main .cf-avatar,
.cf-site .cf-main .cf-avatar.cf-avatar-initials {
 border-radius:7px!important;
 border-style:solid!important;
 border-color:#fafafa #b9bdc2 #a5abb2 #e9edf1!important;
 outline:0!important;
 box-shadow:inset 1px 1px 2px rgba(0,0,0,.18),inset -1px -1px 1px rgba(255,255,255,.85),0 0 0 1px #c1c6cb,1px 2px 3px rgba(0,0,0,.25)!important;
}
.cf-site .cf-main .cf-leader-entry .cf-avatar {border-radius:4px!important}

/* Larger photos with a wider bevel, keeping list columns aligned. */
.cf-site .cf-main .cf-avatar {width:64px;height:64px;border-width:5px!important}
.cf-site .cf-main .cf-profile-card .cf-avatar,
.cf-site .cf-main .cf-profile-top .cf-avatar,
.cf-site .cf-main .cf-avatar.xl {width:140px!important;height:140px!important;border-width:7px!important}
.cf-site .cf-main .cf-leader-winner .cf-avatar {width:82px!important;height:82px!important;border-width:6px!important}
.cf-site .cf-main .cf-leader-entry .cf-avatar {width:36px!important;height:36px!important;border-width:3px!important}
.cf-site .cf-main .cf-leader-entry {grid-template-columns:22px 40px minmax(0,1fr) auto}
@media(max-width:960px){.cf-site .cf-main .cf-leader-entry {grid-template-columns:28px 40px minmax(0,1fr) auto}}

/* Consistent compact client-style identity row. */
.cf-site .cf-main .cf-entity-name.cf-entity-name {
 display:inline-flex!important;align-items:center!important;vertical-align:middle!important;
 gap:3px!important;font:700 12px/20px Tahoma,Arial,sans-serif!important;
}
.cf-site .cf-main .cf-entity-name.cf-entity-name .cf-nick {
 font:700 12px/20px Tahoma,Arial,sans-serif!important;color:#000!important;
 padding-block:0!important;align-self:center!important;vertical-align:middle!important;
}
.cf-site .cf-main .cf-entity-name.cf-entity-name .cf-type-icon,
.cf-site .cf-main .cf-entity-name.cf-entity-name .cf-gift-badge,
.cf-site .cf-main .cf-entity-name.cf-entity-name .cf-native-live-rank {
 width:16px!important;height:16px!important;min-width:16px!important;
 max-width:16px!important;object-fit:contain!important;
 flex:0 0 16px!important;align-self:center!important;vertical-align:middle!important;margin:0!important;
}

/* Compact top-five badges, including winner and profile identities. */
.cf-site img.cf-native-live-rank.cf-native-live-rank.cf-native-live-rank.cf-native-live-rank,
.cf-site .cf-main .cf-entity-name.cf-entity-name img.cf-native-live-rank {
 width:14px!important;height:14px!important;min-width:14px!important;max-width:14px!important;
 min-height:14px!important;max-height:14px!important;flex:0 0 14px!important;
 object-fit:contain!important;align-self:center!important;vertical-align:middle!important;margin:0!important;
}

/* Explicit centring independent of inherited nickname typography. */
.cf-site .cf-main .cf-avatar-initials.cf-avatar-initials.cf-avatar-initials {
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 text-align:center!important;line-height:1!important;letter-spacing:0!important;
 text-indent:0!important;padding:0!important;box-sizing:border-box!important;
 font-family:Tahoma,Arial,sans-serif!important;
}
.cf-site .cf-main .cf-leader-winner .cf-leader-place {
 display:flex!important;align-items:center!important;justify-content:center!important;
 align-self:center!important;margin-left:auto!important;margin-right:auto!important;
 box-sizing:border-box!important;line-height:1!important;text-align:center!important;
 letter-spacing:0!important;text-indent:0!important;padding:2px 0 0!important;
}

/* Gender colours apply at render time to every existing and new profile. */
.cf-site .cf-main .cf-avatar.cf-avatar-initials[data-avatar-gender="male"] {background:#dceffc!important;color:#316b94!important}
.cf-site .cf-main .cf-avatar.cf-avatar-initials[data-avatar-gender="female"] {background:#fce4ed!important;color:#934a68!important}

/* Equal price and selection rows despite different feature counts. */
.cf-site .cf-upgrade-page .plans{align-items:stretch}
.cf-site .cf-upgrade-page .plan{display:flex;flex-direction:column;min-width:0}
.cf-site .cf-upgrade-page .plan>img{align-self:center;flex-shrink:0}
.cf-site .cf-upgrade-page .plan>.price{margin: auto 0 0;padding:20px 12px 0;line-height:1.2;font-size:32px;font-variant-numeric:tabular-nums}
.cf-site .cf-upgrade-page .plan .old-price{line-height:20px;min-height:20px;margin-bottom:5px}
.cf-site .cf-upgrade-page .plan>.year{line-height:20px;margin:6px 0 20px}
.cf-site .cf-upgrade-page .plan>.choose{display:flex;justify-content:center;align-items:center;flex-shrink:0;min-height:46px;width:calc(100% - 44px);margin:0 22px 25px;padding:10px 12px;line-height:24px;font-size:16px}
