/* Member profiles, account settings, and progressive achievement disclosure */
.account-menu{position:relative}
.account-menu-trigger{display:inline-flex;min-width:48px;min-height:44px;align-items:center;justify-content:center;gap:5px;padding:4px 6px;border:1px solid transparent;border-radius:999px;cursor:pointer;transition:background-color 160ms cubic-bezier(.16,1,.3,1),border-color 160ms cubic-bezier(.16,1,.3,1)}
.account-menu-trigger:hover,.account-menu.is-open .account-menu-trigger{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.07)}
.account-menu-trigger:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
.account-menu-trigger img,.nav-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover}
.nav-avatar{display:grid;place-items:center;background:var(--lime);color:var(--ink);font-weight:900}
.account-menu-caret{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform 160ms cubic-bezier(.16,1,.3,1)}
.account-menu.is-open .account-menu-caret{transform:rotate(180deg)}
.account-menu-panel{position:absolute;z-index:100;top:calc(100% + 9px);right:0;width:240px;padding:7px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#173126;color:#f7f5ee;box-shadow:0 18px 45px rgba(5,18,12,.32),0 2px 8px rgba(5,18,12,.22)}
.account-menu-panel[hidden]{display:none}
.account-menu-identity{display:grid;gap:1px;padding:9px 11px 11px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:5px;overflow-wrap:anywhere}
.account-menu-identity strong{font-size:.92rem;line-height:1.25}
.account-menu-identity span{color:#b9c9c0;font-size:.74rem}
.account-menu-panel a,.account-menu-panel .link{display:flex;width:100%;min-height:44px;align-items:center;padding:10px 11px;border:0;border-radius:8px;color:#f7f5ee;text-align:left;text-decoration:none}
.account-menu-panel a:hover,.account-menu-panel a:focus-visible,.account-menu-panel .link:hover,.account-menu-panel .link:focus-visible{outline:0;background:rgba(255,255,255,.09)}
.account-menu-panel form{margin:5px 0 0;padding-top:5px;border-top:1px solid rgba(255,255,255,.1)}
.account-menu-panel .account-menu-signout .link{color:#ffcbc2}
.section-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
.section-heading-row .eyebrow,.section-heading-row h2{margin-top:0}
.section-heading-row .eyebrow{margin-bottom:.3rem}
.text-link{display:inline-flex;min-height:44px;align-items:center;color:var(--green);font-weight:800;text-underline-offset:4px}
.collection-count{color:#5d6a62;font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.trophy-empty{display:flex;align-items:center;gap:18px;padding:18px;border:1px dashed #c7c6b8;border-radius:14px;background:#faf9f4}
.trophy-empty h3,.trophy-empty p{margin:.15rem 0}
.empty-trophy{display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;border:2px solid #a98949;border-radius:50%;color:#765b27;font:900 1.8rem/1 Georgia,serif;background:#f6e6ad}
.compact-achievement-grid .achievement{padding:12px}
.compact-achievement-grid .achievement-mark{flex-basis:42px;width:42px;height:42px;font-size:1.15rem}

.settings-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px;align-items:start}
.settings-nav{position:sticky;top:20px;display:grid;gap:4px;padding:10px;border:1px solid var(--line);border-radius:14px;background:#fff}
.settings-nav a{display:inline-flex;min-height:44px;align-items:center;padding:11px 12px;border-radius:9px;color:var(--ink);font-weight:750;text-decoration:none}
.settings-nav a:hover,.settings-nav a:focus-visible{background:#eef1e4}
.settings-section{scroll-margin-top:20px}
.profile-editor{display:grid;gap:0}
.avatar-setting{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:center;padding:2px 0 24px}
.avatar-setting-copy{min-width:0}
.avatar-setting-copy h3{margin:0 0 4px;font-size:1.05rem}
.avatar-setting-copy>p{margin:0 0 13px;color:#5e6a62;font-size:.86rem}
.avatar-form{margin:0}
.avatar-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.avatar-actions .button,.avatar-actions .text-button{margin:0}
.button.quiet{border:1px solid #b8c0b8;background:#fff;color:var(--ink)!important}
.button.quiet:hover{background:#f3f5ed}
.avatar-file-control{position:relative;overflow:hidden;cursor:pointer}
.avatar-file-input{position:absolute;inset:-1px;width:auto;height:auto;margin:0;padding:0;border:0;opacity:0;cursor:pointer}
.avatar-file-control:focus-within{outline:3px solid rgba(201,239,74,.65);outline-offset:3px}
.text-button{display:inline-flex;min-width:44px;min-height:44px;align-items:center;justify-content:center;padding:7px 4px;border:0;background:transparent;color:var(--green);font:inherit;font-weight:800;cursor:pointer}
.text-button.danger{color:#8a342d}
.avatar-form.is-enhanced .photo-save{display:none}
.avatar-form.is-enhanced.has-selection .photo-save{display:inline-flex}
.avatar-selection{min-height:1.25em;margin:8px 0 0;color:#3f5d4d;font-size:.82rem;font-weight:700;overflow-wrap:anywhere}
.profile-avatar{display:inline-grid;place-items:center;overflow:hidden;border:3px solid #fff;border-radius:50%;background:#dfe7d8;color:var(--ink);object-fit:cover;box-shadow:0 0 0 1px #b9c0b5,0 5px 16px rgba(16,36,27,.14);font-family:Georgia,'Times New Roman',serif;font-weight:900}
.profile-avatar-large{width:104px;height:104px;font-size:2.5rem;background-position:center;background-size:cover}
.identity-form{padding:24px 0 0;border-top:1px solid var(--line)}
.identity-form label{margin-top:0}
.field-help{margin-top:-5px;color:#5f6d64;font-size:.9rem}
.featured-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:end;margin:18px 0}
.featured-form label{margin:0}
.account-details{display:grid;gap:0;margin:18px 0}
.account-details div{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}
.account-details dt{font-weight:800}.account-details dd{margin:0;overflow-wrap:anywhere}

.achievement-tabs{display:flex;gap:8px;overflow-x:auto;margin:0 0 18px;padding:4px;scrollbar-width:thin}
.achievement-tabs a{display:inline-flex;flex:0 0 auto;min-height:44px;align-items:center;gap:7px;padding:9px 15px;border:1px solid #c9c9bc;border-radius:999px;background:#fff;color:var(--ink);font-weight:800;text-decoration:none}
.achievement-tabs a[aria-current="page"]{border-color:var(--green);background:var(--green);color:#fff}
.achievement-tabs span{display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#e8eddc;color:var(--ink);font-size:.72rem}
.progress-list{display:grid;gap:12px}
.progress-achievement{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;align-items:center;padding:16px;border:1px solid #d6d1c4;border-radius:14px;background:#fffdf7}
.progress-achievement .achievement-mark{width:48px;height:48px}
.progress-achievement>div{min-width:0}
.progress-heading{display:flex;justify-content:space-between;gap:16px;align-items:baseline}
.progress-heading strong{font:700 1.15rem/1.2 Georgia,'Times New Roman',serif}
.progress-heading span{color:#526159;font-size:.85rem;font-weight:800}
.progress-achievement progress{width:100%;height:12px;margin:8px 0 5px;accent-color:var(--green)}
.progress-achievement small{color:#5e685f}

.profile-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:clamp(24px,5vw,44px);background:var(--green);color:#fff}
.profile-hero .eyebrow{margin:0 0 .3rem}.profile-hero h1{margin:0;font:700 clamp(2.5rem,7vw,4.8rem)/.95 Georgia,'Times New Roman',serif;letter-spacing:-.035em}.profile-hero p{margin:.65rem 0 0;color:#dbe6de}
.profile-identity{display:flex;align-items:center;gap:24px;min-width:0}
.profile-identity>div{min-width:0}
.profile-hero h1{overflow-wrap:anywhere;word-break:break-word}
.profile-avatar-hero{flex:0 0 132px;width:132px;height:132px;font-size:3.5rem}
.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0 0 20px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--line)}
.profile-stats div{display:grid;gap:2px;padding:18px;background:#fff;text-align:center}
.profile-stats strong{font:700 1.8rem/1 Georgia,'Times New Roman',serif}.profile-stats span{color:#617067;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.featured-profile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.member-directory-row{align-items:center}
.member-identity{display:flex;min-width:0;max-width:100%;align-items:center;gap:12px;color:var(--ink);text-decoration:none}
.member-identity>span{min-width:0;max-width:100%}.member-identity small{overflow-wrap:anywhere}
.member-identity:hover strong{text-decoration:underline;text-underline-offset:3px}
.member-avatar{flex:0 0 46px;width:46px;height:46px;font-size:1.15rem}
.member-name-line{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px}
.achievement-badges{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px}
.achievement-badges .achievement-badge{margin-left:0}
.scope-role-marker{display:inline-grid;place-items:center;width:25px;height:25px;clip-path:polygon(50% 0,92% 20%,84% 72%,50% 100%,16% 72%,8% 20%);color:#fff;font-size:.68rem;font-weight:900;line-height:1;box-shadow:inset 0 0 0 2px rgba(255,255,255,.28)}
.scope-role-marker.role-commissioner{background:#15583f}
.scope-role-marker.role-deputy{background:#53614a}
.member-marker-legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:-4px 0 14px;color:#5d6a62;font-size:.82rem;line-height:1.45}
.member-marker-legend .scope-role-marker,.member-marker-legend .achievement-badge{flex:0 0 auto;transform:scale(.82)}

@media(max-width:760px){
  .settings-layout{grid-template-columns:1fr;gap:14px}
  .settings-nav{position:static;display:flex;overflow-x:auto;padding:5px}
  .settings-nav a{flex:0 0 auto}
  .profile-editor{grid-template-columns:1fr}
  .featured-form{grid-template-columns:1fr}
  .featured-profile-grid{grid-template-columns:1fr}
  .profile-hero{align-items:flex-start;flex-direction:column}
  .profile-identity{align-items:flex-start}
}
@media(max-width:520px){
  .settings-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
  .settings-nav a{min-width:0}
  .section-heading-row:not(.profile-heading-row){align-items:flex-start;flex-direction:column;gap:4px}
  .profile-heading-row{align-items:center;gap:12px}
  .profile-heading-row h2{font-size:1.65rem}
  .profile-heading-row .text-link{flex:0 0 auto;font-size:.92rem}
  .avatar-setting{gap:14px;padding-bottom:20px}
  .profile-avatar-large{width:82px;height:82px;font-size:2rem}
  .avatar-setting-copy h3{font-size:1rem}
  .avatar-setting-copy>p{margin-bottom:9px;font-size:.78rem}
  .avatar-actions{gap:4px 8px}
  .avatar-actions .button{min-height:44px;padding:8px 13px}
  .identity-form{padding-top:20px}
  .profile-identity{gap:16px}
  .profile-avatar-hero{flex-basis:88px;width:88px;height:88px;font-size:2.4rem}
  .profile-hero h1{font-size:clamp(2.15rem,12vw,3.2rem)}
  .profile-stats div{padding:14px 8px}.profile-stats strong{font-size:1.45rem}.profile-stats span{font-size:.64rem}
  .account-details div{grid-template-columns:1fr;gap:3px}
  .progress-heading{align-items:flex-start;flex-direction:column;gap:2px}
  .member-directory-row{align-items:flex-start;flex-direction:column}
}
@media(max-width:420px){
  .account-menu-panel{right:-2px;width:min(240px,calc(100vw - 16px))}
  header nav{gap:5px;font-size:.78rem}
  header nav> a{padding-inline:4px}
  .brand span{display:none}
  .achievement{align-items:flex-start}
  .achievement-state{margin-left:0}
}