.keep-box {
  margin: 0.35rem 0 0.75rem;
}

.keep-box summary {
  cursor: pointer;
  list-style: none;
  display: inline-flex;
  border: 1px solid var(--obsidian-gold-dim);
  color: var(--obsidian-gold);
  padding: 0.55rem 1rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.72rem;
  font-weight: 600;
}

.keep-box summary::-webkit-details-marker {
  display: none;
}

.keep-box[open] summary {
  background: var(--obsidian-gold);
  color: var(--obsidian-bg);
  border-color: var(--obsidian-gold);
}

.keep-box .gateway-form {
  margin-top: 0.85rem;
}

.keep-unkeep {
  margin-top: 0.5rem;
}

.keep-row h3,
.gallery-card h3 {
  margin: 0;
}

.keep-rename {
  flex: 1 1 12rem;
}

.my-stuff .notice {
  padding: 0.85rem 1rem;
  border: 1px solid var(--obsidian-line);
}

.my-stuff .notice.is-ok {
  border-color: var(--obsidian-ok);
  color: var(--obsidian-ok);
}

.my-stuff .notice.is-err {
  border-color: var(--obsidian-danger);
  color: var(--obsidian-danger);
}

.piece-reading .notice.is-ok,
.piece-reading .notice.is-err {
  padding: 0.85rem 1rem;
  border: 1px solid var(--obsidian-line);
}

.piece-reading .notice.is-ok {
  border-color: var(--obsidian-ok);
  color: var(--obsidian-ok);
}

.piece-reading .notice.is-err {
  border-color: var(--obsidian-danger);
  color: var(--obsidian-danger);
}