.memory-card{cursor:default;align-self:start}.memory-photo{cursor:zoom-in}.memory-photo:focus-visible{outline:3px solid var(--gold);outline-offset:-4px}
.cr-comments{padding:0 25px 24px;cursor:default;min-width:0}.cr-comments button,.cr-admin button{cursor:pointer;color:#f7f7f8;background:#22222b;border:1px solid #575761;border-radius:10px;padding:10px 14px;font:inherit;font-size:13px}.cr-comments button:hover,.cr-admin button:hover{background:#363640}.cr-comments button:disabled,.cr-admin button:disabled{opacity:.5;cursor:wait}.cr-comments button:focus-visible,.cr-admin button:focus-visible,.cr-comments input:focus-visible,.cr-comments textarea:focus-visible,.cr-admin input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.cr-comment-panel{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.cr-comment-panel[hidden],.cr-admin [hidden]{display:none!important}.cr-comment-form,.cr-admin form{display:grid;gap:12px;margin-top:18px}.cr-comments label,.cr-admin label{display:grid;gap:7px;font-size:12px;color:#c8c8d1}.cr-comments input,.cr-comments textarea,.cr-admin input{width:100%;min-width:0;background:#08080c;color:#fff;border:1px solid #575761;border-radius:9px;padding:11px;font:inherit;font-size:16px}.cr-comments textarea{min-height:100px;resize:vertical}.cr-comment-form button[type=submit]{background:#bd1c2b;justify-self:start}.cr-comment{padding:14px 0;border-bottom:1px solid var(--line)}.cr-comment strong{font-size:14px;overflow-wrap:anywhere}.cr-comment time{display:block;font-size:11px;color:var(--muted);margin-top:5px}.cr-comment p{font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;margin:9px 0}.cr-comment .cr-delete{font-size:11px;color:#ffb5bb;padding:6px 10px}.cr-note{color:var(--muted);font-size:12px;line-height:1.5}.cr-status{color:#e6cc92;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.cr-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.cr-admin{width:min(600px,calc(100% - 48px));margin:30px auto 60px;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--bg-soft)}.cr-admin summary{cursor:pointer;font-size:12px;color:var(--muted)}.cr-admin-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}

/* A compact social-style conversation, directly below each photograph. */
.cr-comments{padding-top:0}.cr-comments-count{font-size:12px;color:var(--muted);margin:0 0 12px}.cr-comment-panel{margin:0;padding:0;border:0}.cr-comment{position:relative;border:0;padding:11px 13px;background:#202027;border-radius:16px;margin:8px 0}.cr-comment strong{font-size:13px}.cr-comment p{margin:5px 0 0;font-size:13px;line-height:1.5}.cr-comment time{font-size:10px}.cr-comment-form{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:8px;align-items:end;background:#202027;border:1px solid #45454f;border-radius:23px;padding:7px 9px 7px 14px;margin-top:14px}.cr-comment-form .cr-name-label{grid-column:1/-1}.cr-comment-form:not(.is-writing) .cr-name-label{display:none}.cr-comment-form .cr-name-label input{font-size:13px;padding:7px 0;border:0;border-bottom:1px solid #45454f;border-radius:0;background:transparent}.cr-comment-form .cr-text-label{min-width:0}.cr-comment-form textarea{resize:none;min-height:36px;max-height:160px;padding:8px 0;border:0;background:transparent;border-radius:0;line-height:20px;font-size:14px;overflow-y:auto}.cr-comment-form textarea::placeholder,.cr-comment-form input::placeholder{color:#b8b8c2}.cr-comment-form button.cr-send{justify-self:end;display:grid;place-items:center;border:0;border-radius:50%;width:36px;height:36px;padding:0;font-size:20px;background:transparent;color:var(--red-2)}.cr-comment-form button.cr-send:hover{background:#393941}.cr-comment .cr-delete{padding:4px 7px;margin-top:8px;background:transparent}.cr-status:empty{display:none}.cr-comment-panel>button{background:transparent;border:0;padding:8px 0;color:var(--muted);font-size:12px}

/* Keep gallery cards stable while comments are added, loaded or deleted. */
.cr-comments{
  height:290px;
  display:flex;
  flex-direction:column;
  overflow:hidden;
}
.cr-comments-count{flex:0 0 auto}
.cr-comment-panel{
  display:flex;
  flex-direction:column;
  flex:1 1 0;
  min-height:0;
  overflow:hidden;
}
.cr-comment-panel>div:first-child{
  flex:1 1 0;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  scrollbar-width:thin;
  scrollbar-color:#62626c transparent;
  padding-right:5px;
}
.cr-comment-panel>button{flex:0 0 auto;align-self:flex-start}
.cr-comment-panel>.cr-comment-form{flex:0 0 auto;margin-top:10px}
.cr-comment-form textarea{max-height:80px}
.cr-comment-panel>.cr-status{
  flex:0 0 auto;
  max-height:42px;
  overflow-y:auto;
  margin:7px 0 0;
}
