/* v0.18 profile page: themes, cover, photo, buttons and links, driven by ProfileStyle (profile.js). */
body.profile{--p-bg:#fbfbfa;--p-fg:#121317;--p-sub:#5b606b;--p-row:#fff;--p-line:rgba(0,0,0,.08);--p-soft:color-mix(in srgb,var(--p-accent) 12%,transparent);background:var(--p-bg);color:var(--p-fg)}
body.profile.theme-cream{--p-bg:#f5f0e6;--p-row:#fbf8f2}
body.profile.theme-dark{--p-bg:#0f1116;--p-fg:#f3f4f6;--p-sub:#a3a8b4;--p-row:#191c23;--p-line:rgba(255,255,255,.1);--p-soft:color-mix(in srgb,var(--p-accent) 18%,transparent)}
body.profile main{padding-top:0;max-width:520px}
body.profile header{position:relative;z-index:3;margin:0;padding:16px 0 0;height:0}
body.profile .wordmark{display:none}
body.profile .language{position:absolute;right:0;top:14px;background:rgba(0,0,0,.28);border-color:rgba(255,255,255,.35);color:#fff;backdrop-filter:blur(6px)}
body.profile .p-top.no-cover~*{}
body.profile .p-top.no-cover .language{}
/* cover + photo */
.p-top{position:relative;margin:0 -24px;height:212px}
.p-cover{position:absolute;inset:0 0 auto 0;height:160px;background:var(--p-accent) center/cover no-repeat}
.p-cover.accent{background:linear-gradient(135deg,var(--p-accent),color-mix(in srgb,var(--p-accent) 65%,#000))}
.p-top.no-cover{height:136px}.p-top.no-cover .p-cover{display:none}
.p-top.no-cover~header .language,body.profile .p-top.no-cover+.intro{}
.p-photo{position:absolute;top:108px;left:50%;transform:translateX(-50%);width:104px;height:104px;border-radius:50%;border:4px solid var(--p-bg);background:color-mix(in srgb,var(--p-fg) 9%,var(--p-bg));overflow:hidden;display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.p-top.no-cover .p-photo{top:28px}
.p-photo img{width:100%;height:100%;object-fit:cover;display:block}
.p-initials{font:600 30px Poppins,sans-serif;color:var(--p-sub)}
body.p-photo-rounded .p-photo{border-radius:26%}
body.p-photo-square .p-photo{border-radius:8%}
body.p-left .p-photo{left:24px;transform:none}
/* identity */
body.profile .intro{margin:14px 0 22px}
body.p-left .intro{text-align:left}
body.profile h1{margin:4px 0 4px;font-size:clamp(26px,7vw,34px);line-height:1.2;color:var(--p-fg)}
body.p-font-sans h1{font:600 clamp(24px,6.4vw,30px)/1.25 Poppins,sans-serif}
body.profile .intro #role{color:color-mix(in srgb,var(--p-accent) 70%,var(--p-fg));font-weight:600;font-size:14px;margin:2px 0}
body.theme-dark .intro #role{color:var(--p-sub)}
.p-where{color:var(--p-sub)!important;font-size:12.5px!important;margin:6px 0 0!important}
.p-bio{color:color-mix(in srgb,var(--p-fg) 78%,var(--p-bg))!important;font-size:13.5px!important;line-height:1.6!important;margin:12px auto 0!important;max-width:440px;white-space:pre-line}
body.p-left .p-bio{margin-left:0!important}
/* save button */
body.profile .actions{max-width:none}
body.profile .save{background:var(--p-accent);color:var(--p-on-accent);border-radius:14px;min-height:54px;font-size:15px;box-shadow:0 10px 24px -12px color-mix(in srgb,var(--p-accent) 70%,transparent)}
body.p-btn-outline .save{background:transparent;color:var(--p-accent);border:1.5px solid var(--p-accent);box-shadow:none}
body.p-btn-soft .save{background:var(--p-soft);color:var(--p-accent);box-shadow:none}
body.theme-dark.p-btn-outline .save,body.theme-dark.p-btn-soft .save{color:color-mix(in srgb,var(--p-accent) 75%,#fff)}
.save svg path,.p-ic svg path,.p-chev svg path{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.profile .consent{color:var(--p-sub);margin:10px auto 18px}
body.profile #save-alternative{color:var(--p-sub);background:none;border:0;min-height:40px;font-size:12px;text-decoration:underline}
/* links: list */
.p-links{display:flex;flex-direction:column;background:var(--p-row);border:1px solid var(--p-line);border-radius:18px;overflow:hidden}
.p-link{display:flex;align-items:center;gap:14px;padding:12px 14px;text-decoration:none;color:var(--p-fg);min-height:64px}
.p-link+.p-link{border-top:1px solid var(--p-line)}
.p-ic{flex:none;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--p-accent);color:var(--p-on-accent)}
.p-ic svg{width:21px;height:21px}
body.p-btn-outline .p-ic{background:transparent;color:var(--p-accent);border:1.5px solid var(--p-accent)}
body.p-btn-soft .p-ic{background:var(--p-soft);color:var(--p-accent)}
body.theme-dark.p-btn-outline .p-ic,body.theme-dark.p-btn-soft .p-ic{color:color-mix(in srgb,var(--p-accent) 75%,#fff)}
.p-txt{flex:1;min-width:0;display:flex;flex-direction:column}
.p-txt b{font-weight:600;font-size:14.5px}
.p-txt small{color:var(--p-sub);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p-chev{color:var(--p-sub);width:18px;height:18px}.p-chev svg{width:18px;height:18px}
.p-link:active{background:color-mix(in srgb,var(--p-fg) 5%,transparent)}
/* links: icons */
body.p-act-icons .p-links{flex-direction:row;flex-wrap:wrap;background:none;border:0;border-radius:0;justify-content:center;gap:6px 0}
body.p-act-icons .p-link{flex:0 0 25%;flex-direction:column;gap:8px;padding:6px 2px;min-height:0;border:0!important}
body.p-act-icons .p-ic{width:56px;height:56px;border-radius:50%}
body.p-act-icons .p-ic svg{width:24px;height:24px}
body.p-act-icons .p-txt{align-items:center}
body.p-act-icons .p-txt b{font-weight:400;font-size:11.5px;color:var(--p-sub)}
/* card below the profile */
body.profile .card-section{margin-top:30px}
body.profile .flip-hint,body.profile details,body.profile footer{color:var(--p-sub)}
body.profile details{border-top-color:var(--p-line)}
body.profile .swatch:after{border-color:var(--p-line)}
body.profile #status{color:var(--p-accent)}