/* The approved Personal Index profile: compact identity, then clear chapters. */
.personal-index-profile .profile-hero{padding:15px 22px 20px}
.personal-index-profile .back-row{align-items:center;gap:8px;min-height:40px}
.personal-index-profile .back-row>button{width:36px;min-height:40px;flex:0 0 36px;display:grid;place-items:center}
.personal-index-profile .back-row .social-handle{font-size:12px;text-align:center;flex:1;min-width:0;overflow-wrap:anywhere;margin:0}
.personal-index-profile .social-own-tools{gap:4px}.personal-index-profile .social-own-tools button{width:36px;min-height:40px}
.personal-index-profile .profile-id{gap:15px;margin:10px 0 0;align-items:center}
.personal-index-profile .profile-id>.profile-portrait{width:82px;height:98px;flex:0 0 82px;margin:0}
.personal-index-profile .profile-id>.surround-standard{height:82px}
.personal-index-profile .profile-id>.surround-phone{width:74px;flex-basis:74px;height:105px}
.personal-index-profile .profile-id>div:last-child{flex:1;min-width:0}
.personal-index-profile .profile-id h3{font-size:27px;line-height:1.25;letter-spacing:-1px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.personal-index-profile .profile-id h3 span{margin:0;font-size:12px;padding:2px 7px;border-radius:7px;font-weight:500;letter-spacing:0}
.personal-index-profile .profile-id p{font-size:11px;line-height:1.5;margin:6px 0}
.personal-index-profile .profile-status{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap}
.personal-index-profile .profile-status .presence-dot{width:6px;height:6px;flex:none;align-self:center}
.personal-index-profile .verified{font-size:10px;padding:5px 9px;border-radius:8px;margin:4px 5px 3px 0}
.profile-trust-labels{display:inline-flex;gap:5px;flex-wrap:wrap}.profile-trust-label{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;padding:5px 8px;border-radius:8px;background:#493071;color:#fff;margin:4px 5px 3px 0;line-height:1.4}
.personal-index-profile .follow-row{gap:7px;margin-top:10px;align-items:stretch;flex-wrap:wrap}
.personal-index-profile .follow-row button{min-height:40px;padding:9px 10px;font-size:11px;line-height:1.3;border-radius:11px;min-width:0;flex:1}
.personal-index-profile .follow-row .profile-message{background:#fffaf1e8;color:#302438}
.personal-index-profile .follow-row .profile-friend-action{flex:1 0 100%;background:transparent;color:inherit;border:1px solid currentColor;min-height:34px;font-size:10px;padding:7px}
.personal-index-profile .follow-row button:disabled{opacity:.55;cursor:default}
.personal-index-profile .counts{justify-content:space-evenly;gap:12px;padding:17px 12px;color:var(--mode-muted);background:var(--mode-canvas);font-size:11px;border-color:var(--mode-line)}
.personal-index-profile .counts b{display:inline;font-size:13px;margin:0 5px 0 0;color:var(--mode-text)}
.profile-right-now{display:flex;align-items:center;gap:12px;padding:12px 22px;background:var(--mode-soft);color:var(--mode-text);font-size:12px;line-height:1.5}
.profile-right-now small{font-size:9px;letter-spacing:1px;font-weight:700;color:var(--mode-muted);white-space:nowrap}
.personal-index-profile .feed-profile-about{padding:22px}
.personal-index-profile .feed-profile-about .lm-details{background:var(--mode-soft);padding:16px;border-radius:15px;color:var(--mode-text)}
.personal-index-profile .feed-profile-about .lm-details>div:not(.lm-section-head){font-size:12px;padding:8px 0}
.personal-index-profile .feed-profile-about .lm-details>div>span{color:var(--mode-muted)}
.personal-index-profile .feed-profile-about .profile-badges{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 16px}
.personal-index-profile .feed-profile-about .profile-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--mode-line);border-radius:20px;padding:6px 9px;background:var(--mode-soft);color:var(--mode-text);font-size:10px}
.personal-index-profile .feed-profile-about .account-labels{margin:12px 0;gap:6px}.personal-index-profile .feed-profile-about .account-labels span{background:var(--mode-soft);color:var(--mode-text);border:1px solid var(--mode-line);border-radius:20px;padding:6px 9px}
.personal-index-profile .profile-media-grid{gap:3px;padding-top:3px}
.pronouns-field .optional-label{font-size:11px;color:var(--mode-muted);margin-left:7px;font-weight:400}.pronouns-field .footnote{margin:8px 0 18px}
@media(max-width:760px){html.stu-native .personal-index-profile .profile-hero{padding-top:calc(15px + max(env(safe-area-inset-top,0px),var(--native-inset-top,0px)))}.personal-index-profile .feed-profile-about{padding:22px}.personal-index-profile .profile-hero{margin:0}}
@media(max-width:360px){.personal-index-profile .profile-hero{padding-inline:16px}.personal-index-profile .profile-id{gap:12px}.personal-index-profile .profile-id>.profile-portrait{width:70px;flex-basis:70px;height:86px}.personal-index-profile .profile-id>.surround-standard{height:70px}.personal-index-profile .profile-id h3{font-size:24px}.personal-index-profile .social-own-tools button{width:30px}}
