/* Butterfly member space / 2026. Loaded after the original functional stylesheet. */
:root{--bg:#f6f4f0;--ink:#30232d;--ink-soft:#5e535c;--muted:#72676f;--rose:#ad3f63;--rose-dark:#81304d;--line:#e7e1df;--radius:16px;--radius-large:20px;--sidebar:224px;--shadow-card:0 8px 24px #35202b08}
body{background:var(--bg)}h1,h2,h3{letter-spacing:0}a,button{touch-action:manipulation}.sidebar{background:#fdfcfa;backdrop-filter:none;padding:26px 16px;border-color:var(--line)}.brand-mark{background:var(--rose-dark);box-shadow:none;transform:none;border-radius:50%}.brand-mark::after{display:none}.brand-copy strong{letter-spacing:-.03em}.sidebar-label{color:var(--muted);font:500 12px var(--font);letter-spacing:0;margin-top:32px}.nav-link{border-radius:8px;min-height:46px;font-size:15px}.nav-link:hover{transform:none}.nav-link[aria-current=page]{background:#f3e8ec;border-color:transparent;box-shadow:inset 3px 0 var(--rose)}.nav-link[aria-current=page] .nav-icon{filter:none}.sidebar-bottom{padding:24px 0 0}.member-mini{border-radius:10px;background:#f3efea;border:0}.member-mini::after{display:none}.topbar{height:76px;background:#fdfcfa;border-color:var(--line);backdrop-filter:none}.crumb{font-size:11px}.crumb strong{font-size:16px}.account-menu summary{border:0;background:transparent}.avatar{border-radius:50%;background:#eee0e6}.content{max-width:1530px;padding:32px 32px 80px}.button{background:var(--rose);border-radius:8px;box-shadow:none;min-height:46px}.button:hover{background:var(--rose-dark);transform:none;box-shadow:none}.button::after{display:none}.button.secondary{background:#fff;border-color:#d8ced2}.button.secondary:hover{box-shadow:none}.button.small-button{min-height:44px;border-radius:8px}.icon-button{border-radius:50%}.icon-button:hover{transform:none}.card{box-shadow:none;border-radius:14px}.status{border-radius:5px;font-size:11px}.page-header h1{font-size:32px}.page-header p{line-height:1.7}.page-kicker{font:500 12px var(--font);letter-spacing:0;color:var(--rose-dark)}
.discover-intro{display:flex;gap:22px;align-items:center;justify-content:space-between;margin:0 0 30px;padding:0;border:0;background:none}.discover-intro h1{font-size:clamp(28px,2.9vw,40px);line-height:1.45;margin:4px 0 8px;max-width:none}.discover-intro p{font-size:15px;max-width:620px;margin:0;color:var(--ink-soft)}.discover-intro>.button{white-space:nowrap}.discovery-workspace{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;align-items:start}.discovery-primary{min-width:0}.discovery-section{border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.discovery-topline{display:flex;align-items:center;justify-content:space-between;padding:0 0 18px;border:0}.discovery-topline h2{font-size:22px;margin:0 0 4px}.discovery-topline p{margin:0;font-size:13px;color:var(--muted)}.discovery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.profile-card{overflow:hidden;background:#fff;border:1px solid var(--line);padding:0;transition:border-color .18s}.profile-card:hover{transform:none;box-shadow:0 5px 18px #35202b08;border-color:#c9b3bd}.portrait-link{position:relative;display:block;text-decoration:none}.profile-card .profile-photo{height:230px;aspect-ratio:5/4;border:0;border-radius:0;background:#eae5df}.profile-photo>svg{width:60px;height:60px;stroke-width:1;color:#afa39e}.profile-photo img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.portrait-label{position:absolute;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:5px;padding:4px 8px;background:#fffef4ed;color:#3c5848;border-radius:4px;font-size:11px}.portrait-label svg{width:13px;height:13px;stroke-width:1.8}.profile-card .profile-body{padding:18px}.profile-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.profile-top h3{font-size:24px;margin:0}.profile-number{font:500 10px var(--latin);letter-spacing:.06em;color:var(--muted)}.profile-sub{margin:5px 0 15px;font-size:14px;color:var(--muted)}.candidate-facts{display:grid;gap:7px;margin:0 0 18px}.candidate-facts>div{display:grid;grid-template-columns:70px minmax(0,1fr);gap:10px;font-size:13px}.candidate-facts dt{color:var(--muted)}.candidate-facts dd{margin:0;color:var(--ink);overflow-wrap:anywhere}.profile-card .button{width:100%;justify-content:space-between;color:var(--rose-dark);border-color:#e5d5db;background:#fffafb}.discovery-footer{display:flex;justify-content:space-between;gap:12px;padding:20px 0;font-size:13px;color:var(--muted)}.match-companion{display:grid;gap:20px;padding-top:3px}.introduction-note{background:#eee5e8;border:1px solid #e4d5db;border-radius:14px;padding:24px}.note-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #ccb2bf;border-radius:50%;margin-bottom:24px;color:var(--rose-dark)}.note-icon svg{stroke-width:1.3}.introduction-note h2{font-size:25px;line-height:1.55;margin:8px 0 12px}.introduction-note p{font-size:14px;line-height:1.8;margin-bottom:22px}.text-arrow{display:inline-flex;align-items:center;gap:8px;color:var(--rose-dark);font-size:14px;font-weight:600;text-decoration:none}.inbox-peek{display:block;margin:0;padding:22px 0;border:0;border-top:1px solid var(--line);background:transparent;border-radius:0}.inbox-peek h2{font-size:19px}.inbox-peek p{font-size:12px}.inbox-peek .peek-rows{margin:14px 0}.inbox-peek .list-row{padding:12px 0;gap:9px}.inbox-peek .row-avatar{width:34px;height:34px;font-size:13px;border-radius:50%}.inbox-peek .row-body strong{font-size:13px}.inbox-peek .row-body small{font-size:11px}.inbox-peek .empty{padding:16px 0;text-align:left;border:0;background:none;min-height:0}.inbox-peek .empty h3{font-size:14px}.quiet-promise{display:flex;gap:10px;padding:16px 0;border-top:1px solid var(--line);color:#617165}.quiet-promise>svg{stroke-width:1.5;margin-top:4px}.quiet-promise p{font-size:13px;margin:0;color:#4f6257}.quiet-promise span{display:block;font-size:12px;margin-top:6px;color:var(--muted);line-height:1.7}.live-dot{display:none}
.search-layout{grid-template-columns:238px minmax(0,1fr);gap:24px}.filter-card{padding:20px;top:96px;background:#fdfcfa}.filter-card h2{font-size:20px}.results-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.results-grid .profile-photo{height:210px}.results-grid .profile-top h3{font-size:22px}.results-grid .profile-body{padding:16px}.filter-chip{background:#efe7eb;border-radius:5px}.search-toolbar{padding-top:0}.field input,.field select,.field textarea,input,select,textarea{border-radius:8px;min-height:46px}.tag{border-radius:4px;background:#f4f0ed}.tabs{border-bottom:1px solid var(--line);background:transparent;border-radius:0;padding:0;gap:20px}.tab{border-radius:0;background:transparent;min-height:48px}.tab[aria-selected=true]{background:transparent;color:var(--rose-dark);box-shadow:inset 0 -2px var(--rose)}.profile-layout{grid-template-columns:minmax(0,1fr) 300px}.profile-hero{background:white}.profile-side{background:#f1e9ec}.profile-side p{line-height:1.85;font-size:15px}.profile-detail-sections .card{padding:24px}.detail-item{border-bottom:1px solid #f0ebed;padding-bottom:12px}.detail-item dd{font-size:16px}.form-section,.privacy-grid>.card,.settings-list{box-shadow:none}.billing-primary{background:#eee5e8;color:var(--ink)}.billing-primary h2,.billing-primary p,.billing-primary .large-date{color:var(--ink)}.billing-primary::before,.billing-primary::after{display:none}.account-overview{display:flex;justify-content:space-between;align-items:center;gap:32px;background:#fff;border:1px solid var(--line);padding:28px;border-radius:14px;margin:0 0 24px}.account-identity{display:flex;align-items:center;gap:20px}.account-identity .profile-photo{width:88px;height:100px;border-radius:10px}.account-identity h2{font-size:25px}.account-identity p{margin-bottom:8px}.completion-block{width:260px;max-width:100%}.completion-block>span{display:flex;justify-content:space-between;font-size:13px}.completion-block progress{display:block;width:100%;height:6px;accent-color:var(--rose);margin:12px 0 16px}.completion-block .inline-link{font-size:13px}.account-destinations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.account-destination{display:flex;align-items:center;gap:16px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:12px;text-decoration:none}.account-destination:hover{border-color:#bda2af;background:#fffcfd}.destination-icon{display:grid;place-items:center;flex:none;width:44px;height:44px;background:#f3ebee;border-radius:10px;color:var(--rose-dark)}.destination-icon svg{stroke-width:1.5}.account-destination>svg{margin-left:auto;width:18px}.account-destination h2{font-size:19px;margin:0 0 5px}.account-destination p{font-size:13px;margin:0;color:var(--muted)}.account-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;font-size:14px;color:var(--muted)}.empty{background:#fdfcfb;border:1px dashed #d9cdd2;border-radius:12px;padding:32px}.discovery-empty{padding:44px 24px;background:#fff;border:1px solid var(--line);border-radius:14px}.skeleton{background:#e9e3df}.toast{border-radius:10px}.dialog{border-radius:16px}.dialog h2{line-height:1.5}.dialog p{line-height:1.8}
@media(min-width:1600px){.discovery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-card .profile-photo{height:220px}}
@media(max-width:1250px){.discovery-workspace{grid-template-columns:minmax(0,1fr) 230px;gap:20px}.content{padding:26px 24px 80px}.results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-card .profile-photo{height:205px}.discover-intro{align-items:flex-start}.discover-intro>.button{font-size:13px}.introduction-note{padding:20px}.introduction-note h2{font-size:22px}}
@media(max-width:1100px){.discovery-workspace{grid-template-columns:1fr}.match-companion{grid-template-columns:1fr 1fr;align-items:start}.quiet-promise{grid-column:1/-1}.match-companion .inbox-peek{border-top:0}.discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-layout{grid-template-columns:minmax(0,1fr) 260px}.profile-card .profile-photo{height:240px}}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.content{padding-bottom:110px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:45;background:#fffdfb;border-top:1px solid var(--line);padding:8px 12px calc(8px + env(safe-area-inset-bottom));box-shadow:none}.mobile-nav>a,.mobile-nav>button{flex:1;min-height:48px;border-radius:8px}.mobile-nav [aria-current=page]{background:#f4e9ee;color:var(--rose-dark)}.more-panel:not([hidden]){display:block}.topbar{height:68px;padding:0 24px}.profile-layout{grid-template-columns:minmax(0,1fr) 260px}.search-layout{grid-template-columns:210px minmax(0,1fr)}.profile-card .profile-photo{height:240px}.results-grid .profile-photo{height:200px}}
@media(max-width:700px){.content{padding:24px 16px 110px}.topbar{padding:0 16px}.discover-intro{display:block;margin-bottom:26px}.discover-intro h1{font-size:30px;line-height:1.4}.discover-intro p{font-size:14px}.discover-intro>.button{margin-top:18px;width:100%;justify-content:space-between}.discovery-grid{gap:14px}.profile-card .profile-photo{height:190px}.profile-card .profile-body{padding:14px}.profile-top h3{font-size:21px}.profile-number{display:none}.candidate-facts>div{display:block}.candidate-facts dt{display:none}.candidate-facts dd{font-size:13px}.profile-sub{font-size:12px;min-height:20px}.portrait-label{left:8px;bottom:8px;font-size:10px;padding:4px 6px}.profile-card .button{font-size:13px}.match-companion{grid-template-columns:1fr}.introduction-note{padding:22px}.note-icon{float:right;margin:0 0 12px 12px}.introduction-note h2{font-size:24px}.quiet-promise{grid-column:auto}.search-layout{display:block}.filter-card{display:none}.mobile-filter-button{display:inline-flex}.results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.search-toolbar{gap:8px;align-items:center}.search-toolbar select{max-width:150px}.toolbar-right label{display:none}.page-header{align-items:flex-start;gap:14px}.page-header h1{font-size:28px}.page-header p{font-size:14px}.page-header .header-actions{flex-shrink:0}.filter-sheet{inset:auto 0 0;max-height:88dvh;overflow:auto;padding-bottom:calc(24px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0}.profile-layout{display:block}.profile-side{margin-top:20px}.profile-hero{display:flex;flex-direction:column}.profile-hero>.profile-photo{width:100%;height:340px}.profile-detail-sections .card{padding:20px}.sticky-contact{bottom:calc(74px + env(safe-area-inset-bottom));box-shadow:0 -3px 15px #30232d0c;background:#fffdfb}.account-overview{display:block;padding:22px}.completion-block{width:100%;margin-top:24px}.account-destinations{grid-template-columns:1fr;gap:12px}.account-destination{padding:20px}.account-footer{align-items:flex-start;font-size:12px}.account-footer .button{white-space:nowrap}.account-identity h2{font-size:23px}.inbox-peek{padding-top:12px}.discovery-footer{font-size:12px}.form-footer{flex-wrap:wrap}}
@media(max-width:390px){.discovery-grid,.results-grid{grid-template-columns:1fr}.profile-card .profile-photo,.results-grid .profile-photo{height:290px}.candidate-facts>div{display:grid}.candidate-facts dt{display:block}.profile-number{display:inline}.discover-intro h1{font-size:27px}.account-destination{gap:12px;padding:18px}.account-destination h2{font-size:17px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Use the approved Community-page logo in the member shell and onboarding. */
.brand-logo{display:block;width:144px;max-width:100%;height:auto;max-height:58px;object-fit:contain;object-position:left center}
.auth-aside .brand{width:max-content;max-width:100%;padding:5px 10px;background:#fff;border-radius:10px}
.auth-aside .brand-logo{width:150px}
@media(min-width:901px) and (max-width:980px){.sidebar .brand{justify-content:center;padding-left:0;padding-right:0}.sidebar .brand-logo{width:68px}}

/* The legacy stylesheet gave cards horizontal grid columns. The redesign uses
   portrait-over-details cards at every breakpoint; reset both the grid and
   its inherited image minimums so neither can cover profile information. */
.profile-card{display:flex;flex-direction:column;min-height:0;min-width:0}
.profile-card .portrait-link{display:block;width:100%;min-width:0;flex:none}
.profile-card .profile-photo{width:100%;height:auto;min-height:0;aspect-ratio:16/10}
.profile-card .profile-body{display:flex;flex:1 1 auto;flex-direction:column;min-width:0;width:100%;min-height:0}
.profile-card .profile-body .button{width:100%;margin-top:auto}

/* The application switches to bottom navigation at 900px, so its controls,
   search filters and sheet must also switch at that same breakpoint. */
@media(max-width:900px){
  .content{padding-bottom:calc(104px + env(safe-area-inset-bottom))}
  .mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:45;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border:0;border-top:1px solid var(--line);border-radius:0;background:#fffdfb;box-shadow:0 -6px 24px #30232d12}
  .mobile-nav>a,.mobile-nav>button{display:flex;min-width:0;min-height:48px;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 2px;border:0;border-radius:8px;background:transparent;color:var(--muted);font:600 11px/1.2 var(--font);text-decoration:none;text-align:center}
  .mobile-nav svg{width:20px;height:20px;stroke-width:1.8}
  .mobile-nav [aria-current=page]{background:#f4e9ee;color:var(--rose-dark)}
  .more-panel:not([hidden]){position:fixed;right:12px;bottom:calc(75px + env(safe-area-inset-bottom));z-index:46;display:grid;width:min(300px,calc(100vw - 24px));gap:2px;padding:14px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 12px 38px #30232d25}
  .search-layout{display:block}
  .filter-card{display:none}
  .mobile-filter-button{display:inline-flex}
  .results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .filter-sheet:not([hidden]){position:fixed;inset:auto 0 0;z-index:80;display:flex;max-height:88dvh;flex-direction:column;padding:16px 17px calc(18px + env(safe-area-inset-bottom));overflow:hidden;border:1px solid var(--line);border-radius:20px 20px 0 0;background:#fff;box-shadow:0 -15px 60px #22181f38,0 0 0 100vmax #22181f66}
  .filter-sheet .filters{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain}
  .filter-sheet .filter-actions{position:sticky;bottom:0;flex:none;padding-top:12px;background:#fff}
}
@media(max-width:620px){
  .discovery-grid,.results-grid{grid-template-columns:1fr}
  .profile-card .profile-photo{aspect-ratio:16/9}
}

/* Keep modal actions above the bottom navigation, and give profile details
   the full tablet/mobile width instead of reserving an empty hidden column. */
@media(max-width:900px){
  body:has(.filter-sheet:not([hidden])) .mobile-nav{display:none}
  .filter-sheet .sheet-head{display:flex;flex:none;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--line)}
  .filter-sheet .sheet-head h2{margin:0;font-size:20px}
  .filter-sheet .filter-actions{box-sizing:border-box;width:100%;margin:0;padding:12px 0 3px}
  .profile-layout{display:block}
  .profile-side{display:block;margin-top:20px}
  .profile-side .button{display:none}
}
.billing-primary .renewal-summary{margin:18px 0 16px;line-height:1.8;font-size:14px}
.billing-primary [data-action="renew-membership"]{max-width:100%;white-space:normal;text-align:center}