.member-nav{display:flex;align-items:center;gap:.55rem}.member-nav>a{white-space:nowrap}.member-nav form{margin:0}.member-nav button{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:.4rem;padding:.45rem .6rem;cursor:pointer}.flash-messages{max-width:var(--max);margin:1rem auto;padding-inline:1rem}.flash-message{padding:.7rem .85rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.flash-message--success{border-color:#439060;color:#24653c}.flash-message--error{border-color:var(--danger);color:var(--danger)}
.member-form-page{max-width:34rem;margin:2rem auto}.member-form-page h1{margin:.2rem 0}.member-form{display:grid;gap:.45rem;margin:1.2rem 0}.member-form label{font-weight:800;margin-top:.45rem}.member-form input{width:100%;padding:.7rem;border:1px solid var(--border);border-radius:.4rem}.member-form button,.comment-form button,.comment-reply button{justify-self:start;border:0;border-radius:.4rem;background:var(--accent);color:#fff;padding:.65rem .85rem;font-weight:800;cursor:pointer}.member-form small{color:var(--muted)}
.comments-section{margin-block:2rem}.comments-heading{display:flex;justify-content:space-between;align-items:end;gap:1rem;border-bottom:1px solid var(--border);padding-bottom:.7rem}.comments-heading h2{margin:.1rem 0}.comments-heading>span{color:var(--muted);font-size:.85rem}.comments-signin,.comments-empty{padding:1rem;border:1px dashed var(--border);border-radius:var(--radius);background:var(--surface-alt)}.comment-form{display:grid;gap:.55rem;margin:1rem 0;padding:1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.comment-form textarea,.comment-reply textarea{width:100%;resize:vertical;padding:.65rem;border:1px solid var(--border);border-radius:.4rem;background:#fff;color:#171717}.comment-form>div{display:flex;justify-content:space-between;align-items:center;gap:.7rem}.comment-form small{color:var(--muted)}.comment-list,.comment-replies{list-style:none;padding:0}.comment-thread{margin:1rem 0}.comment-card{padding:.9rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.comment-card header{display:flex;justify-content:space-between;gap:1rem}.comment-card time{color:var(--muted);font-size:.78rem}.comment-card>p{overflow-wrap:anywhere;white-space:normal}.comment-deleted{color:var(--muted);font-style:italic}.comment-replies{margin:.45rem 0 0 clamp(1rem,5vw,3rem);display:grid;gap:.45rem}.comment-reply summary{cursor:pointer;color:var(--accent-dark);font-weight:800}.comment-reply form{display:grid;gap:.45rem;margin-top:.6rem}.reader-page .comments-section{color:var(--text);background:var(--surface);max-width:min(70rem,calc(100% - 2rem));border-radius:var(--radius)}
.header-inner{grid-template-columns:auto 1fr minmax(13rem,20rem) auto}@media(max-width:70rem){.header-inner{grid-template-columns:auto 1fr auto}.member-nav{grid-column:1/-1;justify-self:end}}@media(max-width:46rem){.comments-heading,.comment-form>div,.comment-card header{align-items:start;flex-direction:column}.comment-replies{margin-left:.7rem}.member-nav{justify-self:stretch;justify-content:flex-end;flex-wrap:wrap}}