.gr-member-header { display:flex; flex:0 0 auto; align-items:center; min-width:0; }
.gr-app .gr-header .gr-member-header { grid-column:3; grid-row:1; justify-self:end; }
@media(min-width:1050px) {
  body.gr-app .gr-header .gr-header-top { grid-template-columns:auto minmax(0,1fr) minmax(180px,260px) auto; }
  .gr-app .gr-header .gr-member-header { grid-column:4; }
}
.gr-app .gr-member-link { display:block; min-height:44px; max-width:140px; padding:10px 12px; border:1px solid var(--gr-action-border,var(--slate-520)); border-radius:6px; background:var(--gr-action-bg,var(--slate-700)); color:var(--slate-80); font-size:13px; line-height:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.gr-member-page { padding-block:32px 48px; }
.gr-member-card { width:min(100%,460px); margin-inline:auto; padding:28px; border:1px solid var(--gr-border,var(--slate-580)); border-radius:10px; background:var(--gr-surface,var(--slate-730)); }
.gr-app .gr-member-card h1 { font-size:26px; line-height:1.25; margin-bottom:10px; }
.gr-member-intro,.gr-member-switch { color:var(--muted); }
.gr-member-card form { display:grid; gap:18px; }
.gr-member-field { min-width:0; }
.gr-member-field label,.gr-member-comment-form>label,.gr-member-edit-form>label { display:block; margin-bottom:7px; color:var(--text); font-weight:600; }
.gr-member-input-row { display:flex; align-items:stretch; gap:7px; }
.gr-app .gr-member-input-row input,.gr-app .gr-member-comments textarea { width:100%; min-width:0; min-height:46px; border:1px solid var(--gr-border,var(--slate-580)); border-radius:6px; padding:10px 12px; background:var(--slate-760); color:var(--text); font:inherit; font-size:16px; }
.gr-app .gr-member-input-row input[aria-invalid=true],.gr-app .gr-member-comments textarea[aria-invalid=true] { border-color:var(--red-220); }
.gr-member-hint { color:var(--muted); font-size:12px; line-height:1.45; margin:7px 0 0; }
.gr-member-field-error,.gr-member-error { color:var(--red-140); font-size:13px; line-height:1.5; margin:7px 0 0; overflow-wrap:anywhere; }
.gr-member-error { padding:10px 12px; border:1px solid var(--red-440); border-radius:6px; background:var(--red-690); }
.gr-member-status { color:var(--muted-bright); font-size:13px; margin:12px 0; }
.gr-app :is(.gr-member-primary,.gr-member-secondary,.gr-member-password-toggle) { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 14px; border:1px solid var(--gr-action-border,var(--slate-520)); border-radius:6px; background:var(--gr-action-bg,var(--slate-700)); color:var(--slate-80); font-weight:600; font-size:14px; line-height:1.35; cursor:pointer; }
.gr-app .gr-member-primary { background:var(--gr-primary,var(--cyan-400)); border-color:var(--cyan-250); color:#fff; }
.gr-app .gr-member-primary:hover { background:var(--gr-primary-hover,var(--cyan-300)); }
.gr-app .gr-member-secondary:hover,.gr-app .gr-member-password-toggle:hover { background:var(--gr-action-hover,var(--slate-610)); }
.gr-app .gr-member-password-toggle { flex:0 0 auto; padding-inline:10px; font-size:12px; }
.gr-app :is(.gr-member-primary,.gr-member-secondary,.gr-member-password-toggle):disabled { cursor:wait; opacity:.6; }
.gr-app .gr-member-switch a,.gr-app .gr-member-inline-link { color:var(--accent); text-decoration:underline; text-underline-offset:3px; }
.gr-member-inline-link { display:inline-flex; align-items:center; min-height:44px; padding:8px 10px; }
.gr-member-switch { margin:22px 0 0; font-size:14px; }
.gr-member-notice { margin:0 0 16px; padding:10px 12px; border:1px solid var(--gr-border,var(--slate-580)); border-radius:6px; background:var(--gr-surface-soft,var(--slate-760)); color:var(--muted-bright); font-size:13px; line-height:1.5; overflow-wrap:anywhere; }
.gr-member-notice.is-error { border-color:var(--red-440); background:var(--red-690); color:var(--red-140); }
.gr-member-oauth { margin-top:18px; }
.gr-member-or { display:flex; align-items:center; gap:12px; margin-bottom:18px; color:var(--muted); font-size:12px; line-height:1; }
.gr-member-or::before,.gr-member-or::after { content:""; flex:1; height:1px; background:var(--line); }
.gr-app .gr-member-google { display:flex; align-items:center; justify-content:center; gap:10px; min-height:46px; padding:10px 14px; border:1px solid var(--gr-action-border,var(--slate-520)); border-radius:6px; background:var(--gr-action-bg,var(--slate-700)); color:var(--slate-80); font-weight:600; font-size:14px; line-height:1.35; text-decoration:none; }
.gr-app .gr-member-google:hover { background:var(--gr-action-hover,var(--slate-610)); }
.gr-member-google svg { flex:0 0 auto; width:18px; height:18px; }
.gr-member-google-account { margin-top:24px; border-top:1px solid var(--line); padding-top:16px; }
.gr-app .gr-member-google-account h2 { margin:0 0 6px; font-size:16px; line-height:1.3; }
.gr-member-google-account .gr-member-hint:empty { display:none; }
.gr-member-google-account .gr-member-secondary { margin-top:10px; }
.gr-member-details { margin:20px 0; display:grid; gap:14px; }
.gr-member-details dt { color:var(--muted); font-size:12px; }
.gr-member-details dd { margin:3px 0 0; font-size:16px; overflow-wrap:anywhere; }
[data-member-profile-details]>button { margin-top:12px; }
.gr-member-password-change { margin-top:24px; border-top:1px solid var(--line); padding-top:12px; }
.gr-member-password-change summary { min-height:44px; padding-block:10px; cursor:pointer; color:var(--accent); }
.gr-member-password-change form { margin-top:12px; }
.gr-member-noscript { color:var(--red-140); padding-bottom:24px; }
.gr-member-already { display:flex; flex-wrap:wrap; gap:10px; }
.gr-member-already>p { width:100%; overflow-wrap:anywhere; }
.gr-member-comments { max-width:920px; margin-block:30px; scroll-margin-top:90px; }
.gr-member-comments-gate { padding:16px 18px; margin-bottom:18px; border:1px solid var(--gr-border,var(--slate-580)); border-radius:8px; background:var(--gr-surface-soft,var(--slate-760)); }
.gr-member-comments-gate p { margin:0 0 8px; color:var(--muted-bright); }
.gr-member-comment-form { padding:18px; margin:0 0 20px; border:1px solid var(--gr-border,var(--slate-580)); border-radius:8px; background:var(--gr-surface,var(--slate-730)); }
.gr-app .gr-member-comments textarea { display:block; resize:vertical; min-height:116px; line-height:1.5; }
.gr-member-comment-bottom { display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin-bottom:12px; }
.gr-member-comment-bottom>[data-member-character-count] { flex:0 0 auto; }
.gr-member-comment-list { display:grid; gap:12px; }
.gr-member-comment { min-width:0; padding:18px; border:1px solid var(--gr-border,var(--slate-580)); border-radius:8px; background:var(--gr-surface,var(--slate-730)); }
.gr-member-comment-meta { display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 12px; margin-bottom:10px; }
.gr-member-comment-meta strong { font-size:14px; overflow-wrap:anywhere; min-width:0; }
.gr-member-comment-meta time,.gr-member-comment-meta small { color:var(--muted); font-size:12px; }
.gr-member-comment-body { white-space:pre-wrap; overflow-wrap:anywhere; margin-bottom:0; font-size:14px; line-height:1.6; }
.gr-member-comment-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.gr-member-edit-form { margin-top:14px; }
.gr-member-delete-confirm { margin-top:12px; padding:12px; border:1px solid var(--red-440); border-radius:6px; background:var(--red-690); }
.gr-member-delete-confirm p { margin-bottom:10px; }
.gr-member-delete-confirm .gr-member-secondary { margin-right:8px; }
.gr-member-comments-pagination { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-top:16px; }
@media(max-width:760px) {
  .gr-app .gr-member-link { max-width:112px; padding-inline:10px; font-size:12px; }
  .gr-member-page { padding-block:24px; }
  .gr-member-card { padding:22px 18px; }
  .gr-member-comments { margin-block:24px; }
  .gr-member-comment,.gr-member-comment-form { padding:14px; }
  .gr-member-comment-bottom { display:block; }
}
@media(max-width:420px) {
  .gr-app .gr-header-top { gap:8px; }
  .gr-app .gr-member-link { max-width:86px; padding-inline:8px; }
  .gr-app .gr-member-card h1 { font-size:24px; }
}

/* Reserve a cell for language selection alongside the existing header controls. */
body.gr-app .gr-header .gr-search { margin-inline:0; }
@media(min-width:1050px) {
  body.gr-app .gr-header .gr-header-top { grid-template-columns:auto minmax(0,1fr) minmax(180px,260px) auto auto; }
  body.gr-app .gr-header .gr-member-header { grid-column:4; grid-row:1; }
  body.gr-app .gr-header .gr-language { grid-column:5; grid-row:1; }
}
@media(min-width:1050px) and (max-width:1279px) {
  body.gr-app .gr-header .gr-header-top { grid-template-columns:auto minmax(0,1fr) minmax(130px,180px) auto auto; column-gap:10px; }
  body.gr-app .gr-header .gr-navigation { gap:8px; }
  body.gr-app .gr-header .gr-navigation a { font-size:13px; }
}
@media(min-width:761px) and (max-width:1049px) {
  body.gr-app .gr-header .gr-header-top { grid-template-columns:auto minmax(0,1fr) auto auto auto; gap:12px; }
  body.gr-app .gr-header .gr-search { grid-column:2; grid-row:1; }
  body.gr-app .gr-header .gr-member-header { grid-column:3; grid-row:1; }
  body.gr-app .gr-header .gr-language { grid-column:4; grid-row:1; }
  body.gr-app .gr-header .gr-menu-toggle { grid-column:5; grid-row:1; }
}
@media(max-width:760px) {
  body.gr-app .gr-header .gr-header-top { grid-template-columns:minmax(0,1fr) auto auto auto auto; column-gap:8px; }
  body.gr-app .gr-header .gr-brand { grid-column:1; grid-row:1; }
  body.gr-app .gr-header .gr-quick-search { grid-column:2; grid-row:1; }
  body.gr-app .gr-header .gr-member-header { grid-column:3; grid-row:1; }
  body.gr-app .gr-header .gr-language { grid-column:4; grid-row:1; }
  body.gr-app .gr-header .gr-menu-toggle { grid-column:5; grid-row:1; }
}
@media(max-width:420px) {
  body.gr-app .gr-header .gr-header-top { grid-template-columns:minmax(0,1fr) auto auto auto; row-gap:4px; padding-block:8px; }
  body.gr-app .gr-header .gr-menu-toggle { grid-column:4; }
  /* Small phones keep one header row: the language switch moves into the opened menu. */
  body.gr-app .gr-header .gr-language { grid-column:1/-1; grid-row:4; justify-self:start; padding-bottom:6px; }
  body.gr-app .gr-header.gr-js:not(.gr-menu-open) .gr-language { display:none; }
  body.gr-app .gr-header:not(.gr-js) .gr-language { grid-column:3/5; grid-row:2; justify-self:end; padding-bottom:0; }
  body.gr-app .gr-header .gr-nav-shell { grid-row:3; }
  body.gr-app .gr-header:not(.gr-js) .gr-search { grid-row:3; }
  body.gr-app .gr-header:not(.gr-js) .gr-nav-shell { grid-row:4; }
}
