.member-page { margin:0; background:#f4f6f5; color:#20332f; font:14px/1.55 system-ui,sans-serif; }
.member-page * { box-sizing:border-box; }
.member-page a { color:#176b5b; }
.member-header { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:20px; padding:20px max(24px,calc((100vw - 1120px)/2)); background:#fff; border-bottom:1px solid #dfe6e3; }
.member-brand { font-weight:800; font-size:24px; text-decoration:none; }
.member-page .nav-links { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.member-page .nav-link { padding:7px 10px; border-radius:6px; text-decoration:none; font-weight:600; }
.member-main { max-width:1120px; margin:48px auto; padding:0 24px; }
.member-card { background:#fff; border:1px solid #dfe6e3; border-radius:12px; padding:28px; min-width:0; }
.auth-card { max-width:460px; margin:0 auto; }
.member-card h1 { margin:0 0 12px; font-size:28px; line-height:1.2; }
.member-card h2,.member-notebook-heading h2 { margin:0; font-size:18px; }
.member-eyebrow { color:#176b5b; font-size:11px; font-weight:750; letter-spacing:1.6px; }
.member-muted { color:#63736e; font-size:13px; overflow-wrap:anywhere; }
.member-form { display:grid; gap:9px; margin:22px 0; }
.member-form label { font-size:13px; font-weight:650; }
.member-form input:not([type=hidden]),.member-form textarea { box-sizing:border-box; width:100%; border:1px solid #bdccc6; border-radius:7px; padding:11px 12px; font:inherit; color:#20332f; background:#fff; }
.member-form textarea { resize:vertical; }
.member-form input:focus,.member-form textarea:focus { outline:2px solid #86baaa; outline-offset:2px; }
.member-button { display:inline-flex; align-items:center; justify-content:center; background:#176b5b; color:#fff !important; border:1px solid #176b5b; border-radius:7px; padding:10px 16px; font:600 13px/1.4 system-ui,sans-serif; cursor:pointer; text-decoration:none; }
.member-button:hover { background:#115445; }
.member-button-secondary { background:#f1f7f4; color:#176b5b !important; border-color:#bed7cd; }
.member-button-secondary:hover { background:#e1eee7; }
.member-text-button { border:0; padding:0; background:none; color:#8e443d; font:inherit; cursor:pointer; text-decoration:underline; }
.member-errors { color:#a2352c; font-size:13px; }
.validation-summary-valid { display:none; }
.member-profile-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:28px; }
.member-count { color:#63736e; font-size:12px; font-weight:500; margin-left:6px; }
.member-network-row { display:grid; gap:6px; border-top:1px solid #e7ece9; padding:18px 0; margin-top:12px; overflow-wrap:anywhere; }
.member-notebook { margin:24px 0; padding:22px; border:1px solid #dfe6e3; border-radius:8px; background:#fafcfb; scroll-margin-top:20px; }
.member-notebook[hidden] { display:none; }
.member-notebook-heading { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.member-notebook-heading p { margin:6px 0 0; }
.member-inline-actions { display:flex; flex-wrap:wrap; align-items:center; gap:14px; }
.member-note { border-top:1px solid #dfe6e3; padding:16px 0; }
.member-note-header { display:flex; justify-content:space-between; gap:16px; font-size:12px; color:#63736e; }
.member-note-content { white-space:pre-wrap; overflow-wrap:anywhere; margin-bottom:0; line-height:1.6; }
.member-logout { display:inline-flex; margin:0; }
.member-logout button { border:0; background:none; font:inherit; cursor:pointer; }
@media(max-width:700px) { .member-profile-grid { grid-template-columns:1fr; } .member-card { padding:20px; } .member-header { padding:16px; } .member-main { margin-top:28px; padding:0 16px; } .topbar-inner,.topbar-actions,.nav-links { flex-wrap:wrap; } }