/* 2026-11-08 — keeping newcomers: profile page refresh (pages/profile.php), "Closest to you" local communities
   (pages/groups.php), and the "before you go" options on account deletion (pages/account.php). Loads after social.css. */

/* ── Profile ─────────────────────────────────────────────── */
.sc-pwrap .sc-cover{overflow:hidden}
.sc-pwrap .sc-cover.has-img::after{content:"";position:absolute;left:0;right:0;bottom:0;height:45%;background:linear-gradient(180deg,transparent,rgba(10,30,18,.22));pointer-events:none;z-index:1}
.sc-pwrap .sc-handle-row{gap:8px}
.sc-pwrap .sc-headline{font-size:17px;color:var(--ink);margin-top:8px;line-height:1.4}
.sp-bio-m{display:none}

.sp-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px}
.sp-chips .cu-tags{display:contents}
.sp-chips .cu-tag,.sp-langs,.sp-more{min-height:30px}
.sp-langs{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:var(--mint);color:var(--forest);font:600 13px/1.2 var(--ui);border:1px solid #BBF7D0}
.sp-langs i{font-size:13px}
.sp-flags{letter-spacing:1px;font-size:14px}
.sp-more{display:none;align-items:center;padding:4px 12px;border-radius:999px;border:1px dashed var(--line);background:#fff;color:var(--ink-2);font:600 13px/1.2 var(--ui);cursor:pointer}

.sc-pwrap .sp-stats{margin-top:20px}

.sp-owner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin:18px 0 4px}
.sp-owner>div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px}
.sp-owner-vis{display:flex;align-items:center;gap:12px}
.sp-owner-vis>span:nth-child(2){display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.35}
.sp-owner-vis b{font-size:14.5px}
.sp-owner-vis small{color:var(--muted);font-size:13px}
.sp-owner-ico{flex:0 0 38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--mint);color:var(--forest)}
.sp-owner-todo-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:14.5px}
.sp-owner-todo-h span{color:var(--muted);font-size:12.5px}
.sp-owner-bar{height:6px;border-radius:99px;background:var(--line-2);margin:8px 0 6px;overflow:hidden}
.sp-owner-bar span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--leaf),#84CC16)}
.sp-owner-list{display:flex;flex-direction:column}
.sp-owner-list a{display:flex;align-items:center;gap:10px;padding:8px 2px;color:var(--ink-2);font-size:14px;font-weight:550;border-top:1px solid var(--line-2)}
.sp-owner-list a:first-child{border-top:0}
.sp-owner-list a>i:first-child{width:18px;text-align:center;color:var(--leaf-2)}
.sp-owner-list .sp-go{margin-left:auto;font-size:11px;color:var(--muted)}
.sp-owner-list a:hover{color:var(--ink)}
.sp-locked{padding:56px 0 80px}

@media (max-width:1020px){
  .sc-pwrap .sc-pside{order:2}           /* phones: posts first, the About/level/communities column after them */
  .sc-pwrap .sc-pmain{order:1}
  .sp-owner{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  .sc-pwrap .sc-cover{height:150px}
  .sc-pwrap .sc-phead h1{font-size:30px;gap:8px}
  .sc-pwrap .sc-phead h1 .sc-staff,.sc-pwrap .sc-phead h1 [class*="badge"]{font-size:12px}
  .sc-pwrap .sc-headline{font-size:16px}
  .sp-bio-m{display:block;margin-top:8px;font-size:15px;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
  .sc-pwrap .sc-pside .sc-bio{display:none}
  .sc-pwrap .sc-facts{gap:4px 14px;font-size:13.5px}
  .sp-tags .cu-tag:nth-child(n+5){display:none}
  .sp-more{display:inline-flex}
  .sp-more-cb:checked~.sp-tags .cu-tag{display:inline-flex}
  .sp-more-cb:checked~.sp-more{display:none}
  .sc-pwrap .sp-stats{grid-template-columns:repeat(var(--n,5),minmax(0,1fr));margin-top:16px}
  .sc-pwrap .sc-pact{width:100%}
}

/* ── Communities: "Closest to you" (cat=local / Near you) ── */
.gr-near{margin:6px 0 30px}
.gr-near .gr-sec-h{margin-top:4px}
.gr-near-start{display:flex;align-items:center;gap:16px;padding:18px 20px;margin:0 0 22px;border-radius:var(--r);background:linear-gradient(120deg,var(--mint),#F7FEE7);border:1px solid #BBF7D0}
.gr-near-ico{flex:0 0 46px;height:46px;border-radius:14px;display:grid;place-items:center;background:var(--forest);color:var(--lime);font-size:20px}
.gr-near-txt{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.4}
.gr-near-txt b{font-size:16.5px;color:var(--ink)}
.gr-near-txt small{color:var(--ink-2);font-size:13.5px}
.gr-near-start .btn{flex-shrink:0}
.gr-card-new{color:var(--leaf-2);font-weight:650}
.gr-card-km{color:var(--ink-2);font-weight:600}
@media (max-width:640px){
  .gr-near-start{flex-wrap:wrap;padding:16px}
  .gr-near-start .btn{width:100%;justify-content:center}
}
/* phones: the 14 language chips were a two-screen wall before any community — one swipeable row instead */
@media (max-width:760px){
  .gr-dir .lf-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-right:-16px;padding-right:16px}
  .gr-dir .lf-chips::-webkit-scrollbar{display:none}
  .gr-dir .lf-chips a,.gr-dir .lf-chips>i{flex:0 0 auto;white-space:nowrap}
}

/* ── Account → delete: lighter options + optional reason ── */
.acct-leave-alt{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0 18px;padding:14px;border-radius:14px;background:var(--paper)}
.acct-leave-alt p{grid-column:1/-1;margin:0 0 2px}
.acct-leave-alt a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:#fff;border:1px solid var(--line);color:var(--ink-2);font-size:14px;font-weight:550;line-height:1.3}
.acct-leave-alt a:hover{border-color:var(--ink-2);color:var(--ink)}
.acct-leave-alt a i{color:var(--leaf-2);width:18px;text-align:center}
.acct-leave{border:0;padding:0;margin:0;min-width:0}
.acct-leave legend{font-weight:650;margin-bottom:8px;padding:0}
.acct-leave-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.acct-leave textarea{width:100%}
@media (max-width:640px){.acct-leave-alt{grid-template-columns:minmax(0,1fr)}}