.member-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,480px);gap:64px;align-items:start;padding:56px 30px 72px}
.member-intro{padding-top:8px;max-width:540px}.member-intro h1{font-size:52px;line-height:1.05;margin:20px 0;overflow-wrap:anywhere;letter-spacing:0}.member-intro>p{font-size:18px;line-height:1.6;max-width:420px;color:var(--muted)}
.member-mark{display:block;margin-top:40px;width:112px;height:112px;padding:20px;background:var(--yellow);border:2px solid var(--ink);border-radius:8px;box-shadow:5px 5px 0 var(--ink)}.member-mark img{width:100%;height:100%;object-fit:contain}
.member-form{min-width:0}.member-form form,.member-profile form{display:grid;gap:20px}.member-form .form-field,.member-profile .form-field{margin:0}.member-form h2,.member-profile h2{font-size:24px;margin:0 0 24px}.member-form .button{justify-content:center}.member-form .form-help{line-height:1.7;font-size:14px;margin-top:20px}.member-form .form-help a{font-weight:700;text-decoration:underline;text-underline-offset:4px}.member-form .meta{line-height:1.6}
.member-captcha{min-height:78px;max-width:100%;overflow:auto}.member-avatar{display:grid;place-items:center;width:88px;height:88px;border:2px solid var(--ink);border-radius:50%;overflow:hidden;background:var(--yellow);color:#151515;font:700 30px Outfit,Arial,sans-serif;flex-shrink:0}.member-avatar img{width:100%;height:100%;object-fit:cover}.member-header-link .member-avatar{width:28px;height:28px;border:0;font-size:16px}.member-header-link{padding:6px}
.member-profile{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;padding:40px 0 64px}.member-profile>section{min-width:0}.member-profile .member-avatar{margin-bottom:24px}.member-profile .button{justify-self:start}.member-profile .member-remove{margin:18px 0 32px}.member-profile dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 24px;margin-bottom:28px}.member-profile dd{margin:0;overflow-wrap:anywhere}.member-profile dt{color:var(--muted)}.member-profile input[type=file]{max-width:100%;white-space:normal}.member-note{font-size:13px;line-height:1.6;color:var(--muted)}
.member-profile{padding-left:30px;padding-right:30px}.member-profile+.notice,.member-notice{margin:24px 30px}.member-profile input,.member-form input:not([type=checkbox]){border:1px solid var(--ink);border-radius:4px;background:var(--paper);color:var(--ink)}
@media(max-width:760px){.member-layout{grid-template-columns:minmax(0,1fr);gap:32px;padding:32px 20px 48px}.member-intro h1{font-size:36px}.member-mark{display:none}.member-profile{grid-template-columns:minmax(0,1fr);gap:36px;padding-left:20px;padding-right:20px}.member-form{max-width:480px;width:100%}}
.topic-follow-form{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0 0}.topic-follow-button{min-height:40px;min-width:116px;justify-content:center;flex-shrink:0}.topic-follow-button[aria-pressed=true]{background:var(--yellow);color:#151515;border-color:var(--ink)}.topic-follow-button>span:not([hidden]){display:inline-flex;align-items:center}.topic-follow-button:disabled{opacity:.6;cursor:wait}.topic-follow-status{font-size:13px;line-height:1.5;max-width:300px}.topic-follow-item{border:1px solid var(--ink);border-radius:6px;padding:20px;display:flex;flex-direction:column;align-items:flex-start;min-width:0;background:var(--paper);color:var(--ink)}.topic-follow-item>a:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;flex:1;margin-bottom:16px}.topic-follow-item h2,.topic-follow-item h3{font-size:22px;line-height:1.2;overflow-wrap:anywhere;letter-spacing:0}.topic-follow-item>a>svg{width:20px;height:20px;flex-shrink:0}.topic-follow-item .topic-follow-form{margin:0}.member-topics>h2{font-size:28px;margin-bottom:12px}.member-topics>p{margin-bottom:20px}.member-topics>.button{margin-top:20px}.page-intro>.topic-follow-button{margin-top:18px}
.member-notice{padding-inline:30px}.member-topics>.topics-grid{padding:20px 0}.topic-follow-button.button{border-color:var(--ink);gap:10px;padding:10px 14px}.topic-follow-item .topic-follow-button{max-width:100%}@media(max-width:760px){.member-notice{padding-inline:20px}}
