/* Personal pages have a full-width editorial masthead, independent of the feed menu. */
.member-header { position:relative; z-index:10; background:#fffefd; border-bottom:1px solid #eee4dd; font-family:inherit; }
.member-header,.member-header * { box-sizing:border-box; }
.member-header a { text-decoration:none; }
.member-header-actions { display:flex; align-items:center; gap:12px; flex-shrink:0; }
.member-header .member-header-logout { display:inline-flex; align-items:center; min-height:44px; padding:8px; border-radius:12px; color:#706a66; font-size:13px; }
.member-header::before { content:""; display:block; height:3px; background:linear-gradient(90deg,#ffb67a,#ff857b 45%,#f4516d); }
.member-header-inner { max-width:1200px; min-height:88px; margin:0 auto; padding:16px 24px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.member-header-brand { display:flex; flex-direction:column; gap:7px; flex-shrink:0; }
.member-header-logo { display:flex; align-items:center; min-height:32px; }
.member-header-logo img { display:block; width:114px; height:auto; }
.member-header-label { color:#706a66; font-size:11px; letter-spacing:.16em; }
.member-header-nav { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:4px; }
.member-header-nav a { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:44px; padding:10px 12px; border-radius:12px; color:#51443e; font-size:14px; font-weight:600; white-space:nowrap; transition:background .15s,color .15s; }
.member-header-nav .member-header-home { color:var(--coral, #f25564); }
.member-header svg { width:18px; height:18px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.member-header-account { display:inline-flex; align-items:center; justify-content:center; gap:8px; flex-shrink:0; min-height:44px; padding:10px 14px; border:1px solid #fac8ce; border-radius:14px; background:#fff0f2; color:var(--coral, #f25564); font-size:13px; font-weight:700; white-space:nowrap; }
.member-header-user { gap:10px; padding:6px 14px 6px 6px; }
.member-header-user-icon { display:grid; place-items:center; flex-shrink:0; width:32px; height:32px; color:var(--coral, #f25564); }
.member-header-user-icon svg { width:21px; height:21px; }
.member-header-name { max-width:140px; overflow:hidden; text-overflow:ellipsis; }
.member-header a:hover { background:#fff0f2; color:var(--coral, #f25564); }
.member-header a:focus-visible { outline:3px solid var(--coral, #f25564); outline-offset:3px; }
@media(max-width:1000px) {
  .member-header-inner { flex-wrap:wrap; gap:12px; padding-top:18px; padding-bottom:12px; }
  .member-header-nav { order:3; flex-basis:100%; justify-content:flex-start; border-top:1px solid #eee4dd; padding-top:8px; }
  .member-header-brand { flex-direction:row; align-items:center; gap:16px; }
}
@media(max-width:520px) {
  .member-header-inner { padding:14px 14px 8px; }
  .member-header-label { display:none; }
  .member-header-logo img { width:104px; }
  .member-header-nav { gap:0; }
  .member-header-nav a { font-size:13px; padding:10px 9px; }
  .member-header-nav .member-header-home { padding-left:0; }
  .member-header-account { padding:10px 12px; }
  .member-header-user { padding:6px 12px 6px 6px; }
  .member-header-name { max-width:88px; }
  .member-header-actions { gap:4px; }
}
@media(prefers-reduced-motion:reduce) { .member-header-nav a { transition:none; } }