/* Public profile components. Private navigation and authenticated actions stay gated. */
.falue-guest-profile{--fl-shell-offset:0px}
.fgp-header{position:fixed;inset:0 0 auto;z-index:1100;height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:#242637;color:#f8fafc}
.fgp-brand{font:400 36px/1 Convergence,sans-serif;color:inherit;text-decoration:none}
.fgp-header-actions,.fgp-profile-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.fgp-pill{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:4px 18px 4px 4px;background:var(--falue-surface,#fff);color:var(--falue-text,#242635);border:0;border-radius:999px;text-decoration:none;font:400 14px/1.3 Convergence,sans-serif;box-shadow:0 4px 12px #18202e12}
.fgp-disc{width:36px;height:36px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--falue-surface,#fff);box-shadow:0 3px 9px #18202e12;font-size:22px}
.fgp-pill:focus-visible,.fgp-brand:focus-visible{outline:2px solid currentColor;outline-offset:var(--falue-focus-offset,-3px)}
.fgp-profile-actions{padding:16px 20px}
.fgp-keep-login{--fgp-action:#15161b;--fgp-action-text:#fff;width:min(390px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:24px;border:0;border-radius:28px;background:var(--falue-surface,#fff);color:var(--falue-text,#242635);box-shadow:0 18px 60px #0002;font-family:Convergence,sans-serif}
.fgp-keep-login::backdrop{background:#15172270}
.fgp-keep-login-handle{display:none}
.fgp-keep-login.is-dragging{transition:none;user-select:none}
.fgp-keep-login.is-settling{transition:transform 220ms cubic-bezier(.2,.7,.2,1)}
@media(prefers-reduced-motion:reduce){.fgp-keep-login.is-settling{transition:none}}
.fgp-keep-login-head{display:flex;align-items:center;justify-content:space-between;gap:16px;touch-action:pan-x;margin-bottom:18px}
.fgp-keep-login-label{display:flex;align-items:center;gap:8px;font:400 13px/1.4 Convergence,sans-serif;color:var(--falue-text-secondary,#606477)}
.fgp-keep-login svg{display:block;width:20px;height:20px}
.fgp-keep-login h2{font:400 24px/1.25 Convergence,sans-serif;margin:0 0 10px;letter-spacing:-.5px}
.fgp-keep-login-head button{border:0;color:inherit;width:44px;height:44px;cursor:pointer}
.fgp-keep-login p{font:400 14px/1.6 Convergence,sans-serif;color:var(--falue-text-secondary,#606477);margin:0 0 23px}
.fgp-keep-login-action{display:flex;align-items:center;gap:12px;width:100%;padding:6px;border-radius:30px;background:var(--fgp-action);color:var(--fgp-action-text);text-decoration:none;font:400 14px/1.4 Convergence,sans-serif;box-shadow:0 5px 13px #18202e14}
.fgp-keep-login-action:hover,.fgp-keep-login-action:focus{color:var(--fgp-action-text);text-decoration:none}
.fgp-keep-login-disc{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:50%;background:#ffffff18}
.fgp-keep-login-action-text{flex:1;text-align:center;padding-inline-end:40px}
.fgp-keep-login p.fgp-keep-login-signup{font-size:12px;text-align:center;margin:18px 0 0}
.fgp-keep-login-signup a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.fgp-keep-login a:focus-visible,.fgp-keep-login button:focus-visible{outline:2px solid currentColor;outline-offset:var(--falue-focus-offset,-3px)}
html[data-theme="dark"] .fgp-keep-login,body.dark .fgp-keep-login,body.night-mode .fgp-keep-login{--fgp-action:#eeeef3;--fgp-action-text:#191a22}
@media(min-width:1025px){.fgp-profile-actions{display:none}}
@media(max-width:1024px){.fgp-keep-login{margin:auto 0 0;width:100%;max-width:none;border-radius:28px 28px 0 0;padding:0 24px calc(26px + env(safe-area-inset-bottom));overscroll-behavior:contain}.fgp-keep-login-handle{display:grid;place-items:center;height:33px;touch-action:none}.fgp-keep-login-handle::after{content:"";width:36px;height:4px;border-radius:8px;background:currentColor;opacity:.2}.fgp-keep-login-head,.fgp-keep-login h2,#fgp-keep-login-copy{touch-action:none}}
/* Public information pages use the same current guest brand and account pills. */
.falue-public-page{padding-top:100px!important}
.falue-public-page #ajax_loading{margin-top:0!important}
/* Directory guests have no social sidebar; do not reserve its desktop rail. */
.falue-public-page #ajax_loading.tag_content:has(.tag_directory){margin-inline:0!important}
@media(max-width:1024px){
 .falue-guest-profile .fgp-header{display:none}
 .falue-public-page .fgp-header{height:72px;padding:0 16px;background:var(--falue-bg,#f8fafc);color:var(--falue-text,#242637)}
 .falue-public-page .fgp-brand{font-size:30px}
 .falue-public-page .fgp-header-actions{gap:8px}
 .falue-public-page .fgp-pill{font-size:12px;padding-inline-end:12px;gap:6px}
 .falue-public-page{padding-top:84px!important}
}
@media(max-width:360px){.falue-public-page .fgp-disc{width:30px;height:30px}.falue-public-page .fgp-brand{font-size:26px}}

/* Concept A: quiet account header; the profile keeps its shared action row. */
@layer falue-approved-typography {
 html body.falue-guest-profile:has(#contnet#contnet) > header {display:block!important;}
 html body.falue-guest-profile {background:var(--falue-bg,#f8fafc)!important;}
 html body .fgp-header .fgp-brand {
  --falue-font-display:'Convergence',sans-serif;
  --falue-font-body:'Convergence',sans-serif;
  font-family:'Convergence',sans-serif!important;font-weight:400!important;
  font-size:36px!important;line-height:1.2!important;letter-spacing:-1px!important;
 }
}
@layer falue-profile-header-signature {
 html body .fgp-header {
  display:flex!important;height:68px!important;gap:16px!important;
  padding:0 32px!important;background:var(--falue-bg,#f8f9fb)!important;
  color:var(--falue-text,#242635)!important;box-sizing:border-box!important;
  border:0!important;box-shadow:0 1px 0 #7c7e8712!important;
 }
 html body .fgp-header .fgp-brand {flex:none!important;color:inherit!important;text-decoration:none!important;}
 html body .fgp-header-actions {display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:10px!important;}
 html body .fgp-header-actions .fgp-pill {
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 auto!important;min-width:100px!important;min-height:44px!important;height:44px!important;
  padding:0 22px!important;border:0!important;border-radius:999px!important;white-space:nowrap!important;
  background:#fff!important;color:#17181f!important;font:400 14px/1.3 'Convergence',sans-serif!important;
  box-shadow:0 3px 12px #18202e0d!important;text-decoration:none!important;
 }
 html body .fgp-header-actions .fgp-signup {background:#111216!important;color:#fff!important;}
 html body .fgp-header-actions .fgp-pill:is(:hover,:focus) {text-decoration:none!important;}
 html body .fgp-header-actions .fgp-pill:focus-visible {outline:2px solid var(--falue-text,#242635)!important;outline-offset:3px!important;}
 html body.falue-guest-profile {padding-top:68px!important;background:var(--falue-bg,#f8fafc)!important;}
 @media(min-width:1025px) {
  /* Keep the original desktop header surface; only its type and actions changed. */
  html body .fgp-header {background:#242637!important;color:#f8fafc!important;}
  html body .fgp-header-actions .fgp-pill:focus-visible {outline-color:#f8fafc!important;}
  html body.falue-guest-profile #ajax_loading {top:0!important;min-height:calc(100dvh - 68px)!important;}
 }
 @media(max-width:1024px) {
  html body .fgp-header {height:64px!important;padding:0 16px!important;gap:12px!important;}
  html body .fgp-header-actions {gap:8px!important;}
  html body .fgp-header-actions .fgp-pill {min-width:78px!important;padding:0 16px!important;font-size:13px!important;}
  html body.falue-guest-profile {padding-top:64px!important;}
  /* Account actions scroll away; retain the profile's existing sticky navigation. */
  html body.falue-guest-profile .fgp-header {position:absolute!important;}
 }
 @media(max-width:359px) {
  html body .fgp-header {padding:0 12px!important;gap:8px!important;}
  html body .fgp-header-actions {gap:6px!important;}
  html body .fgp-header-actions .fgp-pill {min-width:70px!important;padding:0 12px!important;}
 }
}
@layer falue-approved-typography {
 @media(max-width:1024px) {html body .fgp-header .fgp-brand {font-size:30px!important;}}
 @media(max-width:359px) {html body .fgp-header .fgp-brand {font-size:28px!important;}}
}