/* Foxus public profile chooser. */
.foxus-profile-layout-picker{--ink:#171714;--muted:#706e67;--line:#d9d6cd;--gold:#b78332;margin:38px 0 8px;padding:clamp(22px,4vw,38px);border:1px solid var(--line);background:#f7f5ef;color:var(--ink)}
.foxus-profile-layout-picker__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}
.foxus-profile-layout-picker__eyebrow{margin:0 0 6px!important;color:var(--gold)!important;font-size:12px!important;font-weight:800;letter-spacing:.17em;text-transform:uppercase}
.foxus-profile-layout-picker h2{margin:0 0 8px;font-size:clamp(25px,4vw,38px);line-height:1.05}.foxus-profile-layout-picker__heading p:last-child{margin:0;color:var(--muted)}
.foxus-profile-layout-picker__notice{flex:0 0 auto;padding:9px 12px;border:1px solid #9fbe99;background:#eef8ec;color:#2b5e27!important;font-size:13px;font-weight:700}
.foxus-profile-layout-picker__choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.foxus-layout-choice{position:relative;display:block;min-width:0;border:1px solid var(--line);background:#fff;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.foxus-layout-choice:hover{transform:translateY(-2px);border-color:#9b978d}.foxus-layout-choice:focus-within{outline:3px solid rgba(183,131,50,.28);outline-offset:2px}
.foxus-layout-choice:has(input:checked){border-color:var(--gold);box-shadow:0 0 0 2px var(--gold)}
.foxus-layout-choice input{position:absolute;top:9px;right:9px;z-index:2;width:18px;height:18px;accent-color:var(--gold)}
.foxus-layout-choice__preview{position:relative;display:block;height:104px;overflow:hidden;border-bottom:1px solid var(--line);background:#eeeae1}
.foxus-layout-choice__cover{display:block;height:38px;background:#252522}.foxus-layout-choice__avatar{position:absolute;top:24px;left:13px;width:28px;height:28px;border:3px solid #fff;border-radius:50%;background:#b78332}
.foxus-layout-choice__line{position:absolute;top:69px;left:13px;width:45%;height:4px;border-radius:10px;background:#aaa69b}.foxus-layout-choice__line--title{top:58px;width:62%;height:6px;background:#252522}
.foxus-layout-choice__tiles{position:absolute;right:10px;bottom:9px;display:flex;gap:3px}.foxus-layout-choice__tiles i{display:block;width:13px;height:17px;background:#d1cdc3}
.foxus-layout-choice__copy{display:block;padding:12px 12px 14px}.foxus-layout-choice__copy strong,.foxus-layout-choice__copy small{display:block}.foxus-layout-choice__copy strong{margin-bottom:2px;font-size:14px}.foxus-layout-choice__copy small{color:var(--muted);font-size:11px;line-height:1.3}
.foxus-profile-layout-picker__save{margin-top:20px;min-height:48px;padding:13px 22px;border:1px solid #171714;border-radius:0;background:#171714;color:#fff;font-size:13px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;cursor:pointer}.foxus-profile-layout-picker__save:hover,.foxus-profile-layout-picker__save:focus{background:var(--gold);border-color:var(--gold)}

/* The ten chooser previews communicate structure as well as color. */
.foxus-layout-choice--minimal .foxus-layout-choice__cover{height:9px;background:#fff}.foxus-layout-choice--minimal .foxus-layout-choice__avatar{top:17px;border-color:#eeeae1;background:#77736a}.foxus-layout-choice--minimal .foxus-layout-choice__line--title{top:26px;left:51px}.foxus-layout-choice--minimal .foxus-layout-choice__line{top:39px;left:51px;width:34%}
.foxus-layout-choice--midnight .foxus-layout-choice__preview{background:#111}.foxus-layout-choice--midnight .foxus-layout-choice__cover{background:#000}.foxus-layout-choice--midnight .foxus-layout-choice__line--title{background:#fff}.foxus-layout-choice--midnight .foxus-layout-choice__line{background:#777}
.foxus-layout-choice--split .foxus-layout-choice__cover{width:45%;height:100%}.foxus-layout-choice--split .foxus-layout-choice__avatar{top:18px;left:29%}.foxus-layout-choice--split .foxus-layout-choice__line--title{top:28px;left:55%;width:34%}.foxus-layout-choice--split .foxus-layout-choice__line{top:42px;left:55%;width:27%}
.foxus-layout-choice--sidebar .foxus-layout-choice__cover{width:34%;height:100%;background:#dad5ca}.foxus-layout-choice--sidebar .foxus-layout-choice__avatar{top:16px;left:10px}.foxus-layout-choice--sidebar .foxus-layout-choice__line--title{top:24px;left:43%;width:42%}.foxus-layout-choice--sidebar .foxus-layout-choice__line{top:38px;left:43%;width:31%}
.foxus-layout-choice--spotlight .foxus-layout-choice__cover{height:73px;background:linear-gradient(135deg,#111,#7b5a24)}.foxus-layout-choice--spotlight .foxus-layout-choice__avatar{top:56px;left:calc(50% - 14px)}.foxus-layout-choice--spotlight .foxus-layout-choice__line{display:none}.foxus-layout-choice--spotlight .foxus-layout-choice__line--title{display:block;top:90px;left:31%;width:38%}
.foxus-layout-choice--editorial .foxus-layout-choice__cover{height:22px;background:#b78332}.foxus-layout-choice--editorial .foxus-layout-choice__avatar{top:34px;left:auto;right:13px;border-radius:0}.foxus-layout-choice--editorial .foxus-layout-choice__line--title{top:42px;width:48%;height:9px}.foxus-layout-choice--editorial .foxus-layout-choice__line{top:58px;width:36%}
.foxus-layout-choice--card-stack .foxus-layout-choice__preview{margin:8px;height:88px;box-shadow:4px 4px 0 #bdb8ad}.foxus-layout-choice--grid .foxus-layout-choice__cover{height:30px}.foxus-layout-choice--grid .foxus-layout-choice__avatar{top:18px}.foxus-layout-choice--grid .foxus-layout-choice__tiles{left:13px;right:13px;bottom:10px}.foxus-layout-choice--grid .foxus-layout-choice__tiles i{flex:1;height:29px}
.foxus-layout-choice--compact .foxus-layout-choice__cover{display:none}.foxus-layout-choice--compact .foxus-layout-choice__avatar{top:20px;left:13px}.foxus-layout-choice--compact .foxus-layout-choice__line--title{top:25px;left:51px;width:45%}.foxus-layout-choice--compact .foxus-layout-choice__line{top:39px;left:51px;width:31%}.foxus-layout-choice--compact .foxus-layout-choice__tiles{bottom:19px}

/* Shared public profile foundation. */
body.foxus-profile-layout .um-profile{--accent:#b78332;--surface:#fff;--ink:#171714;--muted:#6f6d66;--line:#d8d4ca;max-width:1120px;margin-right:auto;margin-left:auto;color:var(--ink)}
body.foxus-profile-layout .um-profile a{transition:color .18s ease,opacity .18s ease}body.foxus-profile-layout .um-profile .um-profile-body,body.foxus-profile-layout .um-profile .foxus-network-bio-links,body.foxus-profile-layout .um-profile .foxus-network-showcase{border-color:var(--line)}

/* 1 Focus: balanced and centered. */
body.foxus-profile-layout-focus .um-profile .um-header,body.foxus-profile-layout-focus .um-profile .um-profile-meta{text-align:center}body.foxus-profile-layout-focus .um-profile .um-profile-photo{float:none;margin-right:auto;margin-left:auto}body.foxus-profile-layout-focus .um-profile .foxus-network-bio-links{max-width:760px;margin-right:auto;margin-left:auto}

/* 2 Minimal: information first. */
body.foxus-profile-layout-minimal .um-profile{--line:#eceae5}body.foxus-profile-layout-minimal .um-profile .um-cover,body.foxus-profile-layout-minimal .um-profile .um-profile-nav{display:none!important}body.foxus-profile-layout-minimal .um-profile .um-header,body.foxus-profile-layout-minimal .um-profile .um-profile-body{border:0!important;box-shadow:none!important}body.foxus-profile-layout-minimal .um-profile .um-header{padding-top:32px}body.foxus-profile-layout-minimal .um-profile .foxus-network-showcase{gap:6px}

/* 3 Midnight: dark and cinematic. */
body.foxus-profile-layout-midnight .um-profile{--accent:#e2ad54;--surface:#121212;--ink:#f7f3ea;--muted:#aaa69e;--line:#292929;padding-bottom:1px;background:#090909}body.foxus-profile-layout-midnight .um-profile .um-header,body.foxus-profile-layout-midnight .um-profile .um-profile-body,body.foxus-profile-layout-midnight .um-profile .um-profile-nav,body.foxus-profile-layout-midnight .um-profile .foxus-network-bio-links,body.foxus-profile-layout-midnight .um-profile .foxus-network-showcase{background-color:var(--surface)!important;color:var(--ink)!important}body.foxus-profile-layout-midnight .um-profile h1,body.foxus-profile-layout-midnight .um-profile h2,body.foxus-profile-layout-midnight .um-profile h3,body.foxus-profile-layout-midnight .um-profile a,body.foxus-profile-layout-midnight .um-profile .um-name a,body.foxus-profile-layout-midnight .um-profile .um-meta-text{color:var(--ink)!important}

/* 4 Split: graphic two-column introduction. */
@media (min-width:761px){body.foxus-profile-layout-split .um-profile .um-header{display:grid;grid-template-columns:minmax(260px,42%) 1fr;align-items:center;min-height:360px;padding:42px;background:linear-gradient(90deg,#171714 0 42%,#f2eee5 42% 100%)}body.foxus-profile-layout-split .um-profile .um-cover{grid-column:1;grid-row:1/span 2;height:270px!important;margin:0}body.foxus-profile-layout-split .um-profile .um-profile-photo,body.foxus-profile-layout-split .um-profile .um-profile-meta{grid-column:2;margin-left:clamp(36px,6vw,72px)}}

/* 5 Sidebar: identity in a dark rail. */
@media (min-width:861px){body.foxus-profile-layout-sidebar .um-profile{display:grid;grid-template-columns:310px minmax(0,1fr);align-items:start;gap:28px}body.foxus-profile-layout-sidebar .um-profile .um-header{grid-column:1;position:sticky;top:24px;padding:24px;background:#171714;color:#fff}body.foxus-profile-layout-sidebar .um-profile .um-header a,body.foxus-profile-layout-sidebar .um-profile .um-header .um-name a,body.foxus-profile-layout-sidebar .um-profile .um-header .um-meta-text{color:#fff!important}body.foxus-profile-layout-sidebar .um-profile .um-profile-body,body.foxus-profile-layout-sidebar .um-profile .um-profile-nav,body.foxus-profile-layout-sidebar .um-profile .foxus-profile-layout-picker{grid-column:2}}

/* 6 Spotlight: large visual banner. */
body.foxus-profile-layout-spotlight .um-profile .um-cover{height:clamp(330px,52vw,570px)!important}body.foxus-profile-layout-spotlight .um-profile .um-header{position:relative;padding-bottom:44px;background:#171714;color:#fff}body.foxus-profile-layout-spotlight .um-profile .um-profile-photo{transform:scale(1.12)}body.foxus-profile-layout-spotlight .um-profile .um-name a,body.foxus-profile-layout-spotlight .um-profile .um-meta-text{color:#fff!important}

/* 7 Editorial: magazine type and rules. */
body.foxus-profile-layout-editorial .um-profile{--accent:#8d6428}body.foxus-profile-layout-editorial .um-profile .um-header{border-top:9px solid var(--accent);border-bottom:1px solid #171714}body.foxus-profile-layout-editorial .um-profile .um-name a,body.foxus-profile-layout-editorial .um-profile h1,body.foxus-profile-layout-editorial .um-profile h2,body.foxus-profile-layout-editorial .um-profile h3{font-family:Georgia,'Times New Roman',serif!important;font-weight:500!important;letter-spacing:-.035em}body.foxus-profile-layout-editorial .um-profile .um-name a{font-size:clamp(32px,5vw,64px)!important}body.foxus-profile-layout-editorial .um-profile .foxus-network-showcase{gap:18px}

/* 8 Card Stack: elevated content surfaces. */
body.foxus-profile-layout-card-stack .um-profile{padding:clamp(12px,3vw,32px);background:#e8e3d9}body.foxus-profile-layout-card-stack .um-profile .um-header,body.foxus-profile-layout-card-stack .um-profile .um-profile-body,body.foxus-profile-layout-card-stack .um-profile .um-profile-nav,body.foxus-profile-layout-card-stack .um-profile .foxus-network-bio-links,body.foxus-profile-layout-card-stack .um-profile .foxus-network-showcase{margin-bottom:18px;border:0!important;background:#fff;box-shadow:0 15px 35px rgba(32,29,23,.11)}

/* 9 Grid: modular business dashboard. */
body.foxus-profile-layout-grid .um-profile .um-profile-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}body.foxus-profile-layout-grid .um-profile .um-profile-body>*{min-width:0}body.foxus-profile-layout-grid .um-profile .foxus-network-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-column:1/-1;gap:6px}body.foxus-profile-layout-grid .um-profile .foxus-profile-layout-picker{grid-column:1/-1}

/* 10 Compact: horizontal business card. */
body.foxus-profile-layout-compact .um-profile .um-cover{display:none!important}body.foxus-profile-layout-compact .um-profile .um-header{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:24px;min-height:150px;padding:22px clamp(20px,4vw,44px);border-left:7px solid var(--accent)}body.foxus-profile-layout-compact .um-profile .um-profile-photo{grid-column:1;position:static;float:none;margin:0}body.foxus-profile-layout-compact .um-profile .um-profile-meta{grid-column:2;margin:0}

@media (max-width:980px){.foxus-profile-layout-picker__choices{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.foxus-profile-layout-picker{margin-top:24px;padding:20px 16px}.foxus-profile-layout-picker__heading{display:block}.foxus-profile-layout-picker__notice{display:inline-block;margin-top:12px!important}.foxus-profile-layout-picker__choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.foxus-profile-layout-picker__save{width:100%}body.foxus-profile-layout-grid .um-profile .um-profile-body{display:block}body.foxus-profile-layout-grid .um-profile .um-profile-body>*{margin-bottom:16px}body.foxus-profile-layout-compact .um-profile .um-header{grid-template-columns:78px minmax(0,1fr);gap:16px}body.foxus-profile-layout-spotlight .um-profile .um-cover{height:300px!important}}
@media (max-width:390px){.foxus-profile-layout-picker__choices{gap:8px}.foxus-layout-choice__preview{height:92px}.foxus-layout-choice__copy{padding:10px 9px 12px}}
@media (prefers-reduced-motion:reduce){.foxus-layout-choice,body.foxus-profile-layout .um-profile a{transition:none}}
